Code: Select all
<script type='text/javascript'>
function show_comment_stream_div() {
document.getElementById('comment_stream_div').display = 'block';
document.getElementById('comment_stream').display = 'none';
}
</script>
//Print the comment link
<p id = 'comment_stream' onclick = 'show_comment_stream_div()' > <a href = ''> Comments: </a> </p>";
//Print out the comments div.
<div id = 'comment_stream_div' onmouseover = 'show_close_comment_stream_div()' onmouseout = ' hide_close_comment_stream_div()'> <p id = 'close_comment_stream_div' onclick = 'hide_comment_stream_div()'> <a> X </a> </p>
<form action = 'status_comment_entry.php'>
<input id = 'comment_stream_input' type = 'textarea' rows = '8' cols = '20' value ='' name = 'comment' /> <br/>
<input id = 'comment_stream_submit' type = 'submit' value = 'submit!' name = 'submit' />
</form>
</div>
#comment_stream
{position:relative;bottom:70px;left:230px; color:#2d73b9; display:block;}
#comment_stream_div
{position:relative;bottom:82px;left:123px; width:240px; height:75px; border-style:solid; border-width:1px; border-color:#c0c0c0; display:none;}
Here are screen shots of what i expect before and after clicking
Well folks, can anyone tell me what I'm doing wrong?