JavaScript

  • Thread starter Thread starter Robert
  • Start date Start date
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
 
Try adding ";" to the end of the statements in
showTheTime, and also use the form name, ie
document.form1.showTime.value

rgds
Richard
 
I tried your code, it is working perfectely in my IE 6.0.. btw in which
browser your testing this code
 
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
==============================
 
Back
Top