I've got 3 'alternative' boxes, only one of which I want displayed,
according to the value of an earlier select (so I'm using the
<htmlelement>.style property from javascript).
One is a div containing text, which I amend as appropriate with innerhtml
One is an image.
One is a div containing 4 input text boxes, which are disabled or not as
appropriate.
I've tried .style.visibility = "hidden" / "visible" (correctly leaves
blank space, which I don't want)
I've tried .style.display = "none" / "block" (works for moz, ie treats
as visibility)
I've tried setting .style.height & width to "0px" / null (doesn't work
for ie).
Any suggestions as to how to make the thing disappear and occupy no
space (dynamically) in ie as well as other browsers please ?
If anyone really needs to see the page, go to ccaweddingsdirect.co.uk/basket
login with chris at ccagroup co uk (you'll need to accept a cookie) -
the password is set to testz (it doesn't confer any great privilege,
just accesses my test shopping basket).
then click 'enter personalisation' for 4D01 (christmas card)
Select different wordings to change the bottom section - 10 and 'your
own wording' are the intereesting two, and orderpg.js is the js file.
Is it possible with AJAX chained selects to have one select box on the page and then have another select box appear depending on the selection from the first select box?[URL]Is it possible to hide the 2nd box until the first one was acted upon?
My goal is to start with one box (call it Box 1). Box 2 will then appear. Depending on Box 2's input, Box 3 will appear with new choices. Depending on Box 3's input, Box 4 will appear....so on and so forth until the end goal is met.
When additional boxes appear, I do not want the previous boxes to disappear. If PHP can populate the select boxes, I don't see why it also couldn't insert the physical select box.
i am developing a web based application in that i have to display the menu depends on the user.if it is admin the admin menu should display if it is otherone the admin menu should not display.
the menu contents should hide dynamically using cookies concept for all the users the menu is same but the menu should hide dynamically using style.display="visible" or hide
first of all i am trying to hiding the menu contents dynamically using onload method but that is not working Code:
Each time I dynamically load the options of a select box and then try to do anything with it (such as clicking it or using other JS code on it) I get the following Firefox error:Error: Index or size is negative or greater than the allowed amount = NS_ERROR_DOM_INDEX_SIZE_ERR
I am using the following code:<select id="day" name="day"></select> <script language="javascript"> var options_list = new Array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31); selectbox_element = document.getElementById('day'); selectbox_element.options.length = 0; // Remove any previous values.
for (var i = 0; i < options_list.length; i++) { selectbox_element.options[i] = new Option(options_list[i], options_list[i]); } </script>
The "options_list" array is filled beforehand using a simple PHP for() loop.
If I create the exact same options but do so by writing them into the HTML using PHP, then I don't see the error message anymore.
This problem happens in both Firefox 1.5 and Internet Explorer.
As part of my form I have a box for the user to input the number of text boxes needed. I already have the page creating the textboxes but do not know the IDs of each text box. Once the user adds textboxes they can click add again to create more. If the user previously added 3 textboxes and now enters 4 I want the program to just add one more instead of 4 more.
I've been ask to produce a new upload form that can allow multiple files to be uploaded with each article i was thinking of adding an upload form field than when text is added to the text field an extra file name description and upload text box would appear on the page via javascript.
So the more files that add to the form the more dynamically produced form text boxes are added, i have been looking to find if this could be done or what way is better, if anyone could help with telling where to look or how to dynamically produce more text areas. Or could you let me know another solutions to this.
I have seen it work on my mobile when added new contacts, you type in mobile number and then the home text box appears below it, then you type in home number and then the work text box appears. etc..
I am doing a website project and in that currently I am designing a product page. I have to design add values to text boxes and drag and drop the text boxes in the workspace and delete the text boxes the user does not want and have to draw a graphical line between the text boxes which are in order.I have designed and coded everything except the graphical line part.
I am a learner in javascript and Can we draw a graphical line dynamically between the text boxes in the webpage? If we can draw, can anyone let me know the tutorial for that so that I can learn and start coding as I have to submit that project soon.
I am doing a website project and in that currently I am designing a product page. I have to design add values to text boxes and drag and drop the text boxes in the workspace and delete the text boxes the user does not want and have to draw a graphical line between the text boxes which are in order.
I have designed and coded everything except the graphical line part. I am a learner in javascript and Can we draw a graphical line dynamically between the text boxes in the webpage? If we can draw, can anyone let me know the tutorial for that so that I can learn and start coding as I have to submit that project soon.
I'm currently working with a bit of javascript to dynamically add <option>s into a select box. My code currently works fine in Internet Explorer, however in Firefox the dropdown only displays the first option in the list, and when clicked the other values aren't displayed.
Here is the code;
//ar_options is an array with the option to be displayed in.
for (count=0; count<number_of_options+1; count++) { document.forms['enquiry'].enquirytype.options[count] = new Option(ar_options[count],ar_options[count]); };
As I said - fine in Internet Explorer, but not in Firefox. I did discover some discussions about this, which were talking about an issue and workarounds but I couldn't get any of them to work. I have also tried simply using the document.write() function to output the HTML in the correct place. However this is just hte same, works in IE but not Firefox.
I have a form where a user enters a number in a text box (txtTickets). When that number is entered, I need to create an equal number of select boxes. I've found code examples which show how to dynamically add or delete options from a select box, but I have found no examples which deal with this specific scenario. The select options do not depend on user input -- that is, I do not need to populate it dynamically. I need to create them dynamically. Has anyone created something similar to this?
I need to be able to add dynamically multiple "Date Picker" input boxes to a form. I wanted to use a simple dynamic textbox added form which will easily add or remove date pickers.
I already have a Date Picker which works well also I have a very dynamic field added.
is it possible to use another JavaScript inside another script as one seems to corrupt the other?
Quote:
$(document).ready(function(labelname){* var counter = 2;* $("#add").click(function () {* if(counter==1000){*
When a person enters in their firstname and lastname, I want the username field to fill with firstnameLastinitial.
Eg. Firstname = Adam, Lastname = Apple, Username = AdamA
I want to do it dynamically so as they're typing their firstname, it's filling in the username field. And when they fill in their lastname, it does it, but it would only have to do it for the first letter then go out of the loop.
I don't even know where to start on this one.. onChange is the event?
I have four html form check boxes.The user is allow to choose one or three of the check boxes, the last check box has a value of None.
Example: What's your favorite color.1. Red 2.Blue 3. Green 4. Gray. 5. None.The user can select more then one color.So I'm wondering how can I make the other check boxes deselect when the user click None.So if the user select None, then the other boxes cannot be checked. know you can do this with radio buttons but I would like the user to select more then one option.
At this point I have been able to add the row. But what I want to do and am having trouble with is alternating the row colour to the dynamically added row element.
Sample of code I am using:
Code: var tbody = document.getElementById('tableItems');
var td1 = document.createElement("td"); td1.appendChild(document.createTextNode(qty)); td1.setAttribute("class","qty"); row.appendChild(td1); tbody.appendChild(row); One thing that puzzles me, is that even after adding a row the table my table.rows.length still = 0.
Does anyone know how I can determine the appropriate amount of rows so that I can apply the appropriate class?
Or is there just something blatantly wrong in my approach?
i am trying to make a popup div which will close down after the user clicked outside of it now i am looking for a way to determine if the user clicked outside of the div or not
I got a table with hundreds of rows...and I want the user to be able to hide a single one by clicking on the table row.
How can I do this without typing in hundreds of ids like 1,2,3,4,5... Since you can't get elements by class and ids have to unique I'm not sure how to do this. Also the order of the rows will change when they get updated so it would end up being a mess of unordered ids.
If you check the cancer box a div will appear. If you check lung, another menu pops up. If you check colon nothing appears because it's behind the lung div. I am aware of z-index. But because a person may go back and forth between menus I need a way to make sure the appropriate div is always on top.
i am having some problem showing and hiding some divi want to show the div with the id="universitiesDiv" on one point and the div id="highSchoolsDiv" on another depending on the user choice of selected option.
function Show (titleImg){ // the id of the content element from the id of the title element var contentID = titleImg.id.replace (/title/, "content");
Does anyone know the javascript to be able to have a table row collapse when there is no text in one cell, but there is text in the next cell? I have a 2-column table with titles in the left column and want the right column to be populated by a user. If the user doesn't populate the right cells or row, I'd like that row -including the constant/visible text that is in the left col- to be hidden and that row to collapse or move up... possible?
I am trying to write a script that will hide a table in NS4. getElementById only works with IE4+ +NS 7 anyone go any idea how to adapt to function below to support NS4?
function hide(st) { document.getElementById("hide").style.display=st;
