JavaScript

R

Robert

Hi all,

I like to use some JavaScript on my ASPX Page. But whatever
I'm trying it doesn't work.

The basic code of the ASPX Page is:

<%@ Page Language="vb" AutoEventWireup="false"
Codebehind="WebForm1.aspx.vb" Inherits="ASP_Check.WebForm1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>WebForm1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio
..NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema
content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

</form>

</body>
</html>

And now my timer, working within a simple HTML Page:

<html>
<head>
<title>HTMLPage1</title>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">



function showZeroFilled(inValue) {
if (inValue > 9) {
return "" + inValue;
}
return "0" + inValue;
}

function showTheTime() {
now = new Date
document.form.showTime.value =
showZeroFilled(now.getHours()) + ":" +
showZeroFilled(now.getMinutes()) + ":" +
showZeroFilled(now.getSeconds())
setTimeout("showTheTime()",1000)
}

</script>

<BODY onLoad="showTheTime()">

<BODY>

<center><form name=form>
<input type=text name=showTime size=11><p>

</form></center>

</html>

What is the correct way, to make this timer working on my
aspx Page??

Thanks a lot!!

Rob
 
R

Richard Hatt

Try adding ";" to the end of the statements in
showTheTime, and also use the form name, ie
document.form1.showTime.value

rgds
Richard
 
S

Saravana

I tried your code, it is working perfectely in my IE 6.0.. btw in which
browser your testing this code
 
V

Vidar Petursson

Hi

There should be no problem doing this even its aspx, are you accessing it
correctly?

Example:
<form name="myForm"....
<input type="text" name="boxShowTime"....

<body onload="setInterval('showTime()',1000)">

function showTime(){
var d = new Date();
with(document.forms["myForm"])
{
boxShowTime.value = padIt(d.getHours()) + ":" + padIt(d.getMinutes())
+ ":" + padIt(d.getSeconds());
}
}
function padIt(v){
return ( v < 10 ) ? ( "0" + v) : v;
}

onload is probably the best way to fire the script.... If you dont use that
you could check the readyState of the document ( Explorer )

function showTime(){
if(!document.readyState) return;// Bail out as readyState is not supported
if(document.readyState == "complete")
{ // Oki do the clock... Using div to show you another way to do this :)
if(document.getElementById)
{
var e = document.getElementById("myClock");
if(e!= null)
{
var d = new Date();
e.innerHTM = padIt(d.getHours()) + ":" + padIt(d.getMinutes()) + ":"
+ padIt(d.getSeconds());
}
}
}
}
And the placeholder like so.....
<div ID="myClock" style="color:red;font-size:12px"></div>

--
Best Regards
Vidar Petursson
==============================
Microsoft Internet Client & Controls MVP
==============================
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
474,079
Messages
2,570,573
Members
47,205
Latest member
ElwoodDurh

Latest Threads

Top