onmouseover - javascript onmouseout works also on mouse over -
i'm trying show/hide some of text in button. button
<button id="sos" onmouseover="show()" onmouseout="hide();"> <p>s.o.s</p> <div id="sos_left"> <?=$text_to_show_hide?></div> </button>
and javascript code is
<script type="text/javascript"> function show() { sos_left=document.getelementbyid('sos_left'); alert("mouseover"); sos_left.style.color = "red"; sos_left.style.fontsize = "28"; } function hide(){ sos_left=document.getelementbyid('sos_left'); alert("mouseout"); sos_left.style.color = "blue"; sos_left.style.fontsize = "0"; } </script>
the thing mouse out alerts when i'm mouse overing.
note: can't use jquery because site vbulletin based , use code on 1 of templates.
you dont hide anything..
use display:none
"remove" element, or visibility:hidden
hide element.
to "re-add" element, use display: block
or visibility:visible
, if used visibility attribute hide.
try each both see difference.
another problem is,
you try use sos_left
variable, didn't declare variable.
use var sos_left
instead of.
Comments
Post a Comment