Cum as putea sa fac ca script de cautare cu ajax care sa faca urmatoarele:
Cel mai bun exemplu este la control panel la cautare, atunci cand scriu ceva imi raman inconitele care contin ceea ce am scris.
Deci ceea ce as dori si nu stiu sa fac este in felul urmator:
Am un select cu urmatoarele afisari:
Cod: Selectaţi tot
a
aa
ab
bb
ba
bcc
Cod: Selectaţi tot
aa
ab
baAm scriptul acesta:
index.php
Cod: Selectaţi tot
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript"><!--
var rbtn_v = ''; // aici se adauga valoarea initiala, transmisa daca nu e buton bifat
$(document).ready(function() {
$("input:radio[name=rbtn]").click(function() {
rbtn_v = $(this).val();
});
});
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
}
else {
var data = 'queryString='+$('#inputString').val()+ '&rbtn='+rbtn_v;
// alert(data); // verifica ce date preia si trimite javascript
$.post('cautare.php', data, function(response){
// alert(response); // ca sa se verifice datele primite
if(data.length > 0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(response);
}
});
return false; // required to not open the page when form is submited
}
}
//-->
</script>Cod: Selectaţi tot
<form action="cautare.php" method="post" onsubmit="lookup(); return false;">
| <input type="radio" name="rbtn" value="" >Toate
| <input type="radio" name="rbtn" value="c">Copii
</form>
<form id="search" name="search">
<input type="text" size="50" name="term" value="" placeholder="Scrie numele cantarii" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</form> <br><br>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>cautare.php
Cod: Selectaţi tot
$db = new mysqli('localhost', 'root' ,'', 'cantaric_ppt');
if(!$db) {
echo 'Nu se poate conecta la Baza de date!';
} else {
if(isset($_POST['queryString'])) {
$queryString = $db->real_escape_string($_POST['queryString']);
if(strlen($queryString) >0) {
$categoria = isset($_POST['rbtn']) ? $_POST['rbtn'] : 'd';
$query = $db->query("SELECT * FROM cantari_ppt WHERE categoria='".$categoria."' AND aprobare = 1 AND denumire LIKE '$queryString%' ORDER BY denumire LIMIT 10");
if($query) {
while ($result = $query ->fetch_object()) {
echo '<img src="powerpoint_icon.png" width="24" height="24"> <a href="localhost/cautare/index.php?urlf='.$result->urlf.'">'.$result->denumire.'</a> <br>';
}
} else {
echo 'A aparut o problema. nu este query';
}
} else {
}
}
else {
echo 'Nu s-a trimis nimic de la index!';
}
}
Iar al doilea index.php:
Cod: Selectaţi tot
<script language="javascript" src="jquery-1.2.6.min.js"></script>
<script language="javascript" src="jquery.timers-1.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var j = jQuery.noConflict();
j(document).ready(function()
{
j(".refresh").everyTime(1000,function(i){
j.ajax({
url: "refresh.php",
cache: false,
success: function(html){
j(".refresh").html(html);
}
})
})
});
j(document).ready(function() {
j('#post_button').click(function() {
$text = $('#post_text').val();
j.ajax({
type: "POST",
cache: false,
url: "save.php",
data: "text="+$text,
success: function(data) {
alert('data has been stored to database');
}
});
});
});
j('.refresh').css({color:"#000"});
});
</script>Cod: Selectaţi tot
<div class="refresh">
</div>Cod: Selectaţi tot
$con = mysql_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("cantaric_ppt", $con);
// Cod de test afisare un continut pt. cei autentificati si altul pt. vizitatori
$result = mysql_query("SELECT * FROM cantari_ppt
INNER JOIN categorie
ON cantari_ppt.categoria = categorie.cheie
ORDER BY id_c DESC limit 10");
echo '<table align = center width=70% border="1">';
while($row = mysql_fetch_array($result))
{
echo '<tr><td><img src="powerpoint_icon.png" width="24" height="24"> <a href="index.php?urlf='.$row['urlf'].'">'.$row['denumire'].'</a><div align="right">' . $row['denumire_categorie'].' </td> </tr>';
echo '</div>';
}
echo '
</table>';
mysql_close($con); Cum le combin aceste 2 scripturi ca sa imi dea ceea ce doresc eu.
Cum am zis ceea ce vreau este ca sa nu imi apara rezultatele cand scriu ceva ci sa imi ramana in functie de ceea ce scriu eu.
Sper ca ati inteles.
Astept raspuns.
Multumesc anticipat.
Cu stima Trif
