Anzeige

Dynamische Auflistung von DB-Einträgen

Dynamische Auflistung von DB-Einträgen | PSD-Tutorials.de

Erstellt von Foto-Delight, 21.02.2010.

  1. Foto-Delight

    Foto-Delight kleines Helferlein

    Dabei seit:
    21.11.2006
    Beiträge:
    542
    Geschlecht:
    männlich
    Software:
    Cs3, Terragen
    Kameratyp:
    D40x
    Dynamische Auflistung von DB-Einträgen
    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
     
    #1      
  2. Chickenshooter

    Chickenshooter Alter Mann

    Dabei seit:
    08.02.2007
    Beiträge:
    431
    Geschlecht:
    männlich
    Ort:
    127.0.0.1
    Software:
    IBM-kompatiblen PC, Mal- und Schreibprogramme
    Kameratyp:
    ...eine zum Durchgucken
    Dynamische Auflistung von DB-Einträgen
    AW: Dynamische Auflistung von DB-Einträgen

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

    MfG
     
    #2      
  3. kleeaar

    kleeaar zwo-eins-risiko!

    1
    Dabei seit:
    26.03.2008
    Beiträge:
    2.766
    Geschlecht:
    männlich
    Kameratyp:
    Samsung GX 1L
    Dynamische Auflistung von DB-Einträgen
    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:
    PHP:
    1.  
    2. $auswahl="Select Eintrag FROM Tabelle WHERE Jahr='2008'";
    3.  
    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
     
    #3      
  4. Steve1405

    Steve1405 ready

    Dabei seit:
    07.05.2007
    Beiträge:
    119
    Geschlecht:
    männlich
    Dynamische Auflistung von DB-Einträgen
    #4      
  5. Foto-Delight

    Foto-Delight kleines Helferlein

    Dabei seit:
    21.11.2006
    Beiträge:
    542
    Geschlecht:
    männlich
    Software:
    Cs3, Terragen
    Kameratyp:
    D40x
    Dynamische Auflistung von DB-Einträgen
    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
     
    #5      
  6. TimeePic

    TimeePic Nicht mehr ganz neu hier

    Dabei seit:
    10.01.2010
    Beiträge:
    88
    Geschlecht:
    männlich
    Software:
    phpDesigner
    Kameratyp:
    Nikon D60
    Dynamische Auflistung von DB-Einträgen
    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.
     
    #6      
  7. Foto-Delight

    Foto-Delight kleines Helferlein

    Dabei seit:
    21.11.2006
    Beiträge:
    542
    Geschlecht:
    männlich
    Software:
    Cs3, Terragen
    Kameratyp:
    D40x
    Dynamische Auflistung von DB-Einträgen
    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
     
    #7      
  8. Chickenshooter

    Chickenshooter Alter Mann

    Dabei seit:
    08.02.2007
    Beiträge:
    431
    Geschlecht:
    männlich
    Ort:
    127.0.0.1
    Software:
    IBM-kompatiblen PC, Mal- und Schreibprogramme
    Kameratyp:
    ...eine zum Durchgucken
    Dynamische Auflistung von DB-Einträgen
    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

    PHP:
    1.  
    2.  
    3. die folgende Funktion ist Java-Script
    4. function filtern(year)
    5. {
    6.    //die url an die der Request geschickt wird
    7.    var url = 'http://deineSite.de/filter.php?y=' + year;
    8.  
    9.    //erzeugung eines neunen Ajax Request Objektes
    10.    new Ajax.Request(url, {
    11.      method: 'get', //übertragung mit get
    12.      onSuccess: function(transport)
    13.      {
    14.        //in deiner HTML Seite muss ein Container (DIV) mit der
    15.        // id filterDiv vorhanden sein
    16.        var anzeige = $('filterDiv');
    17.        // wenn Text von deinem php script kommt dann wird dieser
    18.        // in den Container gesetzt
    19.        if (transport.responseText){
    20.          anzeige.update(transport.responseText);
    21.        }
    22.      }
    23.    });
    24. }
    25.  
    so nun das PHP Script

    PHP:
    1.  
    2. if(isset($_GET['y']))
    3. {
    4.    $year = $_GET['y'];
    5.    $sql="SELECT * FROM deineTabelle WHERE jahr=".$year;
    6.    $result = mysql_query($sql,$connection);
    7.    while($row = mysql_fetch_object($result))
    8.    {
    9.       // ab hier deine Ausgabe als Tabelle oder was immer Du willst
    10.       // das komplette HTML "Gedönse" in eine Vafiable hier $s
    11.       $s.="<p>".$row->jahr."</p>";
    12.    }
    13.    // so jetzt noch
    14.    echo $s;
    15.    // das was echo jetzt ausgibt ist das was in der JS Funktion unter
    16.    // transport.responseText zu finden ist.
    17. }
    18.  
    die HTML Seite exemplarisch

    HTML:
    1.  
    2. <input type="button" onclick="filtern('2008');" value="2008" />
    3. <div id="filterDiv">Keine Daten vorhanden</div>
    4.  
    MfG
     
    #8      
  9. Foto-Delight

    Foto-Delight kleines Helferlein

    Dabei seit:
    21.11.2006
    Beiträge:
    542
    Geschlecht:
    männlich
    Software:
    Cs3, Terragen
    Kameratyp:
    D40x
    Dynamische Auflistung von DB-Einträgen
    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
     
    #9      
Seobility SEO Tool
x
×
×