PDA

View Full Version : DHTML window widget - problem selecting options in FireFox 1.5



gpazi
05-30-2007, 03:39 PM
1) DHTML dynamic window

2) http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/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>';
?>

jscheuer1
05-30-2007, 05:55 PM
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.

gpazi
05-30-2007, 07:10 PM
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;">&nbsp;</div></div></div></div>
<button onclick="openWindow();">open window</button>

ddadmin
05-31-2007, 02:53 PM
Do you have a link to the problem page in question?

gpazi
05-31-2007, 06:33 PM
No I don't. Still in development.
but I wrote the code at my first post.