Looping Through Forms: Best Practice
Jul 20, 2005
I am looking for advice on what is "best practice" regarding looping
through a form to check its checkboxes and associated data fields.
Here is what I am trying to do (Here is the page I am working on:
http://www3.telus.net/thothworks/LinLeastSqPoly4.html).
I provide a form for a user to enter up to twenty (M = 20) data pairs.
The user need not enter data for all twenty pairs, but
the user must indicate that data is present by checking the checkbox
beside each valid pair.
If a checkbox is checked, two things happen:
i) a counter, numRows, is incremented to keep track of the total
number of valid pairs entered.
ii) the associated two data values (being x and y) are checked to
ensure that they are valid numbers and, if so, are entered in an array
for use later.
Previously, my forms were small, and I was able to examine each
checkbox of a form individually:
"if (checkbox1.checked) do action A;
if (checkbox2.checked) do action B;
if (checkbox3.checked) do action C;
etc."
However, now that my form has twenty checkboxes, and may get bigger, I
would like to learn how to accomplish this task with a concise loop.
Following is my first attempt and it seems to work. If anyone can
suggest improvements for this code ....
View 4 Replies
ADVERTISEMENT
May 21, 2006
I'm wondering what the best practice is for a particular task I'm trying to
accomplish. I'm using two sets of radio buttons for a user to select values
from. These values then go into a couple of tables to show some heat loss
calculations depending on the values chosen I want the tables to have the
relevant values filled in. Is the best way to accomplish this a long list of
if then else type statements or is there a better way of doing this?
View 9 Replies
View Related
Oct 16, 2007
I have been going back and getting rid of so many of my onclick's and such, trying to switch to a more unobtrusive method of adding events to anchors.
I've run into one snag that's kind of dissonant for me, and wondered if anyone had any advice.
By adding an event, you can turn:
<a href="#" onclick="something(); return false;>Click me</a>
Into:
<a href="new.html" class="something">Click Me</a>
But what goes in href if you don't have anything to actually link to? One example is a page I've written that is entirely self-contained, and all href's that drive the interface end up pointing to #. Is this acceptible in edge cases like these with the unobtrusive approach?
If someone has JS turned off the markup is essentially meaningless, so I was wondering how people deal with this lapse in the separation between behavior and structure.
View 2 Replies
View Related
Apr 14, 2010
I have a photo blog [url] and want to create an effect that fades-in the displayed picture when the page is loaded.
An important requirement for me would be that the page also has to work without Javascript.
Currently I am using the following small plugin:
It is called directly beneath the <img> element:
This way it works fine with the current versions of Firefox and IE. I did not test other browsers or versions yet. I tried to call it in $(document).ready but then IE might display the picture shortly before it is hidden and faded-in.
Since I am not 100% happy with having the code in the middle of the HTML and with depending on the timing of execution to avoid flickering I wanted to ask for other solution or best practices to achieve what I would like to do.
One solution that came to my mind is to do create the image in JScript and only fade it in after it is loaded. To work without Javascript I could still put the <img> element where it was but within a <noscript> element. But not sure how well the <noscript> is supported by older or exotic browsers.
View 2 Replies
View Related
Jul 13, 2010
Which is considered best practice?
<div onmouseover="doThis();">
myDiv.onmouseover = doThis;
myDiv.addEventListener("mouseover",doThis,false);
...or something else?
View 3 Replies
View Related
Jun 29, 2007
I just wanted to get your opinions on this: I have several pages with page-specific JavaScript (i.e. script I know cannot be reused...it can only be run against elements found only on that page).
My question is, would you recommend just putting it in SCRIPT tags in the header, or should I create thispage.js so that the code is separated into another file? It slows the request because the browser has to ask for another external file, but keeps code out of the HTML doc.
View 5 Replies
View Related
Sep 16, 2010
I want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies
View Related
Nov 14, 2011
how to add forms in javascript, but it's limited to text input forms.
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value = (document.form.sum1.value -0) + (document.form.sum2.value -0);
}
//--></script>
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
<input type="button" value="D20" onclick="this.form.display.value = Math.round (20 * Math.random())" class="buttonHi" /> <input name="display" type="text" size="6" value="" />
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
View 4 Replies
View Related
May 10, 2011
Consider the following simplified example javascript code...
What's the "best" way to write that onclick method in its current context? I can think of a few ways to do it -- but they all seem fairly "dirty."
Have I gone stupid?
View 8 Replies
View Related
Jun 18, 2011
I want to create a website where you can practice mathematical skills through gaming, but I don't know which web program will be the best for that type of game. I want to learn javascript because I know it is the most widely used language, but I also want to use c# because I have more knowledge in c++ so I'm guessing it will be easier for me to use. And then there's flashplayer, which I've heard is even more easier to use out of all of them. So I ask which console is the best choice?
View 1 Replies
View Related
Jul 23, 2005
Hopefully I 'm missing something silly, but I can't find an easy way to loop
all list items in a simple <ol>. I was hoping a for loop as shown below
would be enough, however clicking "alert all" in the following example gives
me all but the first <li> element. The alertfirst() function finds the first
<li> with no problem. There are multiple lists on the page, so
getElementsByTagName('li') is probably not the most elegant solution. Btw.
my Mozilla crashed when I tried this code, but this is for IE only.
<script type="text/javascript">
function alertfirst() {
var ol=document.getElementsByTagName('ol')[0];
alert( ol.firstChild.firstChild.nodeValue );
}
function alertall() {
var ol=document.getElementsByTagName('ol')[0];
for( var i=ol.firstChild; i=i.nextSibling; i!==null) {
alert( i.firstChild.nodeValue );
}
}
</script>
<ol>
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<a href="" onclick="alertfirst();return false">alert first</a>
<a href="" onclick="alertall();return false">alert all</a>
View 4 Replies
View Related
Dec 23, 2010
I have this code..
javascript:function showMore() {ProfileStream.getInstance().showMore(); setTimeout(showMore, 2000)}; showMore();
i want to loop it 10 times, but do not know how to do it.I have been told that the for var command is what I want, but I cannot get it to work.
View 2 Replies
View Related
Nov 7, 2011
function funt()
{
var link = document.getElementsByClassName("class")[0];
[code]....
View 5 Replies
View Related
Mar 1, 2005
i am fairly new to javascript and XML. i'm trying to loop through some nodes and drop the output into a series of DIVs using getElementById. here's the code for that: Code:
View 2 Replies
View Related
Oct 25, 2011
So, the aim of what I'm doing is to take any amount of text that's in a <textarea>, split it wherever there's a '=====\n' and then call each element of the newly created array back into the <textarea> in a sequential manner.[code]For some reason, my for loop doesn't work. It's only returning the last value in the array and disregarding the previous ones.
View 3 Replies
View Related
Mar 2, 2007
How can I loop inside UL's LI elements in javascript?
<script type="text/javascript">
function TagSecildi(oLink) {
var content = oLink.innerHTML + ";";
var myString = $('mytags').value;
var Pos = myString.indexOf(icerik)
if( Pos == -1 ) { // not available
$('mytags').value = $('mytags').value + content;
oLink.className = 'MySelectedTag'
} else { // Var
myString = myString.substring(0, Pos) + myString.substring(Pos + content.length);
$('mytags').value = myString;
oLink.className = 'MyNormalTag'
}}
</script>
<input name="mytags" type="text" id="mytags" style="width:500px" value="Ajax; Java;">
<ul id='mevcutlar'>
<li onClick="TagSecildi(this);">Ajax</li>
<li onClick="TagSecildi(this);">Delphi</li>
<li onClick="TagSecildi(this);">JavaScript</li>
</ul>
I want to change LI tag's style if my input named "mytags" value (spereated with ; ) is equal to LI's content.
View 1 Replies
View Related
Mar 9, 2007
<script language="javascript">
function copy_tag1()
{ document.form_tag1.tag.select();
window.clipboardData.setData('text',
document.form_tag1.tag.value); }
function copy_tag2()
{ document.form_tag2.tag.select();
window.clipboardData.setData('text',
document.form_tag2.tag.value); }
function copy_tag3()
{ document.form_tag3.tag.select();
window.clipboardData.setData('text',
document.form_tag3.tag.value); }
function copy_tag4()
{ document.form_tag4.tag.select();
window.clipboardData.setData('text',
document.form_tag4.tag.value); }
</script>
<form name="form_tag1">
<input type='text' name="tag" value=��'>
<input type=button value="copy" onclick="copy_tag1()">
</form>
<form name="form_tag2">
<input type='text' name="tag" value=��'>
<input type=button value="copy" onclick="copy_tag2()">
</form>
<form name="form_tag3">
<input type='text' name="tag" value=��'>
<input type=button value="copy" onclick="copy_tag3()">
</form>
<form name="form_tag4">
<input type='text' name="tag" value=��'>
<input type=button value="copy" onclick="copy_tag4()">
</form>
The code above make it copy each tag value by clicking each copy button.
There are four copy_tag functions in the javascript.
If I have more forms to copy, I have to make more copy_tag functions.
Can I make the javascript to loop for many many copy forms with your help?
View 5 Replies
View Related
Aug 16, 2006
I need to loop through all form elements such as text, radios, check boxes and the like and to save their state in a file. does anyone have JS code to do this ?
View 1 Replies
View Related
Feb 14, 2007
I need to be able to display any and all element ID's with yellow background whereever they appear on the screen.
Is this possible ?
I will be turning a flag in my URL to instruct the page to display all emements that have ID associated with them.
View 5 Replies
View Related
Jan 26, 2011
If got problem with .each looping in jquery. im am trying to make a animation with jQuery. And i want to switch between three quotes of the array. and now it only works for the first quote of the array.
[Code]...
View 2 Replies
View Related
Mar 25, 2010
in my code below I am using inlinecontent from thickbox thickbox/) which works but inside the <div id="myOnPageContent"> only shows the first Category Name and doesn't loop through but it is looping outside as it shows a different Category Name at teh top of my inline content
<td class="smallcelltext"><input alt="#TB_inline?height=150&width=400&inlineId=myOnPageContent" title="Edit <%= rs1("CategoryName") %> Category" class="thickbox" type="button" value="edit" />
[code]...
View 2 Replies
View Related
Feb 4, 2006
I have a form and I want to loop through the elements to give them the .onfocus and .onblur attribute. how can I do this?
View 5 Replies
View Related
Mar 25, 2011
I am practicing looping through a document, finding certain tags and then manipulating them. I have a document with several select tags. 5 of them are very similar showing pirate names. 2 shows pirate ships. The action I would like is if you select a pirate from any select menu, all the other pirate select menus show the same pirate.
This worked as intended until I added the pirate ship select menu to the document. Now for some reason when the script loops through the select tags it is missing some of the pirate ones. The error message I get is that my variable subSelect is null, though it works for some of the loop. I'm not sure why it is dropping it's value.
Code:
<html>
<head><title>DropDown Test</title></head>
<script type="text/javascript">
[code]....
View 11 Replies
View Related
Mar 26, 2011
I have a php page which displays records on the page. I have pagination in these pages which limits the output to a set amount of records per page. As i am designing a display only screen i want it to constantly loop through the links on the page after a set time. My code is:
<script type="text/javascript">
<!--
function delay(){
[code]...
so now it opens screen.php then after 5 secs it goes to screen.php?page=1 (same page) then just keeps refreshing after 5 secs the same page. E.g if i had 10 links on the page i want it to go screen.php?page=2 then page=3 and so on until page=10 then it goes back to the first link i.e page=1 and continuously do this.
View 5 Replies
View Related
Apr 25, 2011
I have a list of input1's and inputs2's. The input ones are an accept button and the input2's are a deny button. However, I set up an alert to tell me the name of the input 1's but I am only told the name of the last input1 in my list.
I would like input1.name to show me... something like accept[3]. Where 3 is the uid of the user being accepted or denied. The name works when I look at the source code, but fails when I try to create the alert.
How can I achieve this result?
Code:
So what to do here, thats the question:
- You want to get the data of the button that has been pressed, if such function exists.
- Then use AJAX to send the form data to some file that probably doesnt exist yet.
- Give the PHP a responce, and echot he response to replace the buttons.
View 2 Replies
View Related
Jul 7, 2009
Well let's say i have a bunch of div tags with name attribute 'hello'
<div name='hello'></div>
<div name='hello'></div>
<div name='hello'></div>
I want to use JavaScript so that i can look through the array of these div objects.
var helloDivs = document.getElementByName('hello');
var len = helloDivs.length;
.....
So, it works for all the recent version of browsers but not for IE6. There is still about a 10% market share who are still using IE6. What is the workaround for this browser support?
If i were to print the variable len in IE6 says that is 0 and if i print helloDivs, it says it is an object as if helloDivs is a variable that contains an object but not an array of objects.
View 4 Replies
View Related