JavaScript - How To Store Into Variable Javascript Values?

I am fairly new to coding HTML with Javascript. I am hitting my head onto the table because i cannot figure out how to pull the variable value out in a document.write statement. Basically, I am calling a function to give me a random number between 1-4. I use that randomNumber to attach to different .jpg, descriptions, and URL's. So far, i have only got the image to display, but unable to get the link and description to display. Basically, i am trying to diplsay random ads and links like the one at the top of this page.

p.s. I know I am getting the randomNumber out of my function becasue I can call a simple document.write(randomNumber) and it works. Substitute adDesc and adURL in place of randomNumber and I also get the description and link respectively.

Code:

      <div id="main">
        <div id="ads">
            <script type="text/javascript">

                // generate a random integer from 1 to 4
                var randomNumber = randInt(4);

                // description of the random ad
                var adDesc = adDescription(randomNumber);

                // URL of the random ad
                var adURL = adLink(randomNumber);

                document.write("<a href=adURL >");
                document.write('<img src="ad' + randomNumber + '.jpg" title=adDesc >');
                document.write("</a>");
            </script>       
 </div>

If you haven't guessed it, I am pretty new. Reading a book and trying to put code into action are completely different. Thanks for any help!

EDIT: goto post #7

here goes JS code:
(keep an eye on codes of type: document.getElementById('footerX').innerHTML=X
Code:

function details()
{
	var choo = document.getElementById("choo");
	aa = choo.chooserver.value;
	bb = choo.chooversion.value;
	if(aa==1) {k=0}
	else if(aa==2) {k=1}
	else {k=false}
	pa= domain[k].getElementsByTagName("server") ;
	pb="";
	pc = domain[k].getElementsByTagName("version");
	pd= domain[k].getElementsByTagName("date");
	pe= domain[k].getElementsByTagName("month");
	pf= domain[k].getElementsByTagName("year");
	
	ta = (bb==1)? " T4 ":(bb==2)? " T3.6 " :(bb==3)? " T2.5 " : 100 ;
	versions(ta);
	document.getElementById('footer1').innerHTML='one';
}
function versions()
{
				for (i=0;i<=pc.length;i++)
	  		{
				a = pc[i].childNodes[0].nodeValue;
				b = pa[i].childNodes[0].nodeValue;
				comparedate(d,g,f);
				dates(i, a);
				document.getElementById('footer2').innerHTML='two';
				if (a==ta)
					{
						addto()										
						document.getElementById("mc"+i).innerHTML= txt ;
						document.getElementById("md"+i).innerHTML= txt2 ; 
					}
				document.getElementById('footer3').innerHTML='tee';
			}
			document.getElementById('footer4').innerHTML='fou';
}

HTML:
Code:

<div id = "conten2">
<table id="tb1" border="1px">
</table> 
</div> 
<div id = "footer"> feet </div>
<div id = "footer1"> feet1 </div>
<div id = "footer2"> feet2 </div>
<div id = "footer3"> feet3 </div>
<div id = "footer4"> feet4 </div>
<div id = "footer5"> feet5 </div>

Desired Output:
feet
one
two
tee
fou
feet5
Output:
feet
feet1
two
tee
feet4
feet5

Area of error predicted:

inside the for loop, the statement immediately after loop is not executed once loop ends, nor does it return to original function for execution of other statements which were written after the function containing the loop was called....

Hi!
I have a javascript in the head of the document which has a variable named "ref2" ... ref2 is already working as I can see its value working in another function.
I need to send this variable as the value of a hidden field in the form which is in the body of the document.

This is my JavaScript Code:
Code:

function WriteContactFormStatement1 () { 
var ContactFormValue = ref2; 
document.write('<input type="hidden" name="UReferrersName" value="' + ContactFormValue + '" />'); 
} 
var WriteContactFormStatement = WriteContactFormStatement1 ();

And at the end of my form, before the submit button, I have the following code:
Code:

<!-- START -- Javascript to print the statement for UReferrersName -->
<script language="JavaScript" type="text/JavaScript">
//WriteContactFormStatement();
document.write (WriteContactFormStatement); 
</script>
<!-- End -- Javascript to print the statement for UReferrersName -->

When I execute the form, it doesn't work the way it should, plus, gives me a word "undefined" next to the "Submit" button .....

Please help !...

- Xeirus.

Hello
I have a piece of javascrip that refreshes the page:

----------

Code:

<script type="text/javascript">
<!-- Begin


function reFresh() {
 location.reload(true)
}
/* Set the number below to the amount of delay, in milliseconds,
you want between page reloads: 1 minute = 60000 milliseconds.
2 minutes = 120000 milliseconds 5 minutes = 300000 milliseconds*/

window.setInterval("reFresh()",20000);
// End -->
</script>

--------


I am new to javascript and wanted to use an html options menu in order to be able to choose the refresh interval:
Code:

  

<SELECT NAME="refreshtime">
<OPTION VALUE="60000">1 min</option>

<OPTION VALUE="120000">2 min</option>

<OPTION VALUE="180000">3 min</option>

<OPTION VALUE="240000">4 min</option>

</SELECT>

I know that I have to pass a variable to the function. I have tried several variations but none have worked.

I have mostly received a "done with errors" warning.

Any help would be appreciated.
Thanks

Zam

i am making a mock website where the user make their own computer by selecting items from drop down menus. then a value of the item comes up below. this works but i am having trouble adding the numbers up for the total cost. here is my code

<html><head><title>build</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">

</style></head>

<body>

<script type="text/javascript">

var motherboard = new Array(
'74',
'50',
'73',
'106',
'269',
'64',
'55',
'135',
'47',
'79',
'118',
'163');

var cpu = new Array(
'88',
'104',
'168',
'352');

function changeMotherboard(Mid) {
var ind = document.getElementById(Mid).selectedIndex;
document.getElementById("motherboardDisplay").innerHTML=motherboard[ind];
}

function changeCpu(Cid) {
var ind = document.getElementById(Cid).selectedIndex;
document.getElementById("cpuDisplay").innerHTML=cpu[ind];
}

</script>

</head><body>

<form>
Motherboard
<select id="motherboard" onChange="changeMotherboard('motherboard');">
<option value="0">Asus P5G41C-M-LX G41 DDR2+DDR3</option>
<option value="1">MSI G41M-P33 </option>
<option value="2">Asus P5P41T-LE </option>
<option>G-B H55M-S2H</option>
<option>Asus P7P55D-E-Deluxe</option>
<option>Asus M2N68-AM Plus </option>
<option>ASRock N68S3-UCC </option>
<option>Asus M4A88TD-M-EVO-USB3</option>
</select><br>
</form>
<div id="motherboardDisplay">Select from the list to see price</div>

<form>
CPU
<select name="cpu" id="cpu" onChange="changeCpu('cpu');">
<option value="0">E6500</option>
<option value="1">Core G6950</option>
<option value="2">i3-550</option>
<option>Core i7-930</option>
</select>
<br>
</form>
<div id="cpuDisplay" type = text>Select from the list to see price</div>
<p>&nbsp;</p>
<p>
</body>
</html>

I wasnt sure where to put this one, since its mainly javascript I thought I would put it here.

I am trying to pull a value being stored in a php function (it works fine) which is echoed into an html element, and use it in a javascript function.

my HTML:

Code:

<img id="menu_image" src="<?php echo get_php_value(); ?>" width="356" />

my javascript:
Code:

function get_large_image(){
		var image = document.getElementById('menu_image').src;

			alert(image);
}

right now the alert is giving me flie path to the current page, I need a file path to the image. When I had javascript pull a value from an input tag using the id to reference and stored the php function in the value attribute, I got this: "object HtmlElement"

The final purpose of all this is to modify dynamically and HTML <a>'s href and class attribute based on a certain condition being true.

apprecaite the help

hi,
(JAVASCRIT)
the actual program reads and prints values from a checkbox tree and this piece of code does it.
Code:

dhtmlXTreeObject.prototype.getAllChecked=function(){
 return this._getAllChecked("","",1);
}
 
 dhtmlXTreeObject.prototype.getAllCheckedBranches=function(){
 return this._getAllChecked("","",0);
}
 
 
 dhtmlXTreeObject.prototype._getAllChecked=function(htmlNode,list,mode){
 if(!htmlNode)htmlNode=this.htmlNode;
 if(((mode)&&(htmlNode.checkstate==1))||((!mode)&&(htmlNode.checkstate>0))){if(list)list+=","+htmlNode.id;else list=htmlNode.id;}
 var j=htmlNode.childsCount;
 for(var i=0;i<j;i++)
{
 list=this._getAllChecked(htmlNode.childNodes[i],list,mode);
};
 if(list)return list;else return "";
};

the values are returned to alertbox.
Code:

<a href="javascript:void(0);" onclick="alert(tree2.getAllChecked());">Get list of checked</a><br><br>

kindly help me with reading the returned values in to an array or list (but bot in alertbox) ...so that i can pass them to next JSP page.

waiting for ur answer,
BeanBoy !

Hello

I'm trying to compare two values and return with an answer, 2 if Value 1 is greater than Value 2, 0 if Value 2 is greater than value 1 and 1 if the two values are equal.

I have a script which does this when the Compare Button is selected, however I would like to remove the button so the answer is generated when the Values ae entered

The script is

[CODE]
<html>
<head>
<script type="text/javascript">
<!--
function resultH1()
{
var str1 = document.getElementById("TotalH1").value;
var str2 = document.getElementById("TotalA1").value;
if(str1 != str2)
{
if(str1 < str2)
{
document.getElementById("ans").value= "2";
}
else
{
document.getElementById("ans").value= "0";
}
}
else
{
document.getElementById("ans").value= "1";
}
}
// -->
</script>
</head>
<body>
<form name = "clock" action = "">
<table border = "1">
<caption>Compare</caption>
<tr><td>Value 1</td>
<td><input name = "TotalH1" type = "text" />
</td></tr>
<tr><td>Value 2</td>
<td><input name = "TotalA1" type = "text" />
</td></tr>
<tr><td>Answer</td>
<td><input type=text name="ans" size="3" readonly="readonly" style="background:silver">
</td></tr>
<tr><td><input type = "button" value = "Compare"
onclick = "resultH1()" /></td></tr>
</table>
</form>
</body>
</html>
[ICODE]

Can anyone advise what I need to do to remove the button

Thanks

Can anyone tell me of how to take or assign a javascript variable into php.

Hi, i followed a tutorial online on how to use Javascript to calculate total price. Everything works fine, when all the dropdown select value has it's own value and does not correspond to each other.

Eg :
Cake Type : Round $4.00
Cake Color : Red $3.00
Cake Filling : Raspberry $4.00
So total is $11.00

The problem comes when you want to add Cake Layers and the price of Cake Color changes based on No of Layers - 1 Layer , 2 Layer and so on.

Eg:
Cake Layer : Layer 1 $5.00 | Layer 2 $2.50 | Layer 3 $2.50 (for color Orange)
Cake Layer : Layer 1 $7.00 | Layer 2 $4.00 | Layer 3 $4.00 (for color Red)

Do i have to use if and else conditional statement for every possibility? I am just a beginner. Attached below is the example code i have so far..

Code:

var filling_prices= new Array();
 filling_prices["None"]=0;
 filling_prices["Lemon"]=5;
 filling_prices["Custard"]=5;
 filling_prices["Fudge"]=7;
 filling_prices["Mocha"]=8;
 filling_prices["Raspberry"]=10;

function getFillingPrice()
{
    var cakeFillingPrice=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedFilling = theForm.elements["filling"];

    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    cakeFillingPrice = filling_prices[selectedFilling.value];

    //finally we return cakeFillingPrice
    return cakeFillingPrice;
}

This is for the calculation
Code:

function calculateTotal()
{
    //Here we get the total price by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var cakePrice = getCakeSizePrice() + getFillingPrice() + candlesPrice();

    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Total Price For the Cake $"+cakePrice;

}

Some sample of the HTML
Code:

<select id="filling" name='filling' onchange="calculateTotal()">
                <option value="None">Select Filling</option>

                <option value="Lemon">Lemon($5)</option>
                <option value="Custard">Custard($5)</option>
                <option value="Fudge">Fudge($7)</option>
                <option value="Mocha">Mocha($8)</option>
                <option value="Raspberry">Raspberry($10)</option>

Is there a better way of simplifying this calculation method ? How do i change the price of form values based on selected values on previous dropdown.

Thanks in advance.

I have the following code ...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
body {
    background-color:#000;
 }
#scenery {
    width:964px;
    height:482px;
    padding:318px 0 0 316px;
    margin:auto;
    background-image:url('http://www.deshow.net/d/file/travel/2009-10/new-zealand-scenery-738-20.jpg');
 }
