Adding Java Script to Grid

[rlgiordano]

I would like to add a java script to a alpha grid component. The script is a timer, which controls the time limit, the user has to complete a test (which is setup on ther grid).

Thanks
Bob Giordano

[Lenny Forziati]

RE: Adding Java Script to Grid

And is your question how to do it?

The Javascript would go in your A5W page, not in the greid component. Where exactly within the page it needs to be placed would depend on your exact script, but I'd guess you need it in the page's head element, which means you'll need to switch to source view to paste your code in.

-Lenny

[rlgiordano]

RE: Adding Java Script to Grid

First question is yes.
But I think your already answered it.
The way I want it to work is.
1. The client would select a test from the main page.
2. A dialog would come up stating you have 20 minutes to complete. "OK" "Cancel"
3. When "OK" the test page would open, with the test question on a grid component.
4. After 20 minutes, another dialog window would opn stating "Time is up" with an OK button.
5. Then when clicked ok , pages close and go to main menu.
So I guess it would have to be put on the beginning of the which alpha generates on the test page?

Thanks
Bob

[Peter.Wayne]

RE: Adding Java Script to Grid

Here's an example of a page with a Javascript timer. You put the timer code in the header section of the page:


html"
"head"
"meta name="generator" content="Alpha Five HTML Editor""
"title""/title"
"script language="javascript""
function timeout()
{
window.setTimeout("show_alert()",1000*20*60)
}

function show_alert() {
alert('20 minutes is up -- returning to yahoo!');
window.location="http://www.yahoo.com"
}
"/script"
"/head"

"/head"
"body onload="timeout()""
"p"Your grid would be here:"/p"
"p""input type=textbox id=fname""/p"
"p""input type=textbox id=lname""/p"
"/body"

[rlgiordano]

RE: Adding Java Script to Grid

Thank you Peter

This is the one that I found:


"HEAD"
"TITLE"Timer"/TITLE"
"/HEAD"
"Script Language="JavaScript""
"!-- Hiding

/* Script By Lefteris Haritou
http://www.geocities.com/~lef
Please Keep The Credit Above
No Copyrights but be fair
*/

function display(){
rtime=etime-ctime;
if (rtime"60)
m=parseInt(rtime/60);
else{
m=0;
}
s=parseInt(rtime-m*60);
if(s"10)
s="0"+s
window.status="Time Remaining : "+m+":"+s
window.setTimeout("checktime()",1000)
}

function settimes(){
alert("You have 20 minutes time !")
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
etime=hours*3600+mins*60+secs;
etime+=60; //You can change the value of 1200 according to how much time you wish to set the timer. Where 1200 is time in secs (1200 = 20 mins * 60 secs/min). Max time is 60 mins (3600secs)
checktime();
}

function checktime(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
ctime=hours*3600+mins*60+secs
if(ctime"=etime){
expired();
}
else
display();
}

function expired(){
alert("Time expired");
location.href="http://www.?"; //Put here the next page
}

// Done hiding --"
"/Script"
"BODY onLoad="settimes()""
"!-- following code added by server. PLEASE REMOVE --"
"!-- preceding code added by server. PLEASE REMOVE --"
"Center""H2"Look in the status bar. In 20 mins you will be forced to change page"/H2"
"/Center"
"/BODY"

[rlgiordano]

RE: Adding Java Script to Grid

Now I have to find a Countdown Script to add to it.


This Site is the best resourse forum I ever belonged to
for software developing.

Thanks again!