Forum Home
Press F1
 
Thread ID: 92721 2008-08-20 02:48:00 onmouseover anneparker (12235) Press F1
Post ID Timestamp Content User
698807 2008-08-20 02:48:00 I have the text Clothing displayed, that I wish to change to Puweru with a mouseover (then reverting back to Clothing with an onmouseoff). What is the code please? Or, in FrontPage where is this effect hiding?

Thank you

Anne
anneparker (12235)
698808 2008-08-20 03:12:00 It is called "onmouseout", not "onmouseoff". Someone will help you with the coding soon :) Renmoo (66)
698809 2008-08-20 04:53:00 Here you go - I needed to put it in a table otherwise the text would change when the mouse went over the "line" the text was in across the complete screen.

change the table width accordingly if needed

*Note the ="mytext.innerHTML and not ="this.innerText otherwise will not work in Firefox

...and should've been in the PF1 section really :)


<HTML>
<BODY>

.......... Bla bla first bit of page<p><br><p><br><p>


<!-- // BEGIN - This code for changing Clothing to Puweru on mouseover - Bevy -->

<TABLE WIDTH=100>
<TR>
<TD>
<p id="mytext"
onmouseout="mytext.innerHTML='Clothing';"
onmouseover="mytext.innerHTML='Puweru';">
Clothing
</p>
</TD>
</TR>
</TABLE>

<!-- // END - This code for changing Clothing to Puweru on mouseover - Bevy -->

<p><br><p><br><p>........ Ra de ra - rest of page
</BODY>
</HTML>
bevy121 (117)
1