I am new to JavaScript and self taught, so please bear with any terminology I use incorrectly. I have an array defined. I am trying to access this array multiple times (10) in the HTML. It worked on the first drop down, but when I added the next one it errored. Not sure if what I am trying to do is possible or if I am going about this the right way. Below is the code:
Code:
var Engagements = [];
Engagements[0] = new Option("","");
Engagements[1] = new Option("Asset Management","Asset Management");
Engagements[2] = new Option("Autoclave","Autoclave");
I am trying to learn JavaScript, I am creating a test page like a Learning page for children, where a child selects "Apple" and then selects repeat 3 times or times etc and the it plays what ever the user selected that many times, the user can even select "Apple", "Ant", "America" and select repeat any number of times (say 2 times each) and the media player will play like this "Apple", "Apple", "Ant", "Ant", "America", "America". Now I downloaded all these from different sites in mp3 format. How can I make the program to do what I want to do as said above, simple code. for i IN (all selected)
All semester, I have been working on a single web page, modifying it repeatedly to add features (using CSS). This last assignment involves javascript, something we've just barely touched on. I can't seem to figure out where exactly the event handler should be placed. No matter where I move it, it alters the way the page displays. In the right column, there are descriptions of 2 musicians, each includes a header, paragraph, and a thumbnail (that links to a larger image) on the far right side, next to the text.
I need to add this <a href="#" onmouseover= "alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a> to this <h3>January</h3> <a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a> <p class="content">Melanie Morris entertains<br /> with her melodic folk style.<br /> Check out the podcast!<br /> CDs are now available. </p>
The problem is, the book doesn't explain where to add it or have any examples of using onmouseover in this particular way, so I've spent forever trying to figure it out. In some places, it makes the sentence shows up twice. In others, it completely moves the picture out of position and/or extends the "Melanie Morris entertains with her melodic folk style" all the way across the page (thus, pushing the picture down). I initially had a very hard time making this page layout work (specifically, getting the images to show up in the right place).
The best I am getting from this is adding the mouseover immediately after the paragraph class and right before the Check out the podcast! line...removing from the paragraph the text that is repeated. It seems to look OK on IE, both full screen and when I make the screen smaller. Foxfire is displaying it less reliably though. As soon as I make the window smaller, the layout shifts. I know that it's normal for different browsers to display differently.
Any way to work around the rules so that it looks right, but is not, in fact, coded properly. <h3>January</h3> <a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a> <p class="content"> <a href="#" onmouseover= "alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a> Check out the podcast!<br /> CDs are now available. </p>
I am using window.print() for print the web page, its working fine but i want more than one copy each and every time the the window will pob and ask me to select the printer name instead of that i want to pass the printer name through code if possible to print like this.
Anyone know of a good tutorial for making an object move repeatedly while a key is held down (ie move right 1px every second while right arrow key is held?)
I am working on a page where the user will select a location from a dynamically generated dropdown list. I was able to create the php multidimensional array (tested and working) from a MySql database using the users information at login, but I'm having problems converting it to a javascript multidimensional array. I need to be able to access variables that I can pass to a number of text fields within an html form.For instance, if a user belongs to a company with multiple addresses, I need to be able to let them select the address they need to prepopulate specific text fields.
I am creating an array based on form elements. I then am trying to create an IF (and nested IF) statement to check if the fields are empty and then with the nested IF statement use certain fields to create mathematical functions.
So far I have this:
function QuantityMWh(form) { var formchk = document.forms[0] for (i = 0; i < formchk.elements.length; i++) { if (formchk.elements[1].value == "" && formchk.elements[2].value == "") {
[Code]....
It's only checking the first field and not the second, and vice versa. i.e. if only one field has text then it passes.
Lets say I have an empty array and I want the user to be able to enter as many new numbers as the user wants into the array. Could you explain how? Simply put it: How can javascript parse a textarea and input it into an array. (Like if the user entered 1 3 5 7 4).
<script> function example(form){ var myNumbers=new Array(); then I'll do something with the array once the #'s are loaded...
I need to verify that the email address is not a free account. I will have an array that contains a list of free email providers. ie. gmail yahoo hotmail.I want to compare this list to what the user entered. and if there email address contains one of the values from the array then return false. I am a php dev so excuse the crude code.
Code:
var freeEmail=new Array("gmail","yahoo","hotmail"); if (form.email_address.value (contain a value from freeEmail) { alert( "Please no free email accounts." );
when I capture the dispatch of the form and try to get the value of any of these file fields:
PHP Code:
There's a Javascript error saying that form.file is undefined. It's strange because I see in Firebug that "file" actually exists as a property of "form". The same happens if I get rid of the temporary variable "form" and I do it this way:
So, I eventually had to use the getElementById('image' + i) method in order to do what I wanted. But there must be a "natural" way to get a value from an array defined in a form.
im fiddeling about with javascript and learning the basics. say you make a javascript array keeping it simple for just now, say the array had 5 items in it, how can you make it so the user has to input a number which selectes one of the objects from the array ? my friend told me to use a form but i dont know how i can link this to the javascript array.
I do this so I can loop through the values in php... now...that's the easy part... the hard part comes to this:
Next to each of those boxes is a search button that allows the user to open up a popup window that they can search for an item, and select the item. Once they select the item it should populate that particular input box with the selected item. I can easily do this with a uniquely named input box, but can't seem to figure out how to do it with an array of input boxes...
I use a very handy function (onsubmit) to validate empty fields in a form:
PHP Code: function validate_form(){ var x = document.getElementById("form1"); for(var i=0; i<x.length; i++){ if((x.elements[i].value == "") && (x.elements[i].title)){ [Code]....
It worked like a charm, until I had to change a dropdown dynamically with ajax. I have two dropdowns, the second being populated with ajax (php, mysql) by the option selected in the first one. The second dropdown has the title attribute filled so the previous function can validate and ask the user to select something. However, it seems like fields loaded dynamically with ajax wont appear inside the x.elements[] array. I've tested it over and over, it keeps ignoring it. It isn't even in the array. Why?
'm having a very hard time making this work and be happy in both IE and Firefox. Basically, I'm setting a timeout to get an array of the form values if not present, or compare against if they are present, and if any change in values, submit the form to auto-save it.
below is my coding, basically I am using document.forms[thisformname].elements - but that gives me a lot of things that are NOT form fields and I just need to read input:text, input:checkboxk, input:radio, textarea, and select elements - nothing more. I'm open to any suggestions and some of you smart guys could probably write this in half the lines I did.
Code:
//auto-save coding var autosaveTimelapse=0; var autosaveTimeout=3; //every n seconds
if (!document.new_page.allowed[].checked){ popupalert('allowed'); } else { this.form.submit(); }"></form>
This is a piece of the code I've written. It's supposed to check if one of the allowed[]-checkboxes is checked, and if not, to run function popupalert('allowed');. It's not working. Can someone tell me how to fix this?
Ok the setup is basically this. The user selects a option in a drop down field, whatever they select through javscript additional records are populated in a second select field. This second select field allows for multiple selections, however I am submitting the form to a php script and I want to capture the multiple selections in the second select field. To do that for php I need to turn the field into an array so I have to add the brackets, [], to the name of the select field.
In php you can name the field like so:
Code: <select name="fld[]" size="1">
The problem is in the js function when I give it a field name with [] the script doesnt work. Here is the js function:
Code: function channelform(select_value) { IntPath = document.channel_form.cid[] TheOptions = IntPath.options.length
[Code]..
You can see the [] for the cid field name. Whenever I add that to the field name the js script is broken. How do I get it to work so that I can pass an array to php when the form submits?
The form contains 3 file input tags. The name for each is an array. This is for further processing by PHP script. I want to make sure at least one of the file input tags has selected a file.
The rest of the validation script works, but I get a 'not object' error when I include the section that checks the file input tags. Code:
First I'm sure the answer to ths JS question is buried somewhere in the many item of this forum. Just could not find it. So I'm working on changes to a form developed by someone else. In the form the previous developer wrote the following:
So my problem is this. I'm trying to access the method checkbox array from a JS function. So I write:
function setPayrollStatus() { alert(document.profile.method.length); }
This does give me that value of 4. Since there are 4 checkboxes for method I'm thinking this is correct. So next I add:
for (var idx=0; idx < document.profile.method.length; idx++) { alert(document.profile.method[idx].checked); }
Now I get only 'undefined'.
What I want to accomplish is to check the first item. I thought I would be able to write something like: document.profile. method[0].checked = true;
If I change the form name tags from 'method[]' to 'method' it works. Problem is he also wrote the php back end processing for this form. And in PHP this syntax yeilds an array for the method vriable.
I am experience some problems reading a form variable from a Javascript function. The point with this particular variable is that its name has the following syntax:
<input name="tx_impexp[tt_content:159]"/>
I want to set this var to 1 from my javascript function, so I tried to execute the following line of code:
Error: missing ] in index expression document.frm_1.tx_impexp[exclude][tt_content:159].value=1 --------------------------------------------------------------|
It seems Javascript expects to close down the bracket at the position marked...An easy solution would be to change my var syntax but the point is that I cannot since I am using an already made script and I should not modify it.
Just wandering if this is due to a syntax error defined according to Javascript specification language or there is something wrong with this.
Im trying to create an array using a form so that each time its stubmitted the value is stored in a session then the user can choose to save it or not, all without refreshing the page.Eg enter name and age, click add, it displays the name and age underneath the form, then enter a 2nd name and age click add, this is added to the array and displayed below the 1st entry.
I want to be able to get the results of what the user has selected in all three drop downs and place it into a single text field eg. if a user selects Male then Dog then Australia. The text field updates either on change or on submit to what the user has selected.
I am trying to accomplish a fairly basic task with javascript > my lack of Js knowledge has meant i have hit something of a roadblock.I need the a function to take an array from a form, remove the parsed variable from it and repost the form with the new array.This is what I have so far...
<script language="javascript"> function remove(SID) { var speakers = document.form_name.elements["SID[]"];
I need to keep the 'NAME' as an array as above because of the form processing that is used after submit.
I was really hoping to use Javascript to validate the form and make sure that each checkbox group has at least one option selected , but my javascript messes up because the 'NAME' is Q1[] as opposed to Q1. I had been using:
<script> function validate() { if (!(mainform.Q1[0].checked || mainform.Q1[1].checked|| mainform.Q1[2].checked)) { alert('Please answer question 1.'); event.returnValue=false; }} </script>
but this only works when I name the checkboxes NAME="Q1". Is anyone aware of how to get the validate function to work (or another way of validating the form) even when the checkboxes and radio buttons are named like NAME="Q1[]".
I want to validate a form. In the form is a text field named 'extra[]' where the user inputs a number. The number is what I want to validate.
However, the 'extra[]' field is dynamic and does not always appear in the form.
If it appears, there may be only 1 occurrence of it which means it's then not an array but there may also be multiple occurrences of it.
I have a script that validates (and work as it should) if the 'extra[]' field occurs multiple times and is thereby an array, but I can't figure out how to validate the 'extra[]' if there is only 1 and to not throw an error if it's not there at all. Code:
