JavaScript - Using Slidetoggle() More Dynamically

I have an input box "product" besides it there is an add input button which adds another input box product upon clicking.This array of input boxes I have created is through document.createElement('input').

My autocomplete is working for the initial input box....now when I click add Input button for the generated box also the autocomplete shld work...how do I make it work??

PS:Autocomplete script is working so I didnt post it here.... I just want it to make it working dynamically created i/p boxes

Hi guys, I created a form that contains about 10 form fields and would like to add the option to dynamically add more sets of those 10 fields if a user clicks a word or a button but I need help. I'm a beginner when it comes to JavaScript and would appreciate any help. This is what I need to generate dynamically. Can someone give me an idea of how to get started please?

Code:

<div id="dynamicInput">
<ul>
<li>1</li>
<li><input name='textfield1' type='text' size='10' /></li>
<li><select name='commodity' width='100' style='width: 100px'>
<option>Option 1</option>
</select></li>
<li><input name='textfield2' type='text' size='5' /></li>
<li><input name='textfield3' type='text' size='10' /></li>
<li><input name='textfield4' type='text' size='10' /></li>
<li><input name='textfield5' type='text' size='10' /></li>
<li><input name='textfield6' type='text' size='5' /></li>
<li><input name='textfield7' type='text' size='5' /></li>
<li><input name='textfield8' type='text' size='5' /></li>
</ul>
</div>

I need help, please. How would you write javascript code to check (add tick mark) the checkbox in the below code snippet based on a condition? I have tried using the structu if(x) {document.form.name.checked=true;} but it did not work. I think the checkbox name format below, is a problem. This is all done client-side. Anyone know how to do this? Thanks for any help.
Jman

Quote:
<TABLE

id= sec1_sec2_area
border=0>
<TBODY>
<TR>
<TD><INPUT
id= sec1_sec2_area_0
type=checkbox
name= sec1:sec2:area:0><LABEL
for= sec1_sec2_area_0>Colors </LABEL></TD></TR>
<TR>
<TD><INPUT
id= sec1_sec2_area_1
type=checkbox
name= sec1:sec2:area:1><LABEL
for= sec1_sec2_area_1>Size </LABEL></TD></TR>


</TBODY></TABLE>

My overall challenge is to make up for what I consider to be a design flaw in how Google Ad Manager works. What I am trying to accomplish is create a way for an advertiser to randomly rotate through whichever ad formats are available, rather than get locked into a particular ad slot location.

This has required several steps, most of which I've been able to work out by myself, and now I'm down to what I expect is the last big issue.

Because Google Ad Manager pairs up the highest priority advertiser with the first loaded ad slot script, the most important task was to randomize the load order of the scripts. Doing this, however, necessitates pairing up those scripts with the appropriate space set aside for them on the page, more or less after the fact.

The code I'm having trouble with is the part where I try to move the node containing the active script to the its desired location and is showing just about every permutation of result except the one that I want, depending on browser.

Code:

	var moveithere = document.getElementById(newmodid);
	moveithere.appendChild(divinloader[i]);
	moveithere.appendChild(scriptelement[i]);

Not surprisingly, IE breaks as soon as it gets to this point and nothing happens with the divinloader[i] node OR the scriptelement[i] node - I have seen some references that it's not likely to like this and perhaps some recommendations about how to handle it, so I'm not too concerned about that just yet.

Firefox doesn't throw any kind of an error, but neither does the scriptelement[i] node do anything at all, even though the divinloader[i] node migrates to where I want it.

Chrome comes the closest to working - the script runs, but not in the location that I want.

Although I don't expect it's been an exhaustive search, I have tried a number of other approaches and this one has seemed to get me the closest to the desired result with the simplest coding. As to what's currently acceptable coding and what's not, I won't pretend to have a clue.

To see the full code in action, what it does, what I'm trying to do and to check for errors (likely) or offer suggestions on how I could get there more easily just use the following - I've substituted simpler code so that you don't have to pull down the actual Google Ad Manager scripts but it seems to work exactly the same and shows what I'm trying to do anyway. Hopefully there aren't any unnecessary artifacts still present.

