MarkWilson Posted February 27, 2012 Posted February 27, 2012 I am displaying a clock on the layouts of a time tracking module. How can I control the size of the text desplayed in a web viewer for the following code? <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Clock -- var timerID = null var timerRunning = false function stopclock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock(){ stopclock() showtime() } function showtime(){ var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " pm" : " am" document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT> </HEAD> <BODY onLoad="startclock()"> <!--------------------------------------------------------------------------------------------> <form name="clock" onSubmit="0"> <INPUT TYPE="text" STYLE="border:none" NAME="face" VALUE="...Initializing..."> </form> </BODY> </HTML> Thank you,
webko Posted February 27, 2012 Posted February 27, 2012 Try playing with the style declaration: STYLE="border:none; font-size: 1em;"
MarkWilson Posted February 27, 2012 Author Posted February 27, 2012 Thank you webko! Final version <INPUT TYPE="text" STYLE="border:none" STYLE="font-size:1.5em" NAME="face" VALUE="...Initializing...">
Recommended Posts
This topic is 4721 days old. Please don't post here. Open a new topic instead.
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now