javascript - jquery ui autocomplete positioning wrong -


using jquery ui 1.8 trying autocomplete

everything works apart ui-menu isn't positioned under input element, rather in top left corner.

has come across problem?

here's html:

<div id="search">     <div id="searchformwrapper">         <form method="post" name="searchform" id="searchform" action="/searchresults">         <label for="searchphrase" id="searchfor">             search for</label>         <input name="searchphrase" id="searchphrase" type="text" />         <label for="searchscope" id="searchin">             in</label>         <select name="searchscope" id="searchscope">             <option value="">all shops</option>             ...         </select>         <input type="image" name="submitsearch" id="submitsearch" src="/images/buttons/search.gif"             alt="search ..." />         </form>         <br class="clear" />     </div> </div>

and here's css:

#search {  width:100%;  margin:0;  padding:0;  text-align:center;  height:36px;  line-height:36px;  background:#666 url(/images/interface/info_bar_bg.gif) repeat-x top left;  overflow:hidden;  font-size:12px; } #searchformwrapper {  width:520px;  height:36px;  overflow:hidden;  margin:auto;  padding:0; } label#searchfor {  display:block;  float:left;  width:80px;  padding:0 5px 0 0;  margin:0 0 0 0;  text-align:right; } label#searchin {  display:block;  float:left;  width:20px;  padding:0 5px 0 0;  margin:0 0 0 0;  text-align:right; } #searchphrase {  display:block;  float:left;  width:120px;  margin:7px 0 0 0;  padding:0; } #searchscope {  display:block;  float:left;  width:120px;  margin:7px 0 0 0;  padding:0; } #submitsearch {  display:block;  float:left;  margin:7px 0 0 10px;  padding:0; }

and here's javascript:

$(document).ready(function() {     $("#searchphrase").autocomplete(     {         source: "/search?json",         minlength: 2     }); });

woohoo. found culprit:

<script type="text/javascript" src="/scripts/jquery/132/jquery-1.4.2.min.js"></script>             <script type="text/javascript" src="/scripts/jquery/132/jquery-ui-1.8.custom.min.js"></script>             <script type="text/javascript" src="/scripts/jquery/100325/jquery.dimensions.js"></script>             <script type="text/javascript" src="/scripts/jquery/100325/jquery.tooltip.js"></script>

don't include jquery.dimensions.js. assume it's in jquery-ui.js ... anyway, fixed problem.

for latest jqueryui need include jquery.ui.position.js


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more