-
DHTML window widget - problem selecting options in FireFox 1.5
1) DHTML dynamic window
2) http://www.dynamicdrive.com/dynamici...ndow/index.htm
3) I think it's a bug, but I'll let you decide -
I'm using the dynamic window with ajax.
The window content includes a select element. Only the first 20 elements can be selected. scrolling down the options, and selecting for example the first SEEN option, will result with selecting the first option in the list (in oppose to the first option seen after scrolling down).
The problem occurs on FireFox 1.5.0.11 but not on IE7.
Here's my code:
test.php:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- DHTML windows -->
<link rel="stylesheet" href="src_3rdParty/client/windowfiles/dhtmlwindow.css" type="text/css" />
<script language="Javascript" type="text/javascript">
function openWindow()
{
// create the path for registerPage.php
var path = location.href;
var index = path.indexOf("test.php");
path = path.substr(0,index)+"windowBox.php";
var dynamicWindow = dhtmlwindow.open('windowBox', 'ajax', path, 'dynamic window', 'width=650px,height=400px,center=1,resize=0,scrolling=0');
return false;
}
</script>
<script type="text/javascript" src="src_3rdParty/client/windowfiles/dhtmlwindow.js">
/***********************************************
* DHTML Window Widget- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<!-- end of DHTML windows -->
</head>
<body>
<button onClick="openWindow();" >open window</button>
</body>
</html>
window content - windowBox.php:
<?php
echo '<select name="BirthYear" size="1"></br>';
for ($i =1900; $i<2006;$i++)
{
echo '<option value = "' . $i .'">'.$i.'</option></br>';
}
echo '</select>';
?>
-
-
It could be invalid generated code. That is often a problem with Ajax, as it is parsed twice by the browser - once as a request object, and a second time as HTML. The normal error correcting routines of the browser may not be able to compensate as well as they would on code that only needs to be parsed once.
Try validating the generated code.
-
-
the code generated using ajax is correct.
Using the generated code as an html code works well.
here it is:
<div id="dhtmlwindowholder"><span style="display: none;">.</span><div style="z-index: 100; width: 650px; visibility: visible; display: block; left: 305.5px; top: -55px;" class="dhtmlwindow" id="windowBox"><div class="drag-handle">dynamic window<div class="drag-controls"><img src="src_3rdParty/client/windowfiles/min.gif" title="Minimize"><img src="src_3rdParty/client/windowfiles/close.gif" title="Close"></div></div><div style="overflow: hidden; height: 400px; display: block;" class="drag-contentarea"><select name="BirthYear" size="1"><option value="1900">1900</option><option value="1901">1901</option><option value="1902">1902</option><option value="1903">1903</option><option value="1904">1904</option><option value="1905">1905</option><option value="1906">1906</option><option value="1907">1907</option><option value="1908">1908</option><option value="1909">1909</option><option value="1910">1910</option><option value="1911">1911</option><option value="1912">1912</option><option value="1913">1913</option><option value="1914">1914</option><option value="1915">1915</option><option value="1916">1916</option><option value="1917">1917</option><option value="1918">1918</option><option value="1919">1919</option><option value="1920">1920</option><option value="1921">1921</option><option value="1922">1922</option><option value="1923">1923</option><option value="1924">1924</option><option value="1925">1925</option><option value="1926">1926</option><option value="1927">1927</option><option value="1928">1928</option><option value="1929">1929</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option></select></div><div style="display: none;" class="drag-statusarea"><div class="drag-resizearea" style="background: transparent url(src_3rdParty/client/windowfiles/resize.gif) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> </div></div></div></div>
<button onclick="openWindow();">open window</button>
-
-
Do you have a link to the problem page in question?
-
-
No I don't. Still in development.
but I wrote the code at my first post.
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Reply With Quote
Bookmarks