[REQ] jQuery - Autocomplete + content dynamic loading

Discutii legate de AJAX, jQuery, MooTools, Prototype, Dojo, Yahoo! UI Library,script.aculo.us, ExtJS,AngularJS, Backbone.js, Ember.js, KnockoutJS

Moderator: Moderatori

Avatar utilizator
szerky
Average Member
Mesaje: 130
Membru din: Joi Iul 10, 2008 4:06 am

[REQ] jQuery - Autocomplete + content dynamic loading

Mesajde szerky » Sâm Iun 13, 2009 10:45 pm

Salut,

Ma joc de vreo 2 zile cu JQuery. Ma gandeam sa fac un div unde sa am continut dynamic furnizat in functie de o variabila preluata dintr-un autocomplete.

Folosesc codul asta, demo aici : http://res.nodstrum.com/autoComplete/index.htm

Ce vreau sa fac ?

De exemplu daca scrieti "F" atunci printre alte tari o sa va apara si Franta. Sa zicem ca noi vom selecta Franta.

Deci atunci eu vreau ca sub acel input sa fac un div unde sa scriu date despre Franta.

Ma gandeam daca stie cineva/are vreun cod care sa faca ceva in genul.

Ar fi de apreciat si o idee despre cum as putea face asta.

Multumesc,



tanatos
Senior Member
Mesaje: 269
Membru din: Vin Iun 06, 2008 8:01 pm
Localitate: Iasi
Contact:

Mesajde tanatos » Sâm Iun 13, 2009 11:23 pm

faci un div ascuns , pozitionat sub input si il afisezi cand vrei tu , punand/modificand informatiile din el cu $('#id_div').html("cod html");

emon
PHPRomania Supporter
Mesaje: 21
Membru din: Dum Mai 28, 2006 11:08 am

Autocomplete + Description

Mesajde emon » Lun Iun 15, 2009 1:21 pm

M-am jucat putin si eu si uite ce am facut :)

Cod: Selectaţi tot

/*
CREATE TABLE countries (
id INT(5) auto_increment PRIMARY KEY,
value VARCHAR(250),
description TEXT
);
*/
if(isset($_POST['queryString'])) {
   $queryString = mysql_escape_string($_POST['queryString']);
   $query = mysql_query("SELECT value FROM countries WHERE value LIKE '$queryString%' LIMIT 10");
   while(($row =mysql_fetch_assoc($query))){
echo '<div class="sgg" id="'.$row['value'].'">'.$row['value'].'</div>';
   }
}

if(isset($_POST['ctry'])) {
   $ctry = mysql_escape_string($_POST['ctry']);
   $qry = mysql_query("SELECT value,description FROM countries WHERE value='$ctry'");
   while(($rw =mysql_fetch_assoc($qry))){
      echo '<div>'.$rw['description'].'</div>';
   }
}

Cod: Selectaţi tot

<script type="text/javascript">
$(document).ready(function(){
$("#inputString").bind("keyup", function(){
   $('#suggestions').empty();
   if($(this).length == 0) {
      $('#suggestions').hide();
   } else {
      $.post("rpc.php", {queryString: $(this).val()}, function(data){
      if(data.length >0) {
         $('#suggestions').fadeIn("slow").append(data);
         $(".sgg").click(function(){
            $("#inputString").val($(this).attr("id"));
            $.post("rpc.php", {ctry: $("#inputString").val()}, function(data2){
               $('#suggestions').html(data2);
            });
         });
      }
      });
   }
});
});
</script>
<div>County:<br /><input type="text" size="30" id="inputString" /></div>
<div id="suggestions"></div>


Înapoi la “Librarii Javascript”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 29 vizitatori