Dynamische Auflistung von DB-Einträgen

[Foto-Delight]

Hi,

ich bin auf der Suche nach einem Script, von dem ich nicht weis, wie ich es nennen soll und daher auch nicht suchen kann^^

Gegeben:
Ich habe eine DB mit Einträgen von 2008,2009,2010.

Nun hätte ich gern, dass mir oberhalb der Auflistung der Einträge 4 Buttons für "2008", "2009" , "2010" , "Alle" angezeigt werden.

Wird auf einen Button gedrückt, so sollen dynamisch ( ohne Neuladen) nur die entsprechenden Einträge angezeigt werden ( Es kann gerne JQuery oder dergleichen benutzt werden).

Nun ist meine Frage, ob ihr so ein Script kennt oder mir einen Anhaltspunkt geben könntet, wie so etwas heißt, damit ich suchen kann.

Vielen Dank im Voraus

Foto-Delight

 

[Chickenshooter]

AW: Dynamische Auflistung von DB-Einträgen

Frage vorweg kannst du mit php, jscript(ajax) umgehen?

MfG

 

[kleeaar]

AW: Dynamische Auflistung von DB-Einträgen

also: hast du in deiner DB irgendwo das Jahr der Einträge gespeichert,
wenn ja dann könntest du das praktisch so machen:

$auswahl="Select Eintrag FROM Tabelle WHERE Jahr='2008'";

dann wird dir nur die Datenausgegeben die aus dem Jahr 2008 stammen.
Diese Einträge pachst du dann in ein div, machst es display:none
und nutzt, wie du schon sagst JQuerey, um das Div, beim Drücke des Buttons, schön einzublenden...

Grüße

 

[Steve1405]

AW: Dynamische Auflistung von DB-Einträgen

Du könntest auch sowas in der Art verwenden:

 

[Foto-Delight]

AW: Dynamische Auflistung von DB-Einträgen

Also Php kann ich ziemlich gut und in Ajax arbeite ich mich grad ein.

@kleeaarr: Ja genau so habe ich mir es vorgestellt, ist mir aber bis jetzt noch zu schwer,das Ganze so zu realisieren, dass es schön ausschaut

@Steve1405: Vielen Dank!! Das ist zwar nicht genau das, was ich gesucht habe, erfüllt aber meine Ansprüche genauso und wird damit wahrscheinlich eingebaut

 

[TimeePic]

AW: Dynamische Auflistung von DB-Einträgen

Wieso soll denn das ganze unbedingt ohne Nachladen geschehen ?
Wenn ein Nachladen erlaubt wäre, könnte man so ein PHP Script binnen 30 Minuten erstellen.

 

[Foto-Delight]

AW: Dynamische Auflistung von DB-Einträgen

Ja mit nachladen geht es einfach. Da kann man auch von 3 Minuten ausgehen,
aber ich hab das ganze so schon. Ich bin nur grad dabei meine Seite zu refreshen und da find ich sowas schon ganz net xD

 

[Chickenshooter]

AW: Dynamische Auflistung von DB-Einträgen

Nutze prototype das ist ein Framework auf JScript basierend mit dem
kannst Du spielend Ajax Requests senden und dann Teile Deiner Seite
ohne Reload der Selbigen ersetzten verändern oder was auch immer mit JS
möglich ist.

Serverseitig schaffst Du Dir ne php Datei die diese REquests aufnimmt weiter-
verarbeitet und etwas zurück gibt in Deinem Fall z.B. nur alle Einträge von
2008.

Das Bsp. hinter dem Link hab ich mal für Dich kommentiert

die folgende Funktion ist Java-Script
function filtern(year)
{
   //die url an die der Request geschickt wird
   var url = 'http://deineSite.de/filter.php?y=' + year;

   //erzeugung eines neunen Ajax Request Objektes
   new Ajax.Request(url, {
     method: 'get', //übertragung mit get
     onSuccess: function(transport) 
     {
       //in deiner HTML Seite muss ein Container (DIV) mit der 
       // id filterDiv vorhanden sein 
       var anzeige = $('filterDiv');
       // wenn Text von deinem php script kommt dann wird dieser
       // in den Container gesetzt
       if (transport.responseText){
         anzeige.update(transport.responseText);
       }
     }
   });
}

so nun das PHP Script

if(isset($_GET['y']))
{
   $year = $_GET['y'];
   $sql="SELECT * FROM deineTabelle WHERE jahr=".$year;
   $result = mysql_query($sql,$connection);
   while($row = mysql_fetch_object($result))
   {
      // ab hier deine Ausgabe als Tabelle oder was immer Du willst
      // das komplette HTML "Gedönse" in eine Vafiable hier $s
      $s.="<p>".$row->jahr."</p>";
   }
   // so jetzt noch 
   echo $s;
   // das was echo jetzt ausgibt ist das was in der JS Funktion unter
   // transport.responseText zu finden ist.
}

die HTML Seite exemplarisch

<input type="button" onclick="filtern('2008');" value="2008" />
<div id="filterDiv">Keine Daten vorhanden</div>

MfG

 

[Foto-Delight]

AW: Dynamische Auflistung von DB-Einträgen

@ chickenshooter:

Ja perfekt, genau sowas habe ich gesucht und versucht hinzubekommen, aber da fehlts bei mir in Ajax noch^^
Danke