Code:

<html>
<head>
<title>Testing arrayed dynamic randomized script loading</title>
</head>

<body>

<!-- PUT THIS TAG IN DESIRED LOCATION OF SLOT ATFRectangle-Main
     -->
<div id="atfrectangle-outer"> Tell 'em TIO sent you (rectangle) <div id="atfrectangle-inner">
</div> </div>
<!-- END OF TAG FOR SLOT ATFRectangle-Main
     -->

<!-- PUT THIS TAG IN DESIRED LOCATION OF SLOT ATFWideSkyscaper-Main
     -->
<div id="atfwideskyscaper-outer"> Tell 'em TIO sent you (skyscaper)<div id="atfwideskyscaper

-inner"> 
</div></div>
<!-- END OF TAG FOR SLOT ATFWideSkyscaper-Main
     -->

<!-- PUT THIS TAG IN DESIRED LOCATION OF SLOT FullBanner-Main
     -->
<div id="fullbanner-outer"> Tell 'em TIO sent you (banner)<div id="fullbanner-inner"> 
</div></div>
<!-- END OF TAG FOR SLOT FullBanner-Main
     -->


<h1>Load up the array with ad formats</h1>

<script type = "text/JavaScript">


// create an array to hold information about the various ad formats
var adformat = new Array();

// load the array with the appropriate ad format data
adformat[0] = "FullBanner";
adformat[1] = "ATFRectangle";
adformat[2] = "ATFWideSkyscaper";

// make a notation about what is coming next (and show successful conclusion of previous 

steps)
document.write("<h2>Order for the ad formats as loaded into the array</h2>"); 


// declare the variable to use for counting
var i = 0; 

// begin looping through as many times as needed to go through entire array and write out 

each ad format
for (i in adformat) {
	document.write("<p>" + adformat[i] + "<br> </p>");
	}
// end loop for writing out the list of ad formats loaded into the array


// randomize the order of the ad format list
randadload = adformat.sort (function(){
	return 0.5-Math.random()
	})

// make a notation about what is coming next (and show successful conclusion of previous 

steps)
document.write("<h2> Order for the ad formats after randomization</h2>");

// declare the variable to use for counting
var i = 0; 

// begin looping through as many times as needed to go through entire array and write out 

each ad format in the new list order
for (i in randadload) {
	document.write("<p>" + randadload[i] + "<br> </p>");
	}
// end loop for writing out the randomized list of ad formats 


// make a notation about what is coming next (and show successful conclusion of previous 

steps)
document.write("<h2>Creating dynamic module names and script-calling variables</h2>");



// declare variables that might be needed

// create an array to hold module names
modname = new Array();

// create array to hold the names of the google script, partial and full
googscript = new Array();
fullgoogscript = new Array();

// create an array to hold the id to be used for the script loader element
loaderid = new Array();
scriptloaderid = new Array();

// create an array to hold the id for the module
modid = new Array();

// create an array to hold the name of the id for the script inside module
modscriptid = new Array();

// create an array to hold the name of the id for the outer DIV tag
divoutloader = new Array();

// create an array to hold the name of the id for the inner DIV tag
divinloader = new Array();

scriptnodeloader = new Array();
scriptelement = new Array();

// declare the variable to use for counting
var i = 0; 

// create a variable to hold the current script number
var scriptnum = 0;

