I've created a page that uses 2 seperate functions for passing variables.The first runs when the page loads and requests categories from a database to fill a dropdown box.The second function sends a date value and the contents of the select from the dropdown box to search a database then outputs the results to the page.They both use getelementbyid to display their results. the category search uses <div id="txtindex"> and the date/dropdown search uses <div id="txtupdate">My problem is the results from the date/dropdown which should display in the 'txtupdate' div are displaying where the dropdown box used to be, so in the 'txtindex' div.
I would like to create a page that has a dropdown menu populated with a list of images. When someone selects an image, the image and a URL to a webpage will display (screenshot below). Each image will have a different URL. How do I accomplish this?
I am using Moodle and need to make an amendment in one of the modules using a little bit of Javascript.
I have an array called [[Loacation]] I want to create a dropdown in an HTML from which will populate from this array. I could probably just about do it in php using the foreach command, but I need to be able to do it clientside using Javascript.
[code]I have created an array of cars so if personA has more cars, they can click add and select another one. If they have 1 car and just enter name and 1 car, the form works but when I click Add row and select another car, it doesnt work?
Using this creates the dropdown box though I want to take Code: var service = new Array(); //log book services available service[0] = "12 month log book service"; service[1] = "18 month log book service"; service[2] = "24 month log book service"; service[3] = "30 month log book service"; service[4] = "36 month log book service"; service[5] = "Other minor service"; service[6] = "Other major service";
var price = new Array(); //prices log book services available price[0] = "255"; price[1] = "285"; price[2] = "530"; price[3] = "255"; price[4] = "285"; price[5] = "285"; price[6] = "540";
This is to show the expected data at this point in time though I may add or remove elements so I want the code to be flexible a= ie iterative so I want to have the dropdown element checked and compare the position of service to get the associated price though they are in two seperate arrays and cannot be changed. Basically I would like to use a if selected value the price at that position is entered into the textbox which is readonly. How would I go about this and I cannot use tools such as jquery to do this. Is there a way to set the select value to the array position on price or something as I have never had to compare two arrays or print a selected value to a textbox.
I've a large array of nearly 5000 entries and trying to populate those entries into a dropdown list of my webpage. By doing that so, it is taking so much time ( nearly 30 seconds ) and is freezing the page.
Is there any way to load such a big array into dropdown in efficient manner...
var handles = [ ... around 5000 entries .... ]; function populateHandles(){ objSub = document.getElementById('listBox'); for(x=0; x < handles.length; x++){
I want to have a page that is a list of auction items, and for each list item, show a field with the current bid price - easy to do statically, but I want the current bid price field to by dynamically updated by javascript every few seconds from a php database query.I have had no trouble building this page, but what happens is that the javascript will do the php query only once and fill the current bid price field continually with the same value, even if it has been changed in the database.I have the javascript function repeating every second, so that is not the issue.My php script works nicely, so that is not the issue.Just to re-iterate, there is no problem passing a value to javascript from a php sql query, it is in trying to get javascript to refresh the value it gets from the php sql query everytime that it runs.I have been working on this for over a year, and have done loads and loads of research, but to no avail.
I am wondering if I can get the value of a drop down box that was created using ajax.I have a div tag holding the spot on item.php and when the user make a selection it calls my getitem.php which returns a drop down with the populated items.
So I have no tag handler since they were all created back on the getitem.php page. What is the best way to do this? I would love the have the drop down tags on item.php but how do I dynamically populate the list then?
Now, when the input box is populated, the onsubmit doesnt trigger. I have tried adding the following to the end of the javascript file for the date selection, but it has no effect:
I'm using jQuery 1.4.4 andI can't understand where I'm doing wrong, I'm simply populating all the rows of a table with template function, so far so good, but I cant delegate the "hover" (and click and all the events) event on a row or a cell.
I've tried to put the .delegate() code also in the footer of my page but nothing.
I have a form to add items to a database. In the sidebar next to the form I have a bunch of pre-defined items, I would like to be able to click on one the pre-defined items and have it add a populated text field to the form.
In the IT department that I work at, when we move a computer/install a new one we have to fill out a form with the information on the computer (CPU clock speed, amount of RAM, OS and service pack, etc). I created a web form already where instead of doing it on paper, we can fill it out online and it'll send it via email. My boss now wants me to figure out a way to automatically populate the form with the information the computer should know. I think I can do the IP Address in the ASP we have on there, but I think I need something client side to do the other things. I guess my first question is if this is even possible using javascript?
I have a webpage for insurance agents that the agent will login and then enter some insured information.
There is a field named "agentnumber" that is on the form, but is hidden by a display:none. The field is set from the username of the person who logs in whenever the form loads the first time. The form will save automatically when the user leaves the page.
I am experiencing a weird issue that every now and then, the agentnumber field is getting saved with incorrect data. After discussing it with the agent, it is being saved with the agentnumber of the agent from other companies, not from the my website. what may be happening as I thought browser security would prevent cross site javascript. The users are using IE 7 & IE 8.
I have a form in which I preset some text inside a readonly, disabled textarea using javascript ('data' being the text): document.getElementById("link_of_current_view2").value = data;
However, once I call my .php script to process the form, the element is null. How do I get it to pass along that data, which is in the textbox when the user views the form? <div id="sendlink" class="contact_form" style="z-index:10;"> <a class="close" onclick="document.sendlink_form.reset();return false">CLOSE</a> <form id='sendlink_form' name='sendlink_form' method="post" action="sendlink.php" > <label for="link_of_current_view2">Link: </label> <textarea id="link_of_current_view2" name="_of_current_view2" class="link_of_current_view" rows="2" disabled="disabled" wrap="soft" size="58" value="" readonly="readonly" value=/>
I have a basic html form with some text input fields and a couple drop down selection lists. Our employees print the form and include it with items they need our shipping department to ship for them. The form uses the following verification script to ensure the required fields have been populated before the screen prints. It works exactly as desired in Safari and Firefox. In Internet Explorer, however, the selections made in the drop down lists are reset to the default values on the printed form.
Before you respond with, "don't use Internet Explorer," you have to understand that Internet Explorer is our only corporate approved web browser because it is the only browser supported by some of our other "mission critical" third party web apps and because it can be more rigorously controlled using Group Policies than Safari, Firefox, Chrome, Opera, et al, can. How to make the form print without resetting the drop down list selections? :confused:
<script language="javascript"> function verify() { var themessage = "You must provide the following information"; if (document.shipment.SenderName.value == "") { themessage = themessage + ", Sender Name"; } .....
I don't know how hard this is / isn't to do, but I wondered if it is possible to use Javascript / jQuery (I have the library included on the page I need to edit) to display a message below a text input field if the field is populated.
The reason I need it is that if the user fills the field in, I would like to add an instruction message underneath the field. If the field remains empty, I don't want the text to display.
I'm using PHP / MySQL / javascript (very new to javascript)I'm looking to set the value of a textfield based on the name (NOT value) of a drop-down. The drop-down is created dynamically from a recordset (see code below):
<select name="mainStory" id="mainStory"> <?php do { ?>[code].....
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 working on a quote generator and I'm running into an issue with onChange events not firing when a text field is dynamically populated via a child window. Here's my setup: I have 3 text boxes (quantity, price, markup) that are multiplied together in order to give the total of that product. Each text box has an onChange event [called calculator()] that calls an external javascript file, which handles the multiplication and instantly updates the total of that product. Up to this point, everything works fine - - when I manually edit any of the 3 inputs, the total updates correctly.
However, my problem is that I now have the "price" text box being dynamically populated, and when it updates it is not firing the onChange event attached to it. The text box is being filled by way of launching a child window and running the following code within it:
I use ASP to write the arrays at the start of my page:
<script language="Javascript"> var ArrManu1 = new Array(); var ArrManu2 = new Array(); var ArrManu3 = new Array();
[Code]....
...to populate the second dropdown box. However, when the user selects the first option in the first dropdown box (therefore making the variable "Co" equal to 1), ((ManuArr[Co-1])[i-1]) is "undefined" - why doesn't it add "Bell" to the dropdown?
I'm trying to get a select box to display text from a database in a div tag from the select box populated by a while loop that also pulls from the database. The only way I can do this is from a javascript written by sending it over to a second page and I need it on just one page. Here is my code below:
I have a project where I need a selection of one dropdown menu may affect the select of multiple other dropdown menus on the same page.First, a table is generated, and within each row, it contains a dropdown menu. Assume: Rows A, B, C, etc..., and Dropdown selection: 1, 2, & 3If dropdown in Row A selects 2, then I want the selection of dropdowns in rows B & C to dynamically change to 2.And if in Row C user selects 3, then the selection in dropdowns in rows A & B should dynamically change to 3.
I just needed a simple dropdown. So what better solution than jquery right? Well, when I finished it, I tested it out and it works until you try to click a link in the dropdown. It then disappears. Not sure if theres something overlaying throwing it off but I didn't see anything in firebug.
Website: [url] (hover over the rentals link in the top nav)
