Code:
<script language='JavaScript' type='text/javascript'>
function show_field(field)
{
document.getElementById(field).style.visibility = 'visible';
}
function hide_field(field)
{
document.getElementById(field).style.visibility = 'collapse';
}
</script>
<div class='formfield'>
<div class='formdescription2' onmouseover='show_field("field1")' onmouseout='hide_field("field1")'>
<div class='formtext'>CC:</div>
</div>
<div class='forminput2' id='field1' style='visibility: collapse;' onmouseover='show_field("field1")' onmouseout='hide_field("field1")'>
<textarea rows='4' cols='65' name='address_cc' wrap='virtual' class='fields' id='fields1' onfocus='bg_onfocus("fields1", 0)' onblur='bg_onblur("fields1", 0)'></textarea>
</div>
</div>
I have this snippet above that works fine in Netscape 7 but not in IE. What I am trying to do is dynamically expand and collapse the content in the div which contains the textarea. I tried changing the CSS attribute from collapse to hidden (apparently IE doesn't support the collapse property), but that leaves a huge space where the textarea is supposed to be and well sort of defeats the original purpose of the whole thing.
I was playing around with setting an innerHTML attribute. But I didn't feel that was quite the right solution the text contained in the textarea kept getting lost that way. It just seems like that would be a much more complex approach to take. I would have to relocate the text in the textarea every time it was collapsed and then fill it back in when expanded. I also didn't like having to place the textarea code into a
JS variable. The form itself is spit out using a complex PHP class where outputting the textarea to a
JS variable might require a lot of rethinking in the PHP class.
Anyone have any ideas?
: )
Rich
:::::::::::::::::::::::::::::::::
Smiling Souls
http://www.smilingsouls.net
:::::::::::::::::::::::::::::::::
Dynamically expanding and collapsing elements
