Results 1 to 5 of 5

Thread: DHTML window widget - problem selecting options in FireFox 1.5

  1. #1
    Join Date
    May 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 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>';
    ?>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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>

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Do you have a link to the problem page in question?

  5. #5
    Join Date
    May 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    No I don't. Still in development.
    but I wrote the code at my first post.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •