Auf Thema antworten 2026

Beitrag

<blockquote data-quote="owieortho" data-source="post: 2707867" data-attributes="member: 443210">Hallo,irgendetwas übersehe ich gerade. Ich probiere gerade, dieses Beispiel aus:[HTML]&lt;!DOCTYPE html&gt;&lt;html lang=&quot;de&quot; xml:lang=&quot;de&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;UTF-8&quot;&gt;&lt;title&gt;jQuery AJAX Autocomplete - Country Example&lt;/title&gt;&lt;style&gt;body {width:610px;}.frmSearch {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding: 50px;border-radius: 5px;}#country-list {float: left;list-style: none;margin-top: -3px;padding: 0;width: 190px;position: absolute;}#country-list li {padding: 10px;background: #f0f0f0;border-bottom: #bbb9b9 1px solid;}#country-list li:hover {background:#ece3d2;cursor: pointer;}#search-box {padding: 10px;border: #a8d4b1 1px solid;border-radius: 4px;}&lt;/style&gt;&lt;script src=&quot;https://code.jquery.com/jquery-2.1.1.min.js&quot;&gt;&lt;/script&gt;&lt;script&gt;$(document).ready(function(){&nbsp; &nbsp; $(&quot;#search-box&quot;).keyup(function(){&nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; type: &quot;POST&quot;,&nbsp; &nbsp; &nbsp; &nbsp; url: &quot;readCountry.php&quot;,&nbsp; &nbsp; &nbsp; &nbsp; data:&#039;keyword=&#039;+$(this).val(),&nbsp; &nbsp; &nbsp; &nbsp; beforeSend: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#search-box&quot;).css(&quot;background&quot;,&quot;#FFF url(LoaderIcon.gif) no-repeat 165px&quot;);&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; success: function(data){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#suggesstion-box&quot;).show();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#suggesstion-box&quot;).html(data);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#search-box&quot;).css(&quot;background&quot;,&quot;#FFF&quot;);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });});function selectCountry(val) {$(&quot;#search-box&quot;).val(val);$(&quot;#suggesstion-box&quot;).hide();}&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div class=&quot;frmSearch&quot;&gt;&lt;input type=&quot;text&quot; id=&quot;search-box&quot; placeholder=&quot;Select country&quot; /&gt;&lt;div id=&quot;suggesstion-box&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]Beim Versuch, den placeholder mit einem längeren Text zu versehen, wächst die Breite des Input nicht mit und verschluckt somit den zu langen Teil des Textes. Ich kann das zwar korrigieren, indem ich dem Input ein width-Attribut mitgebe, mich interessiert aber, woher die Breite der input#search-box herrührt. Der Inspektor zeigt mir eine Dimension von 159x38 an, die nirgends deklariert ist.Danke schon mal vorab,O.</blockquote>

[QUOTE="owieortho, post: 2707867, member: 443210"] Hallo, irgendetwas übersehe ich gerade. Ich probiere gerade, dieses Beispiel aus: [HTML]<!DOCTYPE html> <html lang="de" xml:lang="de"> <head> <meta charset="UTF-8"> <title>jQuery AJAX Autocomplete - Country Example</title> <style> body { width:610px; } .frmSearch { border: 1px solid #a8d4b1; background-color: #c6f7d0; margin: 2px 0px; padding: 50px; border-radius: 5px; } #country-list { float: left; list-style: none; margin-top: -3px; padding: 0; width: 190px; position: absolute; } #country-list li { padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid; } #country-list li:hover { background:#ece3d2; cursor: pointer; } #search-box { padding: 10px; border: #a8d4b1 1px solid; border-radius: 4px; } </style> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script> $(document).ready(function(){ $("#search-box").keyup(function(){ $.ajax({ type: "POST", url: "readCountry.php", data:'keyword='+$(this).val(), beforeSend: function(){ $("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px"); }, success: function(data){ $("#suggesstion-box").show(); $("#suggesstion-box").html(data); $("#search-box").css("background","#FFF"); } }); }); }); function selectCountry(val) { $("#search-box").val(val); $("#suggesstion-box").hide(); } </script> </head> <body> <div class="frmSearch"> <input type="text" id="search-box" placeholder="Select country" /> <div id="suggesstion-box"></div> </div> </body> </html>[/HTML] Beim Versuch, den placeholder mit einem längeren Text zu versehen, wächst die Breite des Input nicht mit und verschluckt somit den zu langen Teil des Textes. Ich kann das zwar korrigieren, indem ich dem Input ein width-Attribut mitgebe, mich interessiert aber, woher die Breite der input#search-box herrührt. Der Inspektor zeigt mir eine Dimension von 159x38 an, die nirgends deklariert ist. Danke schon mal vorab, O. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?