</style>

</head>
<body>

<div id="scenery">
 <img src="http://cdn3.iconfinder.com/data/icons/softwaredemo/PNG/128x128/DrawingPin1_Blue.png" alt="">
</div>

</body>
</html>

... in which I would like to use Javascript to control the values in the 'padding'.

Code:

padding:318px 0 0 316px;

May I know how can I use Javascript to control that 'padding' values?

Appreciate any help.

Hi,
I've a Javascript function where i'm sending an return value. How do i capture this return value from HTML.

My javascript func is as below:

Code:

function check()
{
var frm=document.forms.stream_selection
sel_num = new Array();
Parr = new Array();
for(j=1;j<1000;j++)
{
	if(frm[j] != null)
	{
	  if(!frm[j].checked)
	  {
	      frm[0].checked=false
	  }
	  else
	  {
		Parr.push(j);
		ParrStr=Parr.join(','); 
		alert(Parr);
	  }
  }
  
}
return(ParrStr);
}

My HTML call function is as below:

Code:

echo "<td><center><input name=\"sstreamname\" type=\"checkbox\" onclick=\"check():return true;\"></center></td></tr></font></center></tr></font></center>";

How do i get the value of ParrStr and transfer this to next form. I'm using PHP .

Thanks,
Ramki.

Hi all!

I am trying to write code that does the following:

1) creates an array with 6 objects in it.
2) each object has a respective image.
3) from the 6, one object is selected as the "target"
4) all the 6 images are displayed on the screen with a hint as to which of the 6 is the target this time.
5) the user selects one of the 6 he/she thinks is the right object.
6) if the selection is right, his/her score increases by 1, and the whole process loops.

The issue is I want the whole process to loop, but I want to store the users score somewhere otherwise it will get reset to 0 everytime the process loops.I've been told I could use cookies for this, but I've been reading a lot that cookies are outdated. Is there an easy way to do this without cookies? The required code is below:

Code:

<head>
<script language="text/javascript">
	var redScore = 0;
....
targets = new Array();  // creating a new array with all the possible elements
....
fisherYates(targets);  //randomizing the array
...
var theTarget = targets[0]; // selecting the element at index 0 to be the target
...
...
lots of code that is not relevant 
...
...
	function redClick( buttonLocation ) {
		if(buttonLocation == redLocation){
			redScore = redScore +1;
                        I need something here that will save the score and reload the page
			}
		}

...
...
</script>
</head>

<body>

<table>
	<tr>
		<td><img id="red0" onclick="redClick(0)" /></td>
		<td><img id="red1" onclick="redClick(1)" /></td>
		<td><img id="red2" onclick="redClick(2)" /></td>
