Probleme mit Jquery-Autocomplete im IE

  • Probleme mit Jquery-Autocomplete im IE

    Hallo Leute,

    ich würde gerne den JQuery Autocompleter benutzen der hier im Wiki beschrieben ist: coder-wiki.de/HowTos/Ajax-Autocomplete-jQuery
    Funktioniert eigentlich ganz gut ... wenn da mal nicht wieder der IE wäre! :cursing:

    Habe folgende Formularfelder die ich mit JQuery vervollständigen möchte:
    Land
    Region 1
    Region 2
    Region 3
    Region 4
    Stadt

    das seltsame ist nur, dass es bei den Feldern Region 1-4 funktioniert und bei Land und Stadt nicht.
    Bei Land und Stadt (im IE 6+7) blinken die Ergebnisse ganz kurz auf und verschwinden dann wieder.
    Die Ausgabe der Regionen machen keine Probleme. Im FF funktioniert übrigens alles Bestens.
    Habe nun schon einige Stunden gegooglet und mein Code mehrfach geprüft - alles ohne Ergebnisse!
    Kann mir bitte einer von euch weiter helfen?

    Hier mein Quellcode:

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Neues Land erstellen</title>
    6. <script type="text/javascript" src="../script/jquery/jquery.js"></script>
    7. <script type="text/javascript" src="../script/jquery/jquery.autocomplete.js"></script>
    8. <style type="text/css">
    9. .ac_results {
    10. padding: 0px;
    11. border: 1px solid WindowFrame;
    12. background-color: Window;
    13. overflow: hidden;
    14. }
    16. .ac_results ul {
    17. width: 100%;
    18. list-style-position: outside;
    19. list-style: none;
    20. padding: 0;
    21. margin: 0;
    22. }
    24. .ac_results iframe {
    25. display:none;/*sorry for IE5*/
    26. display/**/:block;/*sorry for IE5*/
    27. position:absolute;
    28. top:0;
    29. left:0;
    30. z-index:-1;
    31. filter:mask();
    32. width:3000px;
    33. height:3000px;
    34. }
    36. .ac_results li {
    37. margin: 0px;
    38. padding: 2px 5px;
    39. cursor: pointer;
    40. display: block;
    41. width: 100%;
    42. font: menu;
    43. font-size: 12px;
    44. overflow: hidden;
    45. }
    47. .ac_loading {
    48. background : Window url('images/loading.gif') right center no-repeat;
    49. }
    51. .ac_over {
    52. background-color: Highlight;
    53. color: HighlightText;
    54. }
    55. </style>
    57. <script type="text/javascript">
    58. function selectItem(li)
    59. {
    60. return false;
    61. }
    62. function formatItem(row)
    63. {
    64. return row[0] + " <i>" + row[1] + "</i>";
    65. }
    66. $(document).ready(function(){
    67. $("#id_country").autocomplete("land-jquery.php?spalte=country&",{
    68. minChars:1
    69. });
    70. });
    71. $(document).ready(function(){
    72. $("#id_region1").autocomplete("land-jquery.php?spalte=region1&",{
    73. minChars:1
    74. });
    75. });
    76. $(document).ready(function(){
    77. $("#id_region2").autocomplete("land-jquery.php?spalte=region2&",{
    78. minChars:1
    79. });
    80. });
    81. $(document).ready(function(){
    82. $("#id_region3").autocomplete("land-jquery.php?spalte=region3&",{
    83. minChars:1
    84. });
    85. });
    86. $(document).ready(function(){
    87. $("#id_region4").autocomplete("land-jquery.php?spalte=region4&",{
    88. minChars:1
    89. });
    90. });
    91. $(document).ready(function(){
    92. $("#id_city").autocomplete("land-jquery.php?spalte=city&",{
    93. minChars:1
    94. });
    95. });
    96. </script>
    98. </head>
    99. <body>
    100. <form method="post" action="">
    101. <table border="0" cellspacing="2" cellpadding="2">
    102. <tr>
    103. <td align="right">Land*:</td>
    104. <td><input id="id_country" type="text" name="country"<?php if(isset($error_country)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    105. <td>zB. Deutschland </td>
    106. </tr>
    107. <tr>
    108. <td align="right">Region 1*:</td>
    109. <td><input type="text" name="region1" id="id_region1"<?php if(isset($error_region1)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    110. <td>zB. Bayern </td>
    111. </tr>
    112. <tr>
    113. <td align="right">Region 2:</td>
    114. <td><input type="text" name="region2" id="id_region2"<?php if(isset($error_region2)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    115. <td>zB. Niederbayern </td>
    116. </tr>
    117. <tr>
    118. <td align="right">Region 3:</td>
    119. <td><input type="text" name="region3" id="id_region3"<?php if(isset($error_region3)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    120. <td>zB. Straubing </td>
    121. </tr>
    122. <tr>
    123. <td align="right">Region 4:</td>
    124. <td><input type="text" name="region4" id="id_region4"<?php if(isset($error_region4)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    125. <td>&nbsp;</td>
    126. </tr>
    127. <tr>
    128. <td align="right">PLZ*:</td>
    129. <td><input type="text" name="zip" id="id_zip"<?php if(isset($error_zip)) { echo " class=\"textfeldererror\""; } ?> style="width:150px;" /></td>
    130. <td>&nbsp;</td>
    131. </tr>
    132. <tr>
    133. <td align="right">Stadt*:</td>
    134. <td><input type="text" name="city" id="id_city"<?php if(isset($error_city)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    135. <td>zB. Mariaposching </td>
    136. </tr>
    137. <tr>
    138. <td align="right">Gebiet:</td>
    139. <td><input type="text" name="area" id="id_area"<?php if(isset($error_area)) { echo " class=\"textfeldererror\""; } ?> style="width:350px;" /></td>
    140. <td>&nbsp;</td>
    141. </tr>
    142. <tr>
    143. <td align="right">Lat*:</td>
    144. <td><input type="text" name="lat" id="id_lat"<?php if(isset($error_koordinaten)) { echo " class=\"textfeldererror\""; } ?> style="width:150px;" /></td>
    145. <td>&nbsp;</td>
    146. </tr>
    147. <tr>
    148. <td align="right">Lng*:</td>
    149. <td><input type="text" name="lng" id="id_lng"<?php if(isset($error_koordinaten)) { echo " class=\"textfeldererror\""; } ?> style="width:150px;" /></td>
    150. <td>&nbsp;</td>
    151. </tr>
    152. <tr>
    153. <td>&nbsp;</td>
    154. <td><input type="submit" name="Submit" value="Speichern" /><input name="action" type="hidden" value="1" /></td>
    155. <td>&nbsp;</td>
    156. </tr>
    157. </table>
    158. </form>
    159. </body>
    160. </html>
    Alles anzeigen


    ach ja, ein beispiel findet ihr hier: kmd-test.de/fewo/admin/test.php

    Grüße KMD

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von KMD ()

  • Probier mal nur einmal Document Ready zu nutzen.
    Vielleicht kommt der IE damit sonst nicht klar.

    Quellcode

    1. <script type="text/javascript">
    2. function selectItem(li)
    3. {
    4. return false;
    5. }
    6. function formatItem(row)
    7. {
    8. return row[0] + " <i>" + row[1] + "</i>";
    9. }
    11. $(document).ready(function(){
    12. $("#id_country").autocomplete("land-jquery.php?spalte=country&",{
    13. minChars:1
    14. });
    15. $("#id_region1").autocomplete("land-jquery.php?spalte=region1&",{
    16. minChars:1
    17. });
    18. $("#id_region2").autocomplete("land-jquery.php?spalte=region2&",{
    19. minChars:1
    20. });
    21. $("#id_region3").autocomplete("land-jquery.php?spalte=region3&",{
    22. minChars:1
    23. });
    24. $("#id_region4").autocomplete("land-jquery.php?spalte=region4&",{
    25. minChars:1
    26. });
    27. $("#id_city").autocomplete("land-jquery.php?spalte=city&",{
    28. minChars:1
    29. });
    30. });
    31. </script>
    Alles anzeigen