// begin looping through number of elements in the array
for (i in randadload) {

	// advance the counter by one increment for each iteration in the loop
	scriptnum ++;

	// create a script name based on the name of the ad format
	googscript[i] = randadload[i] + "-Main";

	// change the ad format name to all lower case
	loadlc = randadload[i].toLowerCase();

	// create a module name based on the name of the ad format
	modname[i] = "main" + loadlc;

	// create a DIV id name for the loader element based on the name of the ad format
	loaderid[i] = loadlc + "_loader";
	// create a script id name for the loader element based on the name of the ad format
	// scriptloaderid[i] = loadlc + "_scriptloader"'

	// create a DIV id name for the inner DIV tag based on the name of the ad format
	modid[i] = loadlc + "-inner";
	// create a script id name based on the name of the ad format
	modscriptid[i] = loadlc + "-script";

	//write out all the names just created to check for successful completion and for 

accuracy
	document.write("<p>Module name is " + modname[i] + " and script name is " + 

googscript[i] + " and loader ID is " + loaderid[i] + " and module id is " + modid[i] + "<br> 

</p>");


	// create a DIV tag to load the script into 
 	divinloader[i] = document.createElement("div");
	divinloader[i].setAttribute("id", loaderid[i]);
	divinloader[i].style.display="block";

	// use the DIV loader to write out the status of the scripts (ultimately hope to LOAD 

the scripts)
	divinloader[i].innerHTML = "<p>Pretend loading script " + scriptnum + " now... <br> 

GA_googleFillSlot(" + googscript[i] + ");" ;

	// create the content to be included in the script to be loaded
	fullgoogscript[i] = 'document.write("<p> This is actually a real script loading ' + 

googscript[i] + ' as a stand-in for a Google script loading " + randadload[i] + " 

advertisements.</p>");';


	// creating a script element
	scriptnodeloader[i] = document.createTextNode(fullgoogscript[i]);

	scriptelement[i] = document.createElement("script");	
	scriptelement[i].type = "text/javascript";
	scriptelement[i].setAttribute("id", scriptloaderid[i]);
	scriptelement[i].appendChild(scriptnodeloader[i]);

	// if this line runs, results in [object HTML scriptelement]
//	divinloader[i].innerHTML = scriptelement[i];


	newmodid = modid[i];
	newmodscriptid = modscriptid[i]


	// want to use this to move the script up to its final location
//	document.getElementById(newmodid).appendChild(divinloader[i]);
//	document.getElementById(newmodscriptid).appendChild(scriptelement[i]);	


	var moveithere = document.getElementById(newmodid);
	moveithere.appendChild(divinloader[i]);
	moveithere.appendChild(scriptelement[i]);

	}
	// end looping through elements in the array



</script>  



</body>

</html>

I appreciate any insights you can provide - feel free to call me an idjit if necessary, but please be specific if you do.

Thanks,

Kimm

Hi,

I would just like to know how I would dynamically add another table once text fields in the existing table is clicked on.

So pretty much what I have is a table with 5 textboxes lined up horizontally in the first row along with couple of buttons in the second row.

What I want is that once one text box is clicked, another table like the one above is created and appears below that initial table.
So this is the inital table that should be replicated on each click:

Code:

<table>
		<tr>
			<td><input type="text" /></td>
			<td><input type="text" /></td>
			<td><input type="text" /></td>
			<td><input type="text" /></td>
			<td><input type="text" ></td>
		</tr>
		<tr>
			<td><button /></td>
			<td><button /></td>			
		</tr>


	</table>

How would I go about achieving this?

Thanks