...
...
...	
</tr>
</table>
</body>

I know this is quite complicated, so any help or direction would be much appreciated. Thank you!

I have the following script that currently returns 4 of the same images. I can't wrap my head around how to get it to return 4 random images (out of the 7 in this example)? Also the links aren't working?

---
Code:

var imagenumber = 7 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;

images= new Array
images[1] = "image1.jpg"
images[2] = "image2.jpg"
images[3] = "image3.jpg"
images[4] = "image4.jpg"
images[5] = "image5.jpg"
images[6] = "image6.jpg"
images[7] = "image7.jpg"
var image = images[rand1]

links= new Array
links[1] = "link1.html"
links[2] = "link2.html"
links[3] = "link3.html"
links[4] = "link4.html"
links[5] = "link5.html"
links[6] = "link6.html"
links[7] = "link7.html"
var link = links[rand1]

document.write('<div id="image-1"><a href="' + link + '"><img src="' + image + '"></a></div><div id="image-2"><a href="' + link + '"><img src="' + image + '"></a></div><div id="image-3"><a href="' + link + '"><img src="' + image + '" border="0"></a></div><div id="image-4"><a href="' + link + '"><img src="' + image + '"></a></div>')

---
Any help would be greatly appreciated!

Hello folks:

I've got an html table populated by a php foreach routine. One field in this table is an Input type=checkbox. The goal is to run a javascript function when the user checks the checkbox. But, since the checkbox is in a table populated by a foreach routine, I'm having some problems. Below is the applicable code for my table:

<?php
foreach($results as $row)
{
$bk_owner = $row['BookOwner'];
$addrss_owner = $row['AddressOwner'];
$f_name = $row['FName'];
$l_name = $row['LName'];
$email = $row['EmailAddress'];
$d_phone = $row['DeskPhone'];
$ext = $row['Ext'];
$cell = $row['CellPhone'];
$title = $row['Title'];

echo "<tr>";
echo "<td class='a'>".$l_name ."</td>";
echo "<td class ='a'>".$f_name ."</td>";
echo "<td class ='c'>".$email ."</td>";
echo "<td class ='a'>".$d_phone ."</td>";
echo "<td class='b'>".$ext."</td>";
echo "<td class='a'>".$cell."</td>";
echo "<td class='c'>".$title."</td>";
echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";
echo "</tr>";
}
echo"</tbody>";
?>

Specifically, note this line:

echo "<td class='b'><input type='checkbox' id='chk_Bx' value=". $addrss_owner. " onClick='selectFunction()'></input></td>";

the value is set to $address_owner. This value is a primary key value and will allow me to run routines related to the record chosen when the checkbox is checked.

Following is the javascript code for selectFunction():

function selectFunction(){
var check = document.getElementById("chk_Bx").checked;
var val = document.getElementById("chk_Bx").value;
alert(val);
}

At this point the javascript is very simple. All I'm trying to do is pick up applicable values for the record selected. But - I believe because the table is populated through a foreach loop, the javascript alert is returning the same primary key value for every record checked (or unchecked).

Also, if I alert out check, it continually returns false, even if I've checked the box and it should read true. I am assuming this is also related to the foreach table presentation.

How do I grab ONLY the primary key value, or checked true/false for the applicable record?

Thanks in advance:

Pavilion