I've been stumped. I'm usually good at figuring this stuff out, but I'm completely confounded here.I have a form with tables in it to add items to a series. The rows are being added dynamically by Jquery on the click event.
I have an application that dynamically adds unordered lists forms as needed, then once the user(backroom) enters values in the form fields, the lists are saved to an action page and displayed. The lists are written to a page called vendorProductList.cfm and written as an unordered lists. Then that page pulls the html out and inserts the newly created list(s) into my page. Here is the code that does that written with cf:
I am on a team designing the front end of an Intranet application. The backend guys will be using JSP and AJAX-like functionality to make server requests that must dynamically change elements on a page.
What is the best way to create and populate tables, which will exist in floating DIVs (with drag and drop capability)? It only has to work with IE6.
I know of two ways:
1. Dynamically making the tables using "createElement('<table>')", "insertRow()", etc.
2. Using innerHTML in the holding DIV, to generate table code inside.
3. Is there another way?
What are the pros and cons of #1 and #2? In terms of speed (some of these tables are huge)? #2 seems easier to wrap my head around, but maybe less efficient?
I want to create a recipe site with similar functionality to a feature on coolspotters. I've only dabbled in jQuery so I'm not sure how complicated it would be to do this. Basically what I want to do is allow a user to add recipes to dynamically created lists. For example if a user searches for Italian food they should be able to create a list called "Italian" and add italian recipes to the list. Or if they do a search for Japanese dishes they will be able to create a list called "Japanese" and add Japanese recipes to it, etc. I know their would be some back-end code involved but I was wondering if jQuery could handle the front-end. I've only dabbled in jQuery so this sounds like a complex thing to do.
I have some code that creates form fields as needed, then the once the user inputs data the values are stored in my action page as an unordered list. The list is then displayed back on my page with an ajax call. All this works fine, but now I wanted and need to have the lists sorted alphabetically. I actually found a thread here and some code someone posted to do this. I thought at first it worked, but it seems to be if'y. Maybe it has to do with the order in which I might add an item to my form. I also wanted to sort by more than the first letter. When I thought, and Im pretty sure it was, working, it seemed it only sorted up to the first letter. Ex:
I've got a database written in MySQL with a bunch of PHP interfacing with it. What I want to do is populate drop down menus on a form from this database.
The way I went around solving my problem is as follows.
Which calls the function from the search.js file, which performs the following operation:
With element2 being the appropriate preemtied dropdown box, and addOption defined as follows:
So far so good. This works and produces the correct list of elements in the first dropdown box if the first dropdown box is the target. Here is where things begin to go wrong: On this form I have an add more elements button which is defined as follows:
And addElement being defined as such:
While this does successfully create all the cells I want it to create, when I attempt to select Country from the resulting dropdown, I get an empty drop down wit only the "Search For" present in it.
Firebug then proceeds to flag array in selectorfunc above:
What i believe is going on is that for SOME reason the newly created drop downs aren't being passed js_countries correctly. Unfortunately I don't know how to fix it.
I have 2 drop down list that are populated through mysql. They both contain data upon initial page load. However when you select an option from drop down #1 it populates drop down 2 with data associated to it. Sometimes the 2nd drop down list has selected data already and I need it to be cleared back to the first option when the first drop down is selected.
the following code is what I use to populate the second drop down
I'm just now trying to get my head around AJAX in general and jQuery's AJAX specifically.I have a table that is generated from php/mysql. A sample of the rendered page can be seen here. I've also attached a text document with the php code that generates the page.What I'm trying to do is, when a user clicks on one of the edit buttons, I want to open a jQuery UI Dialog popup and populate a form with the current information for the class the user clicked on. Then, after the user clicks on a Submit button (and some basic validation), jQuery's ajax() sends the data for processing to a php script. Upon successfully processing the changes to the class I want to close the Dialog popup and show the changes in the table on the main page.[code]
I'm trying to create/add options to select elements in a form. My form has several select elements, only first is actually populated and visible. Each select element is on a seperate table row. Depending on the option chosen in the first select list, another row (select element) becomes visible which is then populated depending on the option chosen. I accessed the select element and created the option(s) using this format
I am trying to populate inputs on a form from a select drop down list (with date being pulled from a mysql database). This is to allow for any changes that need to be possibly made.
Is this even possible? I've tried doing some internet research, and the books I picked up from the library don't seem to go into this at all, so I'm not even sure that what I want to do is possible. The only thing I can really seem to think is that i need to use onChange. But outside of that, i'm lost.
I originally posted this question in the PHP forum and received advice to try here, they said it might be possible using JS and AJAX.I have limited experience with JS and none at all with AJAX.I have an HTML form in which I have a Select field, currently with about 100 options. The form creates an HTML email using formmail.Dependent on the option taken I get other details, eg address, email, telephone, etc.This is begging to be done via a database and PHP.I do not know if this is possible, but could I open the database, MYSQL, and take all the records into an array, open the HTML form and use one of the fields of the array to create the options list, when an option is selected use the other fields in the array to fill in the address, email, etc fields on the form and then use those values as variables to pass to formmail, which is a PHP program.
I thought that if this was possible I would use PHP to populate the array and then get it to call the HTML form where I could hopefully use the array to help complete some of the fields using SELECT.I would like to know if my thoughts are going in the right direction or if I need to go down another track.
Page uses the model dialog code from JQUERY UI. Was having the IE6 Z-Index issue with IE6 Applied the BGIFRAME plugin solution (bgiframe: true) ISSUE DESCRIPTION: When the modal dialog is triggered, any/all select-lists previously displayed are suddenly hidden. BROWSERS TESTED: FF2.x, FF3.x and IE8 behave no issue. Only manifests this way in IE6. REQUEST:
How can i improve my code such that the select-lists dont get hidden when the modal dialog is displayed?
I have a cgi script (using perl for database queries) in which I have two select boxes. I am populating the left select box with rows from a database, and then provide buttons for people to move items to the right select box.
So far so good, everything works, the move right, move left, and move right all and move left all buttons work, data is always sorted in both lists. My only problem is, when I click the submit button, the follow up program only displays data that was highlighted/selected in the right select box, not all of the data in the right select box.
With IE 8 when a select element is created and populated the select element appears as if it doesn't contain any options until it is clicked. Once clicked the select element then resizes and the data is displayed. I ran across an article mentioning this issue could be resolved by adding an extra line of code that applies a "blank" style to the element but unfortunately the issue still persists. I'm currently using jquery 1.4.2 and the code I use to populate a select element is: