|
JavaScript - For/next And Variable Concatenation
New to javascript and not familiar with the variable concatenation or for/next loop procedures.
The following code works, but I am adding 50 more division id's numbered 'c3' to 'c52' and need to know how to simplify this function. Thanks for your help! Code: <script type="text/javascript"> <!--
function collapseAll()
{
var el = document.getElementById('c1');
if ( el.style.display = 'none' ) {el.style.display != "none";}
else {el.style.display = '';}
var el = document.getElementById('c2');
if ( el.style.display = 'none' ) {el.style.display != "none";}
else {el.style.display = '';}
}
</script>
Similar TutorialsI'm pretty new to Javascript programming. I have this function I created that is basically pretty simple. It does edit checks, however, at the end of my script, I display an error message using an alert statement and at the end of the first sentence, the word "undefined" shows up before the line break. The only thing I can think of that is causing it is the "+" sign. Here is my code below: Code: function CheckEdits() {
var msg;
ok = true;
if (document.getElementById("txtName").value == '') {
msg = msg + '\nName';
ok = false;
}
if (document.getElementById("txtOrganization").value == '') {
msg = msg + '\nOrganization';
ok = false;
}
if (document.getElementById("txtSubject").value == '') {
msg = msg + '\nSubject';
ok = false;
}
if (document.getElementById("txtNote").value == '') {
msg = msg + '\nNote';
ok = false;
}
if (msg != '') {
var msg2;
msg2 = "Please provide the following:\n" + msg;
alert(msg2);
}
}
What am I doing wrong? Thanks! Code: var purchasePrice = window.prompt("Please enter the purchase price:", 0);
function calculateTotalCost () {
if (purchasePrice <= 25) {
purchasePrice = purchasePrice + 1.50;
}
else {
purchasePrice = purchasePrice + (purchasePrice * 0.10);
}
window.alert("Your total price is $ " + purchasePrice);
}
I am still getting the same error, concatenation instead of addition, i can't figure out why. (i.e input 50, result 505 instead of 55.) I have concatenated list of posts, whereby a user can comment on each one (and the comment gets a live update via jquery). I decided that since I'm using a unique variable for each post, I could just tack that onto the end of the id of the update div, and also tack it onto the end of the class of the submit button, like so: PHP Code: $my_list .= ' <form action="#" method="post"> <textarea class="commentbox" name="comment" id="comment"></textarea> <input type="hidden" name="post_id" id="post_id" value=' . $post_id . ' /> <input type="hidden" name="member_id" id="member_id" value=' . $id . ' /> <input type="submit" class="submit' . $post_id . '" value="Comment " /> </form> ' . $comment_list . ' // existing comments queried from the db <ol id="update' . $post_id . '"></ol> // jquery-ed live update comments '; ?> Everything with respect to the above looks fine (i.e. each submit button gets a unique class and each update div gets a unique id). So the problem I'm running into now is: how do I get my js function to recognize each of the unique "submits"? This is what I have now (below). But whenever I click on a submit button next to a post, nothing happens, my page just reloads and a "#" gets added to the end of the url. I checked my live http headers, and it looks like the comment is getting posted along with the correct unique $post_id... but I believe it's stopping at the js function. Code: <head>
<script type="text/javascript">
$(function() {
$(".submit<?php echo $post_id; ?>").click(function() {
var post_id = $("#post_id").val(); // this is the unique id for each story, in a hidden input
var member_id = $("#member_id").val(); // this is a member for the commenter, in a hidden input
var comment = $("#comment").val(); // this is the comment from the input box
var dataString = 'post_id='+ post_id + '&member_id=' + member_id + '&comment=' + comment;
if(comment=='') {
alert('Please enter a valid comment');
} else {
$("#flash").show();
$("#flash").fadeIn(400).html('<span class="loading">Loading Comment...</span>');
$.ajax({
type: "POST",
url: "commentajax.php",
data: dataString,
cache: false,
success: function(html){
$("#update<?php echo $post_id; ?>").append(html);
$("#update<?php echo $post_id; ?> li:last").fadeIn("slow");
document.getElementById('post_id').value='';
document.getElementById('member_id').value='';
document.getElementById('comment').value='';
$("#comment").focus();
$("#flash").hide();
}
});
}
return false;
});
});
</script>
</head>
Hi, I have a programing problem that have been around for ages. I have search on google using several expressions and words and after hours of digging i'm still unable to do it. I would like to get a value from a HTML page hosted remotely with an inconstant value. Then define this value and name as a javascript variable and apply or show in my page. Thanks for all the help P.S. Is there any way to make a domain lookup in javascript? I mean a user enters a domain and the script converts to an ip and shows to the user. If not thanks, probably it can only be done in the server side... Hello I have a php page in which I declared a js variable... right at the top of the page... <script type="text/javascript"> var tester = 0; </script> Later in the page I test this variable... <script type="text/javascript"> if (tester==1){ do some stuff!! } </script> But I keep getting an error variable _tester undefined Am I missing something obvious... I am new to js... but this seems really straightforward I don't know how I should do ? Quote: <html> <head> <script type="text/javascript"> function add(a,b){ y=a+b return y } var aaa = add(one,two) //one needs to get somehow get the value of yil, in this case 10 var one = function reas(){i=10;if(i<10){yil = 15}; else{yil = 10; yil = one;}; var two = 20; document.write(y) </script> </head> </html> also why doesn't this work? Quote: <html> <head> <script type="text/javascript"> function adder(a,b){ var k=a+b; return k } var hes=adder(5,kol); kol=40; alert(hes); </script> </head> </html> you cannot have variables in callback functions? 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. 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.
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 ? 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 Hi, I want to write some javascript code that uses arrays, I have a list of arrays named array1, array2, array3 etc. I want to perform a function on each of these arrays. I wanted to have a variable for the number after array so this is what I have: <code> var array1 = new Array ("1","2","3","4","5"); var array2 = new Array ("5","6","7","8","9"); for (var i=1; i<=2;i++){ document.writeln(("array"+i)[1]); } </code> the problem is it gives me the letters in the string array instead of the array values. How do I get javascript to treat ("array"+i) as array1? Can anyone tell me of how to take or assign a javascript variable into php.
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. 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, 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 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. 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'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>
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]; |
|||||||