JavaScript - Using Variable As Part Of A Variable Name

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

Hello everybody

I have a problem with Java Script damned
I want to add the values of several variables in one variable and then use this variable, which contains the values of variables

You can see the following example

HTML Code
PHP Code:
<input type="text" name="txt1" />
<br/>age 
<input type="text" name="txt2" />
<br/><br/>
<input type="button" name="submits" value="send"/> 


Javascript Code
PHP Code:
field = document.getElementsByName('txt1')[0];
field2 = document.getElementsByName('txt2')[0];
submit = document.getElementsByName('submits')[0];
data = 'data=' + field.value + '&data2=' + field2.value + '&submits=' + submit.value;
            
document.getElementsByName('submits')[0].onclick = function(){
    alert(data);
} 


After executing this code I find that the variables are not displayed values
As in the following picture


I want to know what the cause of this problem ?

If I manually write out "2/22/2012 4:00 PM" in TargetDate, I get the correct result for what I want to do (a countdown). But I want the countdown to always be the current day at 4pm. So I tried the code below thats commented, but it is not working. New to javascript, still reading the books, just hoping for some guidance on this.


Code:

Next Update: <script language="JavaScript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
TargetDate = "2/22/2012 4:00 PM";
//TargetDate = "document.write(month + "/" + day + "/" + year) + 4:00PM";
BackColor = "white";
ForeColor = "red";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%H%% H, %%M%% M, %%S%% S";
FinishMessage = "Forecasts posted";
</script>
<script language="JavaScript" src="countdown.js"></script>

This might be a stupid question, but is there any memory usage difference between var variable1, variable2; and var variable1; var variable2;? I'm learning how to use faster code hence the question.

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

I would like to have the page load a different images depending on SCRIPT variables.
Something like
<img src= pictures[n] etc.

Where pictures is something like
<SCRIPT language="JavaScript"
var pictures=[Smilyface.gif,Sadface.gif,mountain.jpg - - - etc];

I cant seem to get the value of var drivingDistanceMiles1 outside the function it is given a value in.

I need "resultsC" to return the value of the variable drivingDistanceMiles1 but can only return the value at "resultsA"

Please help.

PHP Code:
    function initialize() {
        geocoder = new GClientGeocoder();
        
        gDir1 = new GDirections();
        
        GEvent.addListener(gDir1, "load", function() {
            var drivingDistanceMiles1 = gDir1.getDistance().meters / 1609.344;
            document.getElementById('resultsA').innerHTML = drivingDistanceMiles1;
            
        });
        
        
    document.getElementById('resultsC').innerHTML = drivingDistanceMiles1;
            
    } 

Hi all,

I need to get the name of a Javascript variable. For example, it would work like this:

Code:

    var test = document.getElementById('whatever');
    var name = getName(test);
    alert('The variable name is ' + name);

Running this code would result in an alert box that says "The variable name is test".

What I need to know is how to implement the "getName()" function.

Thanks!

-- Roger

Hello,

so here's my problem. I'm trying to set a page up where I can post a list of things on one side, with a static image on the other. Each of the items on the list will be a link to the item named. The idea is that when people mouse over one of the links, the static image will change to show a picture of what the named item is.

I've been tinkering around with it (I'm pretty much only doing this out of self interest, and have been using stuff like w3schools for a few weeks to self teach) and what i have so far is the following. I've a feeling I'm doing something massivly stupid or have messed up one of the commands.

If anyone could take 2 minutes to have a quick look over it, i would be most grateful. Thanks in advance!

Code:

<script type="text/javascript">

function SwapSpecificOtherImage()
{
	document.getElementById("SwapMe").src='cardimage';
}

function SwapBackSpecificOtherImage()
{

	document.getElementById("SwapMe").src="url of default image";
}

var cardimage

</script>


<title>Untitled Document</title>
</head>



<body>
<img id="SwapMe" class="thumbnail" src='cardimage' />

<a href="link to item"  onmouseover="cardimage='link to image of item'">Item name</a>
<a href="link to 2nd item"  onmouseover="cardimage='link to image of 2nd item'">Item name</a>
</body>

The class thumbnail is done in the css to auto set the size of the pic. all the pics i'll be using will be portrait shaped anyways.

Hi,

The following loop works:

Code:

<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=5;i++)
{
document.write("The number is " + i);
document.write("<br />");
}
</script>
</body>
</html>

But the following doesn't:

Code:

<html>
<body>
<script type="text/javascript">
var i=0;
var x="i=0;i<=5;i++"
for (x)
{
document.write("The number is " + i);
document.write("<br />");
}
</script>
</body>
</html>

I'd just like to create a simple variable.
Please bear with me as I'm a newbie in JavaScript and let me know what I'm missing.

Many thanks in advance!
Rain Lover

I have a form created in Dreamweaver that uses the following code to validate the form:

Code:

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
  } if (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
}

In the form:
Code:

onsubmit="MM_validateForm('FirstName','','R','LastName','','R','Address1','','R','HomePhone','','R','email',''  ,'RisEmail');return document.MM_returnValue">

I have a second form that I want to submit after the first form is submitted and am using the following:
Code:

function SubmitForm(){
	document.paypal.submit();
	}

My question: I don't know javascript. Is there a variable I can add to the function MM_validateForm() so that if the first form does not validate, the second form will not be sent?

Thanks in advance for any help.

hello

How I Can make var in var

like in php:

PHP Code:

$variable = "$var_to_get" 


i need to do that job in java , if possible

am sorry CoZ my English not good ^_*

I have to create a code that will prompt the user to enter a hypothetical width and length of a pool, show the area of that, then get prompt them to enter a hypothetical charge of a pool cleaning company, and get the webpage to tell how much the hypothetical bill would be. Here's the code I'm using, but it won't work for me, any suggestions would be appreciated!
<script type="text/javascript">

var width= parseFloat ( window.prompt ("What is the width of the pool?"))

var length= parseFloat ( window.prompt ("Length of pool"))

document.write ( "The area is:"+width * length)

var charge= parseFloat ( window.promt ("Charge of pool company"))

var area= parseFloat ( width * length )

document.write ( "The bill would be:"area * charge)

</script>

I have these lines:

Quote:
var ddArray=['holidayTypes','groupType','group_status'];
for(var x in ddArray) eval(ddArray[x]=0);
alert(holidayTypes);
alert(groupTypes);
alert(group_status);
But it only alerts something like:

Quote:
object HTMLSelectElement

Please help, thank you.

I'm trying to store the name of an element ID into a variable, because i need to use it in the second branch of the If-then code. The problem is, when i use:

var FirstPiece = e.id
alert(FirstPiece);


it works, but, when i try to access the data that should still be stored in the FirstPiece variable in the second branch of the If-then structure, i get an error: "undefined".
This makes no sense at all to me, because the Scope of the variable is within the function, so it should have access. But for some reason it doesn't.
Am i doing something wrong?




The code snippet in question:

Code:

  // Set the PieceSelected  Flag
 if (PieceSelectedFlag == 0)
    {
	 // First Piece Selected
	 var FirstPiece = e.id;
	 
	 PieceSelectedFlag++
	 return;
	}
  
  if (PieceSelectedFlag == 1)
    {
	 // Move the piece
	 //document.getElementById(Move).style.left = NewXpos;
	 //document.getElementById(Move).style.top = NewYpos;
	 
     alert(FirstPiece);
	 
	 // Record the PGN data
	 
	 // Reset the flags and visibilities
	 document.getElementById("PieceBorder").style.visibility = "hidden";
	 PieceSelectedFlag = 0;
	 MoveFrom = "";
     MoveTo = "";
	}

Full Code:

Code:

<html>
<body>

<head>
<script lanugage="javascript">
var BlockSize = 50;
var BlockBorderWidth = 4;
var PieceSelectedFlag = 0;

// Create an Array for storing the Positions of the ChessPieces
var PieceLocationName = [32];
var PieceLocationXcoord = [32];
var PieceLocationYcoord = [32];

function Start()
{

// Draw a 400x200 Canvas  starting at the bottom of the Chess Board with
// White as color on top, and black underneith it
//DrawCanvas(0, 500, 400, 200);

// Init the Height and Width of the Chess Piece Highlighter border DIV
document.getElementById("PieceBorder").style.height = BlockSize -BlockBorderWidth;
document.getElementById("PieceBorder").style.width = BlockSize - BlockBorderWidth;

// Resize the Chess Piece Images to the appropriate size
AdjustPieceSize(BlockSize);

// Put the Chess Pieces in their correct places
SetPieces();

}

function SetPieces()
{
 var LocationArrayIndex = 0;
 var Pieces = ["Castle1", "Knight1", "Rook1", "King", "Queen", "Rook2", "Knight2", "Castle2"];
 
 // Put down the Black Pieces On the Top

 var PieceIndex = 0;
 var PawnIndex = 1;
 for (var x = 0; x < BlockSize * 8; x=x+BlockSize)
     {
           var y = 0;
	       SetPieceID = "Black" + Pieces[PieceIndex] + "Image";
           document.getElementById(SetPieceID).style.left = x  + "px";                   // Set the Chess Piece in the correct place
           document.getElementById(SetPieceID).style.top = y + "px";
		   
		   // Load the Piece Name and Location into the  PieceLocation Array
		   PieceLocationName[LocationArrayIndex] = SetPieceID;
           PieceLocationXcoord[LocationArrayIndex] = x;
           PieceLocationYcoord[LocationArrayIndex] = y;
		   
		   LocationArrayIndex++
		   
		   document.getElementById("BlackPawn" + PawnIndex + "Image").style.left = x  + "px";   // Also set down the pawns
           document.getElementById("BlackPawn" + PawnIndex + "Image").style.top = y + BlockSize + "px";
		   
		   // Load the Pawn Name and Location into the  PieceLocation Array
		   PieceLocationName[LocationArrayIndex] = SetPieceID;
           PieceLocationXcoord[LocationArrayIndex] = x;
           PieceLocationYcoord[LocationArrayIndex] = y;
		   
		   PieceIndex++;
		   PawnIndex++;
		   LocationArrayIndex++
	 }
	 
// now put down the white pieces
PieceIndex = 0;
PawnIndex = 1;
 for (var x = 0; x < BlockSize * 8; x=x+BlockSize)
     {
           var y = BlockSize * 7;
	       SetPieceID = "White" + Pieces[PieceIndex] + "Image";
           document.getElementById(SetPieceID).style.left = x  + "px";                   // Set the Chess Piece in the correct place
           document.getElementById(SetPieceID).style.top = y + "px";
		   
		   // Load the Piece Name and Location into the  PieceLocation Array
		   PieceLocationName[LocationArrayIndex] = SetPieceID;
           PieceLocationXcoord[LocationArrayIndex] = x;
           PieceLocationYcoord[LocationArrayIndex] = y;
		   
		   LocationArrayIndex++
		   
		   document.getElementById("WhitePawn" + PawnIndex + "Image").style.left = x  + "px";   // Also set down the pawns
           document.getElementById("WhitePawn" + PawnIndex + "Image").style.top = y - BlockSize + "px";
		   
		   // Load the Pawn Name and Location into the  PieceLocation Array
		   PieceLocationName[LocationArrayIndex] = SetPieceID;
           PieceLocationXcoord[LocationArrayIndex] = x;
           PieceLocationYcoord[LocationArrayIndex] = y;
		   
		   PieceIndex++;
		   PawnIndex++;
		   LocationArrayIndex++
	 }
}


function AdjustPieceSize(NewSize)
{
// Adjust the size of the Chess pieces

var ColorPiece = ["White", "Black"];
var PieceName = ["Pawn1", "Pawn2", "Pawn3", "Pawn4", "Pawn5", "Pawn6", "Pawn7", "Pawn8", "Castle1", "Castle2", "Knight1", "Knight2", "Rook1", "Rook2", "King", "Queen"];

  
  for (var ColorIndex = 0; ColorIndex < ColorPiece.length; ColorIndex++) 
     {
	 for (var PieceIndex = 0; PieceIndex < PieceName.length; PieceIndex++) 
	    {
         var String = ColorPiece[ColorIndex] + PieceName[PieceIndex] + "Image";
		 
         document.getElementById( String ).style.width = NewSize;
         document.getElementById( String ).style.height = NewSize;
		}
	}
}

function RoundNearest(num, acc)
{
    if ( acc < 0 ) {
        // alert("warning!");
        // return;
        num *= acc;
        num = Math.round(num);
        num /= acc;
        return num;
    }
    num /= acc;
    num = Math.floor(num);
    num *= acc;
    return num;
}
function SelectChessLocation(e, event)
{
 // Get the current mouse x,y position
 var xCoord = event.clientX;
 var yCoord = event.clientY;

 // What is the closest Square
 var ClosestX = RoundNearest(xCoord, BlockSize);
 var ClosestY = RoundNearest(yCoord, BlockSize);

 // Draw a Red Border around the closest square
 document.getElementById("PieceBorder").style.visibility = "visible";
 document.getElementById("PieceBorder").style.top = ClosestY;
 document.getElementById("PieceBorder").style.left = ClosestX;
 
 
  // Set the PieceSelected  Flag
 if (PieceSelectedFlag == 0)
    {
	 // First Piece Selected
	 var FirstPiece = e.id;
	 
	 PieceSelectedFlag++
	 return;
	}
  
  if (PieceSelectedFlag == 1)
    {
	 // Move the piece
	 //document.getElementById(Move).style.left = NewXpos;
	 //document.getElementById(Move).style.top = NewYpos;
	 
     alert(FirstPiece);
	 
	 // Record the PGN data
	 
	 // Reset the flags and visibilities
	 document.getElementById("PieceBorder").style.visibility = "hidden";
	 PieceSelectedFlag = 0;
	 MoveFrom = "";
     MoveTo = "";
	}

}
</script>





</head>


<body bgColor="green" onLoad="Start();">

<img id="ChessBoard" src="ChessBoard.png" style="position: absolute; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">

<img id="BlackPawn1Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn2Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn3Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn4Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn5Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn6Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn7Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackPawn8Image" src="Black-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackCastle1Image" src="Black-Castle.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackKnight1Image" src="Black-Knight.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackRook1Image"   src="Black-Rook.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackKingImage"   src="Black-King.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackQueenImage"  src="Black-Queen.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackRook2Image"   src="Black-Rook.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackKnight2Image" src="Black-Knight.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="BlackCastle2Image" src="Black-Castle.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">

<img id="WhitePawn1Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;"OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn2Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn3Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn4Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn5Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn6Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn7Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhitePawn8Image" src="White-Pawn.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteCastle1Image" src="White-Castle.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteKnight1Image" src="White-Knight.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteRook1Image"   src="White-Rook.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteKingImage"   src="White-King.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteQueenImage"  src="White-Queen.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteRook2Image"   src="White-Rook.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteKnight2Image" src="White-Knight.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">
<img id="WhiteCastle2Image" src="White-Castle.png" style="position:absolute; width: 50px; height: 50px; top: 0px; left: 0px;" OnClick="SelectChessLocation(this, event);">

<div id="PieceBorder" Style="position: absolute; top: 0px; left: 0px; height: 50px; width: 50px; border: 2px solid red; visibility: hidden;">
</div>

</body>
</html>