H
higgehagge
Guest
Hallo Leute,
ich habe ein Problem mit jQuery und bekomme es einfach nicht hin.
ich hoffe ihr könnt mir dabei behilflich sein, nach stundenlanger suche hier und bei google werde ich einfach nicht schlau aus den code-schnipseln die ich überall gefunden habe.
Mein Problem:
ich habe eine Tabelle mit ein paar Zeilen, die daten in der Tabelle werden über eine Datenbank gefüllt!
Nun möchte ich gerne das mit 4 checkboxen bei jeweils bei Klick der Inhalt gefiltert wird.
hier auf der seite ein Beispiel wie das bei mir auch sein sollte
Prepaid Tarife | Handy Prepaid Karten Vergleich
wenn man dort jetzt auf die checkbox (Netze) t-mobile klickt wird der inhalt in der tabelle nun gefiltert nach t-mobile. wird dann noch vodafone geklickt wird dann der inhalt t-mobile und vodafone ausgegeben usw.
Mein Code (produkt-filter.php):
wie übergebe ich denn die variable an php weiter, damit ich die sql nach dem value der checkbox auslesen kann und ist das mit jquery gar nicht nötig?
ich weiss absolut nicht mehr weiter, vielleicht bin ich auch etwas auf dem holzweg. vielleicht gibt es auch eine andere lösung damit die filterung so funtz.
vielen dank schonmal im voraus
lg
ich habe ein Problem mit jQuery und bekomme es einfach nicht hin.
ich hoffe ihr könnt mir dabei behilflich sein, nach stundenlanger suche hier und bei google werde ich einfach nicht schlau aus den code-schnipseln die ich überall gefunden habe.
Mein Problem:
ich habe eine Tabelle mit ein paar Zeilen, die daten in der Tabelle werden über eine Datenbank gefüllt!
Nun möchte ich gerne das mit 4 checkboxen bei jeweils bei Klick der Inhalt gefiltert wird.
hier auf der seite ein Beispiel wie das bei mir auch sein sollte
Prepaid Tarife | Handy Prepaid Karten Vergleich
wenn man dort jetzt auf die checkbox (Netze) t-mobile klickt wird der inhalt in der tabelle nun gefiltert nach t-mobile. wird dann noch vodafone geklickt wird dann der inhalt t-mobile und vodafone ausgegeben usw.
Mein Code (produkt-filter.php):
PHP:
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="js/jquery.js"></script>
<table border="0">
<tr>
<td><table border="0">
<tr>
<td>
<table border="0">
<tr>
<td> </td>
<td><span class="tagline">Filter Produkte </span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
<form action="produkt-filter.php" method="post" name="ProduktFilterForm" id="ProduktFilterForm">
<input name="produktsearch[produkt_list][]" type="checkbox" value="0" id="produktsearch_produkt_list_0" />
<label for="produktsearch_produkt_list_0">PC</label>
<input name="produktsearch[produkt_list][]" type="checkbox" value="1" id="produktsearch_produkt_list_1" />
<label for="produktsearch_produkt_list_1">Notebook</label>
<input name="produktsearch[produkt_list][]" type="checkbox" value="2" id="produktsearch_produkt_list_2" />
<label for="produktsearch_produkt_list_2">Software</label>
<input name="produktsearch[produkt_list][]" type="checkbox" value="3" id="produktsearch_produkt_list_3" />
<label for="produktsearch_produkt_list_3">Zubehör</label>
<input type="submit" value="suchen" />
</form>
<script type="text/javascript">
var filterProdukt = function(el)
{
jQuery.ajax(
{
type:'POST',
dataType:'html',
data:jQuery($("#ProduktFilterForm")).serialize(),
success:function(data, textStatus){
jQuery('#ajax_space').html(data);
initTooltip();
},
url:'produkt-filter.php'
});
pageTracker._trackEvent('Produkttabelle', 'Filter', $("label[for='" + el.target.id + "']").text());
}
$(document).ready(function () {
$("#ProduktFilterForm :input").change(filterProdukt);
$("#ProduktFilterForm input[type=submit]").hide();
$("#loader").ajaxSend(function(evt, request, settings){
$("#loader").height($("#ajax_space").height()+400);
$("#loader").width($("#ajax_space").width()+30);
$("#loader_img").css('margin-top', $(window).scrollTop() + 'px');
$("#loader").show();
});
$("#loader").ajaxComplete(function(evt, request, settings){
$("#loader").hide();
});
});
</script>
</td>
<td> </td>
</tr>
</table></td>
<td width="200"> </td>
<td width="200"> </td>
<td width="200"> </td>
</tr>
</table></td>
</tr>
</table>
<div class="span-18 last maincontent">
<div id="loader" style="display: none; position: absolute;">
<div style="background-color: rgb(255, 255, 255); width: 100%; height: 100%; opacity: 0.9; position: absolute;">
<div id="loader_img" style="position: absolute; margin-left: 240px;">
<div class="box box_light">
<p class="tagline">Daten werden aktualisiert</p>
<div class="box_content">
<center><img alt="Lade..." src="img/loader.gif"> </center>
</div>
</div>
</div>
</div>
</div>
<div id="ajax_space">
<div id="table_compare">
<div id="landingpage">
<table id="meineTabelle" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th><abbr>Anbieter</abbr></th>
<th><abbr>Produkt</abbr></th>
<th><abbr>Kaufpreis</abbr></th>
</tr>
</thead>
<tbody>
<?php
include("include/dbconnect.php");
$sql = "SELECT * FROM tabelle_produkte ORDER by pr_id ";
$res = mysql_query($sql);
while($row = mysql_fetch_assoc($res)) {
$pr_id = $row['pr_id'];
$pr_anbieter = $row['pr_anbieter'];
$pr_produkt = $row['pr_produkt'];
$pr_preis = $row['pr_preis'];
?>
<tr >
<td><?php echo $pr_anbieter; ?></td>
<td><?php echo $pr_produkt; ?></td>
<td><?php echo $pr_preis; ?> €</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script>
$(function() { $(document).ready(function()
{
$("#meineTabelle").tablesorter( {} );
}
);
});
</script>
wie übergebe ich denn die variable an php weiter, damit ich die sql nach dem value der checkbox auslesen kann und ist das mit jquery gar nicht nötig?
ich weiss absolut nicht mehr weiter, vielleicht bin ich auch etwas auf dem holzweg. vielleicht gibt es auch eine andere lösung damit die filterung so funtz.
vielen dank schonmal im voraus
lg