Hellooo. So I'm having trouble figuring out how to dynamically add another set of rows to a table when a button is clicked. The code below shows what goes into one set. When the button is clicked, it needs to create another three rows with the same format as the code below, but the variable names need to show what row they're on so I can easily call the values that have been inputed in another function that saves the information. Sooo for example the first variable, bhrs1-1 needs to become bhrs4-1 in the next set (because there's already a bhrs2-1 and bhrs3-1 in this set, which would become bhrs5-1 and bhrs6-1 in the new set).


Sorry the code's so long! Help would be greatly appreciated. Thanksss!!


Code:

<TBODY>
	<INPUT TYPE=HIDDEN id=bhrs1-1 name=bhrs1-1><INPUT TYPE=HIDDEN id=comment1-1 name=comment1-1>
	<INPUT TYPE=HIDDEN id=bhrs1-2 name=bhrs1-2><INPUT TYPE=HIDDEN id=comment1-2 name=comment1-2>
	<INPUT TYPE=HIDDEN id=bhrs1-3 name=bhrs1-3><INPUT TYPE=HIDDEN id=comment1-3 name=comment1-3>
	<INPUT TYPE=HIDDEN id=bhrs1-4 name=bhrs1-4><INPUT TYPE=HIDDEN id=comment1-4 name=comment1-4>
	<INPUT TYPE=HIDDEN id=bhrs1-5 name=bhrs1-5><INPUT TYPE=HIDDEN id=comment1-5 name=comment1-5>
	<INPUT TYPE=HIDDEN id=bhrs1-6 name=bhrs1-6><INPUT TYPE=HIDDEN id=comment1-6 name=comment1-6>
	<INPUT TYPE=HIDDEN id=bhrs1-7 name=bhrs1-7><INPUT TYPE=HIDDEN id=comment1-7 name=comment1-7>
			<TR>
				<TD HEIGHT=20 SDVAL="1" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<SELECT style="width:500px;" name=project_id1 size=1 onChange='onProjectChanged(1);'>
					<?
					//
					// Load Projects
					//
					// $sresults = mysql_query("SELECT project_id, project, billable_rate, customer_id, Customer.CustomerName FROM Project LEFT OUTER JOIN Customer ON Project.customer_id=Customer.customer_id WHERE status_id='active' ORDER BY project");

					$sresults = mysql_query("SELECT project_id, project, billable_rate, Project.customer_id, CostCenter.DisplayNameShort FROM Project LEFT OUTER JOIN CostCenter ON Project.customer_id=CostCenter.customer_id WHERE status_id='active' ORDER BY customer_id,CostCenter.DisplayNameShort,project");
					// $srate = 0;
					print "<OPTION value='0'>--</OPTION>\n";
					while($arow = mysql_fetch_assoc($sresults))
					{
						// $srate = $arow["billable_rate"];
						print "<OPTION value=\"" . $arow["project_id"] . "\">" . substr($arow["DisplayNameShort"], 0, 15) . ": " . $arow["project"] . "</OPTION>\n";
					}
					// print "\n</SELECT>Billable Rate: <INPUT name=billable_rate value=\"" . $srate . "\" size=10 DISABLED></TD>\n";
					?>	
				</TD>
				<TD>
					<SELECT name=task11 size=1 style="width:220px;" onChange='onTaskChange(1);'>
					<?
					print "<OPTION value='0'>--</OPTION>\n";
					print "<OPTION value='1'>Sales Support</OPTION>\n";
					print "<OPTION value='2'>Project Management</OPTION>\n";
					print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
					print "<OPTION value='4'>Analysis and Design</OPTION>\n";
					print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
					print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
					print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
					print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
					print "<OPTION value='9'>Launch</OPTION>\n";
					print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-1 name=hrs1-1 size=2 maxlength=2 onFocus='onCellFocus(1,1);' onChange='calcRowTotal(1,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-2 name=hrs1-2 size=2 maxlength=2 onFocus='onCellFocus(1,2);' onChange='calcRowTotal(1,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-3 name=hrs1-3 size=2 maxlength=2 onFocus='onCellFocus(1,3);' onChange='calcRowTotal(1,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-4 name=hrs1-4 size=2 maxlength=2 onFocus='onCellFocus(1,4);' onChange='calcRowTotal(1,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-5 name=hrs1-5 size=2 maxlength=2 onFocus='onCellFocus(1,5);' onChange='calcRowTotal(1,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-6 name=hrs1-6 size=2 maxlength=2 onFocus='onCellFocus(1,6);' onChange='calcRowTotal(1,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-7 name=hrs1-7 size=2 maxlength=2 onFocus='onCellFocus(1,7);' onChange='calcRowTotal(1,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task1total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>

	<INPUT TYPE=HIDDEN id=bhrs2-1 name=bhrs2-1><INPUT TYPE=HIDDEN id=comment2-1 name=comment2-1>
	<INPUT TYPE=HIDDEN id=bhrs2-2 name=bhrs2-2><INPUT TYPE=HIDDEN id=comment2-2 name=comment2-2>
	<INPUT TYPE=HIDDEN id=bhrs2-3 name=bhrs2-3><INPUT TYPE=HIDDEN id=comment2-3 name=comment2-3>
	<INPUT TYPE=HIDDEN id=bhrs2-4 name=bhrs2-4><INPUT TYPE=HIDDEN id=comment2-4 name=comment2-4>
	<INPUT TYPE=HIDDEN id=bhrs2-5 name=bhrs2-5><INPUT TYPE=HIDDEN id=comment2-5 name=comment2-5>
	<INPUT TYPE=HIDDEN id=bhrs2-6 name=bhrs2-6><INPUT TYPE=HIDDEN id=comment2-6 name=comment2-6>
	<INPUT TYPE=HIDDEN id=bhrs2-7 name=bhrs2-7><INPUT TYPE=HIDDEN id=comment2-7 name=comment2-7>
			<TR>
				<TD HEIGHT=20 SDVAL="2" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<INPUT name=remove1 value=Remove type=button onClick='removeProject(1);'>
				</TD>
				<TD>
					<SELECT name=task12 size=1 style="width:220px;" onChange='onTaskChange(2);'>
					<?
						print "<OPTION value='0'>--</OPTION>\n";
						print "<OPTION value='1'>Sales Support</OPTION>\n";
						print "<OPTION value='2'>Project Management</OPTION>\n";
						print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
						print "<OPTION value='4'>Analysis and Design</OPTION>\n";
						print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
						print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
						print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
						print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
						print "<OPTION value='9'>Launch</OPTION>\n";
						print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-1 name=hrs2-1 size=2 maxlength=2 onFocus='onCellFocus(2,1);' onChange='calcRowTotal(2,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-2 name=hrs2-2 size=2 maxlength=2 onFocus='onCellFocus(2,2);' onChange='calcRowTotal(2,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-3 name=hrs2-3 size=2 maxlength=2 onFocus='onCellFocus(2,3);' onChange='calcRowTotal(2,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-4 name=hrs2-4 size=2 maxlength=2 onFocus='onCellFocus(2,4);' onChange='calcRowTotal(2,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-5 name=hrs2-5 size=2 maxlength=2 onFocus='onCellFocus(2,5);' onChange='calcRowTotal(2,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-6 name=hrs2-6 size=2 maxlength=2 onFocus='onCellFocus(2,6);' onChange='calcRowTotal(2,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-7 name=hrs2-7 size=2 maxlength=2 onFocus='onCellFocus(2,7);' onChange='calcRowTotal(2,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task2total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>

	<INPUT TYPE=HIDDEN id=bhrs3-1 name=bhrs3-1><INPUT TYPE=HIDDEN id=comment3-1 name=comment3-1>
	<INPUT TYPE=HIDDEN id=bhrs3-2 name=bhrs3-2><INPUT TYPE=HIDDEN id=comment3-2 name=comment3-2>
	<INPUT TYPE=HIDDEN id=bhrs3-3 name=bhrs3-3><INPUT TYPE=HIDDEN id=comment3-3 name=comment3-3>
	<INPUT TYPE=HIDDEN id=bhrs3-4 name=bhrs3-4><INPUT TYPE=HIDDEN id=comment3-4 name=comment3-4>
	<INPUT TYPE=HIDDEN id=bhrs3-5 name=bhrs3-5><INPUT TYPE=HIDDEN id=comment3-5 name=comment3-5>
	<INPUT TYPE=HIDDEN id=bhrs3-6 name=bhrs3-6><INPUT TYPE=HIDDEN id=comment3-6 name=comment3-6>
	<INPUT TYPE=HIDDEN id=bhrs3-7 name=bhrs3-7><INPUT TYPE=HIDDEN id=comment3-7 name=comment3-7>
			<TR>
				<TD HEIGHT=20 SDVAL="3" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<P><BR>
					</P>
				</TD>
				<TD>
					<SELECT name=task13 size=1 style="width:220px;" onChange='onTaskChange(3);'>
					<?
						print "<OPTION value='0'>--</OPTION>\n";
						print "<OPTION value='1'>Sales Support</OPTION>\n";
						print "<OPTION value='2'>Project Management</OPTION>\n";
						print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
						print "<OPTION value='4'>Analysis and Design</OPTION>\n";
						print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
						print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
						print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
						print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
						print "<OPTION value='9'>Launch</OPTION>\n";
						print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-1 name=hrs3-1 size=2 maxlength=2 onFocus='onCellFocus(3,1);' onChange='calcRowTotal(3,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-2 name=hrs3-2 size=2 maxlength=2 onFocus='onCellFocus(3,2);' onChange='calcRowTotal(3,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-3 name=hrs3-3 size=2 maxlength=2 onFocus='onCellFocus(3,3);' onChange='calcRowTotal(3,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-4 name=hrs3-4 size=2 maxlength=2 onFocus='onCellFocus(3,4);' onChange='calcRowTotal(3,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-5 name=hrs3-5 size=2 maxlength=2 onFocus='onCellFocus(3,5);' onChange='calcRowTotal(3,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-6 name=hrs3-6 size=2 maxlength=2 onFocus='onCellFocus(3,6);' onChange='calcRowTotal(3,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-7 name=hrs3-7 size=2 maxlength=2 onFocus='onCellFocus(3,7);' onChange='calcRowTotal(3,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task3total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>
		</TBODY>

I have a javascript function that changes the src and href of an image within a repeating function. If i call document.getelementbyid("image").src, i can change the image and by calling document.getelementbyid("image").Href, i am able to change the link. The problem i have now is that when the cursor goes over the image it gets the link location as a snapshot. If i leave my cursor and the image and link location changes, it does not update the snapshot and if i click on the new image it uses the previous link rather than the new one. The only way to get the new link is to move off the image and back on to get a new snapshot of the new link. Is there a way i can tell the javascript to change the image, link location and update the browser to the new link without moving the cursor.

I almost have the website finished, at least functionally (the complicated backend). It will arguably be one of the coolest history sites on the web.

But I am running into some technical problems, and want to ask you about them, as I am at a point where that is my only alternative.

First is in the website:

http://184.73.182.71/timelines/search2.fwx

There is the line:

Timeline.loadXML("http://184.73.182.71/14OZH01XY.xml", function(xml, url) { eventSource.loadXML(xml, url); });

This is loading an XML data file into the time-line, and it works fine. The question is, why cant I dynamically load this data from a process, like:

Timeline.loadXML("http://184.73.182.71/getdata.php?page=10", function(xml, url) { eventSource.loadXML(xml, url); });

It is returning the exact same thing, yet it dosent work.


Somebody suggested the following:

eventSource.loadXML(eventSource.loadXMLText(xmlstring,),"http://184.73.182.71/getdata.php?page=10");

But that dosent seem to work either.

And can I do the same thing with a script tag, such as:

<script src="http://184.73.182.71/getdata.php?page=10" type="text/javascript"></script>


Is this illegal?

Thanks in advance for looking at this.

Hi everyone,

i thought about following code snippet:

Code:

var newfunc = function() {
    //...
}

func = (function (oldfunc,newfunc) {
		return function () {
		       oldfunc();
		       newfunc();
		}
	}(func || function(){},newfunc))

There is a function "func" and with the above method i want to add a new function "newfunc" to this function, so when i call "func" in the futur, both functions will be executed. It works good, but suppose i want to add multiple functions to func, each time with the described method...could there be a problem with the stack? As far as i understand, the program creates something like a wrapper-function each time, that contains the two functions it combines. So in the case of adding 3 functions, a call of "func" would lead to this:
call "wrapper 2", call "wrapper 1", call func1, call func2, call func3, call func 4.
The really poor graphic should illustrate what i mean

__________
F1|....|....|
__|W1|....|
F2|....|....|
__|___|W2|
...|F3 |....|
...|___|___|
..........| F4|
..........|___|

Has anyone an idea, if my thoughts on that are correct oder if this behaviour could be a problem?
And is there probably a better way to combine functions, so that all functions would be in one column?

Thanks and Greetings!
moon-safari

Hi,

I have the following function to dynamically create an image (in this case a toolbox button):

Code:

function createButton(srcid,bttn)
{
 if (bttn=='mag') {s='Magnify';h='Magnify';o='DoZoom(event,\'0\',\''+srcid+'\')';}
 if (bttn=='frz') {s='Pause';h='Freeze/Unfreeze';o='setPicture(\''+srcid+'\',0)';}
 if (bttn=='swp') {s='Swap';h='Swap maps';o='setPicture(\''+srcid+'\',2)';}
 btn=document.createElement('img');
 btn.setAttribute('src','toolbox/'+s+'.gif');
 btn.setAttribute('width','16px');
 btn.setAttribute('height','16px');
 btn.setAttribute('id',bttn+'btn_'+srcid);
 btn.setAttribute('class','button');
 btn.setAttribute('name','Toolbox');
 btn.setAttribute('title',h);
 btn.setAttribute('onclick',o);
 document.getElementById('ctrlDiv').appendChild(btn);
}

which works fine in IE8 and IE9, but in IE7 it refuses to pick up the style 'button'. I've even tried putting in btn.class='button' but JS throws up an error.
If I specify the style by btn.style.position='Absolute' it picks this up OK. However, it won't respond to the onclick event either.
I have heard that setAttribute is buggy with IE7, which is why I tried to specify each attribute directly.

The style sheet for class button is:
Code:

.button
{
 position: absolute;
 left: 5;
 top: 5;
 z-index: 1;
}

(BTW, no link to a website as this is local on my machine atm)

TIA,

Gerald.

Is it possible to dynamically update an object's source?

I have several Quicktime movies which I want to embed into my website using the <object> and <embed> tags. Switching between these movies is to be done through a list of links down the left-hand-side of the current movie.

I would like to be able to keep the Quicktime movie player 'open' throughout this presentation, and clicking on the various links updates the current movie without the need to reload the whole webpage.

Can these movies be updated dynamically somehow using perhaps javascript to change the object's "src" value and then the movie automatically loads and plays?

Thanks,
Awbrys.

Hello, I am just going through my javascript book and looking/learning at examples. I've copied this code and i'm thinking i could really use this in my site, it's something i've been looking for on the internet for a while.

I have a few questions regarding certain things and I would like to slightly change the code so it performs an additional task.

I have uploaded a live example of the page as it is a lot easier for you guys to help and also easier for myself to explain properly. The file is located he JS test page.

As you can see, you click the different tabs and the relative information comes up.

1)How can I change the code so that if one description is currently on-screen, when another tab is clicked, i want to hide the currently displayed information, and show the relative information to that particular tab.

2)As you can see, clicking the tabs just brings up text saying 'Description for Tab' + #. This is added using the DOM, but i want to add a lot of description and obviously do not want to put an awful lot of text into the function. What is the best way to add this content dynamically? Should I create an XML file and access this file using javascript to display the different information?

I understand question 2 could be done using ajax and php but I know nothing about either so i was wondering if there was another way to achieve this?

Thank you for your time,

Regards,

LC.

How do I dynamically create a <select> with <options> in Javascript?

Hi

I am new to javascript programming. Is it possible to append an event handler to a tag dynamically.

<input type="button" id="cmdNext" value="Next Page">

i want to be able to programatically loop through the buttons on a page and then add the onClick event. So my finally result will be the following:


<input type="button" id="cmdNext" value="Next Page" onClick="CheckValues()">

Since i am new (if possible) can someone provide detail code example so i can break it down and study it before i implement.