WebDeveloper.com

WebDeveloper.com (http://www.webdeveloper.com/forum/index.php)
-   JavaScript (http://www.webdeveloper.com/forum/forumdisplay.php?f=3)
-   -   Load time (http://www.webdeveloper.com/forum/showthread.php?t=19996)

troy1984 10-24-2003 08:06 PM

Load time
 
Hi all,

I have a javascript on a mouse over button. When i click the button a javascript executes. Standalone the script works fine however when i click my button the site to where my button links loads before the javascript can even begin (a moving layer). My question was if there is some kind of code that says after clicking the button: execute javascript before loading the page the button links to, onclick load page after ---seconds. Anything that can do what i want execute the script before loading the page is fine.
Thanks everyone,

Greetings,

Troy

Khalid Ali 10-24-2003 08:17 PM

If I understood you correctly, you want to look into
setTimeout('handler',timeDelay)

where handler is any function that you want to be executed and timeDelay is integer value for the time

1000=1 second

troy1984 10-25-2003 06:52 AM

Tnx Khalid,
I'll look in to that.
Greetings,
Troy

troy1984 10-26-2003 07:33 AM

I tried to apply it into my script but im affraid my js is to poor... I've searched the internet for setTimeout('handler',timeDelay) and I found (i could be wrong) that the code should look something like this:

<a href="#" onClick="setTimeout('window.OPENSOMETHING',2000)">open</a>

Only i can't figure out how to put it in to my scrip/define it.

This is my script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<div id="ball" style="position:absolute;"><img src="ball.gif"></div>
<a href="javascript: moveit(400, 100)">About</a> <a href="javascript: moveit(500, 100)">news</a> <a href="javascript: moveit(610, 100)">Sitemap</a> <a href="javascript: moveit(720, 100)">Contact</a>
<br> <a href="javascript: moveit(140, 192)">Why ADF</a>

<script language="JavaScript" type="text/javascript">
step = 1;

startX = 100;
startY = 200;

currentX = startX;
currentY = startY;

function initialize()
{
//Start positions
document.getElementById("ball").style.left = startX;
document.getElementById("ball").style.top = startY;
}


function moveit(x, y)
{
if (currentX < x)
{
document.getElementById("ball").style.left = currentX + step;
currentX = currentX + step;
}

if (currentX > x)
{
document.getElementById("ball").style.left = currentX - step;
currentX = currentX - step;
}

//-----

if (currentY < y)
{
document.getElementById("ball").style.top = currentY + step;
currentY = currentY + step;
}

if (currentY > y)
{
document.getElementById("ball").style.top = currentY - step;
currentY = currentY - step;
}

if ( (currentX != x) || (currentY != y)) setTimeout("moveit("+x+","+y+")",1);


}

initialize();
</script>

</body>
</html>
------------------------------------------------------------------

I want to let the script work like this: When i click on a link. the image move's from point a to point b. (This works thanks to BestZest). Only now i want to put in a delay of 2 seconds ands let him open a real page. So for example: I click on a link the image moves and with the same click it opens a page.

So I click on the link 'About'
This executes the javascript (image slide) and 2 seconds later it opens the page about.html

Thanks again all readers of this form for helping me out.

Greetings Troy

troy1984 10-27-2003 03:10 PM

The "double links" are not that inportant. But if someone can plz help me out with putting the load time command into the code it would be great. Tnx a lot.

Greetings,
Troy


All times are GMT -5. The time now is 01:23 PM.

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.