Ergebnis 1 bis 2 von 2

Thema: Suchergebnisse ausblenden

  1. #1
    Neuer Benutzer
    Registriert seit
    04.03.2014
    Beiträge
    9

    Suchergebnisse ausblenden

    Hallo! Eine Anfängerfrage.... Ich suche per JavaScript in einer Liste nach einer Artikelnummer. Dort wird ein kleines thumbnail des Artikels angezeigt.


    Beispiel der Liste:

    PHP-Code:
    <div class='produkt'>
    <
    div class='name'>4900053354</div>
    <
    a href='library/anzeigen.php?4900053354'><img class='thumb' src='daten/thumb/4900053354'><img src='../styles/lupe.jpeg' width=20></a></div>
    <
    div class='produkt'>
    <
    div class='name'>4900055381</div>
    <
    a href='library/anzeigen.php?4900055381'><img class='thumb' src='daten/thumb/4900055381'><img src='../styles/lupe.jpeg' width=20></a></div>
    <
    div class='filter'

    Die Suche:

    PHP-Code:
                if (window.location.search != "") {
                    var 
    suche window.location.search.split("=");
                    var 
    suchtext unescape(suche[1]);
                  var 
    bodyTag document.getElementsByClassName("name");
                    for (var 
    0bodyTag.length; ++i) {
                        
    bodyTag[i].innerHTML bodyTag[i].innerHTML.replace(new RegExp(suchtext"gi"),
                                
    '<span class="markiert">' +
                                
    bodyTag[i].innerHTML.substr(bodyTag[i].innerHTML.search(new RegExp(suchtext"gi")), suchtext.length) +
                                
    '</span>');
                    }
                } 
    Das klappt auch, das die gefunden Artikel eine andere Klasse kriegen und farbig hinterlegt werden.

    Frage: Wie krieg ich es mit JQuery hin, dass die anderen Produkte die nicht die Klasse "markiert" erhalten haben, ausgeblendet werden.

    DANKE !

    Franke

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.693
    $('.product:not(.markiert)').hide();

    Vorausgesetzt deine Produkt hat auch tatsächlich direkt die Klasse markiert, oben in deinem Code sieht es so aus als wenn du einen <span> mit der Klasse hinzufügst.
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •