Button Font Attribute

interrupt · July 29th, 2004, 11:35 AM

Hey all,

Im having some difficulty here. I have a button which takes you home. However, onmouseover fires a script which uses onTimeout() to change it from one color to another and then back again. Im also trying to make the font weight change in time. Im just fussy I guess but heres my code lol:

<form name ="Form1">
<input type = "button" name ="homebut" onclick ="homefunction()" onmouseover ="flasher()" onmouseout ="normalit()"></form>
<script language ="javascript">
function flasher(){
var mytimer;
mytimer = window.setTimeout("changeup()", 200)
}
function changeup(){
document.Form1.homebut.style.backgroundColor ='blue';
document.Form1.homebut.style.font ='bold';//this is causing major errors.
mytimer = window.setTimeout("changedown()", 200)
}
function changedown(){
document.Form1.homebut.style.backgroundColor ='white';
mytimer = window.setTimeout("changeup()", 200)
}
</script>
<script language ="javascript">
function normalit(){
window.clearTimeout(mytimer);
document.Form1.homebut.style.backgroundColor ='';
}
</script>

Help would be much appreciated.

Thanks
interrupt

ChrisScott · July 29th, 2004, 11:56 AM

Hi interrupt,

tweaked your code a tiny bit & it works - made mytimer a global and changed document.Form1.homebut.style.font to document.Form1.homebut.style.fontWeight...

Code:

<form name ="Form1">
<input type = "button" value="Some Text" name ="homebut" onclick ="homefunction()" onmouseover ="flasher()" onmouseout ="normalit()"></form>
<script language ="javascript">
var mytimer;

function flasher(){

    mytimer = window.setTimeout("changeup()", 200)
}
function changeup(){
    document.Form1.homebut.style.backgroundColor ='blue';
    //document.Form1.homebut.style.font ='bold';//this is causing major errors.
    document.Form1.homebut.style.fontWeight = 'bold';
    mytimer = window.setTimeout("changedown()", 200)
}
function changedown(){
    document.Form1.homebut.style.backgroundColor ='white';
    mytimer = window.setTimeout("changeup()", 200)
}
</script>
<script language ="javascript">
function normalit(){
    window.clearTimeout(mytimer);
    document.Form1.homebut.style.backgroundColor ='';
    document.Form1.homebut.style.fontWeight = 'normal'
}
</script>

Best regards,

Chris

interrupt · July 29th, 2004, 12:18 PM

Oh my God. lol. Can't believe it's just a matter of syntax, but would have been rippin my hair out. Thanks Chris.

interrupt

interrupt · July 29th, 2004, 12:20 PM

One thing I've noticed with onmouseout is that you can get your mouse out before the onmouseout event has time to fire! Any way round this?

interrupt