show/hide div only once

no loop

[eSite]

Hi,

I would like a div (for live comment preview) to be hidden by default, and show on focus of the comment form - that's all.

Notice : If it shows onfocus and hides onblur it's very annoying and if I go to another window the behavior can even be reversed (onfocus = hide).

[RonPK]

Forms don't have an onfocus event. Maybe you can attach it to the first input field?

<input type="text"  
 onfocus="document.getElementById('myDiv').syle.display='block';">

[eSite]

I can't have it to work.

<style type="text/css">
#show_hide{display:none;}
</style>
<div id="show_hide">
ok
</div>
<input type="text" onfocus="document.getElementById('show_hide').syle.display='block';">

[eSite]

Ah, it's because of your typo.
Well thanks anyway, was easier than I thought, I should learn JS.

[Edouard_H]

May just be the misspelled style. Add the 't' to 'syle' and it should work.

[RonPK]

Oops, sorry for he ypo ;)