Forum Moderators: open

Message Too Old, No Replies

combo inside div in Netscape

combo inside div in Netscape

         

cp_raj

12:16 pm on May 27, 2003 (gmt 0)

10+ Year Member



I have a problem in Netscape7.
While creating combo's dynamically and placing it inside Div Tag .If the style is overflow:auto or overflow:scroll,
combo is not functioning properly ie, drop down box is not displayed.

copy this code and run in the netscape,and send me reply
--------------------------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function changefun() {
val = document.frm.s1.value;
alert(val);
}
function changefun1() {
val = document.frm.s2.value;
alert(val);
}
function loadMe() {
var txt;
txt = "<table border=1 width=50%><TR><TD></TD></TR><TR><TD>"
txt += "<select name='s2' onchange='changefun1();'>"
txt += "<option name='op1' value=4>Four</option><option name='op2' value=5>Five</option></select></TD></TR></table>"
txt="<table border=1><tr><td><select name='cmd_duration23'><option value=''>select</option><option value='5'>5</option><option value='10'>10</option><option value='15'>15</option><option value='20'>20</option><option value='25'>25</option><option value='30'>30</option><option value='35'>35</option><option value='40'>40</option><option value='45'>45</option><option value='50'>50</option><option value='45'>45</option><option value='60'>60</option></select>min</td><td><textarea rows=2 cols=20 name=txta_notes23></textarea></td></tr><tr><td><select name='cmd_duration23'><option value=''>select</option><option value='5'>5</option><option value='10'>10</option><option value='15'>15</option><option value='20'>20</option><option value='25'>25</option><option value='30'>30</option><option value='35'>35</option><option value='40'>40</option><option value='45'>45</option><option value='50'>50</option><option value='45'>45</option><option value='60'>60</option></select>min</td><td><textarea rows=2 cols=20 name=txta_notes23></textarea></td></tr></table>"
document.getElementById("div1").innerHTML = txt;
}
</Script>
</HEAD>
<BODY onLoad="loadMe();">
<form name="frm"><center><div id="div1" style="width:300; height:50; overflow:auto">
</div></center></form>
</BODY>
</HTML>
----------------------------------------------------------

BlobFisk

12:20 pm on May 27, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi cp_raj,

Just tested this in Mozilla 1.0 and replicated the bug. Interesting and strange!