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

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -