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,
[REQ] jQuery - Autocomplete + content dynamic loading
Moderator: Moderatori
Autocomplete + Description
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