Such-Filter - Suchergebnis hervorheben

[Mary]

Ich möchte mit einem Such-Filter einen umfangreichen Text durchsuchen. Habe ich im Prinzip schon hinbekommen, doch wäre es nun sinnvoll, wenn das Suchergebnis innerhalb der langen Textpassagen hervorgehoben werden würde. Mit einer class oder einem <strong>-Element. Ist das möglich und wenn ja, wie?

Vielen Dank!

[Tim G]

Mhh... ganz spontan:
Den aktuellen Filterwert im catalog-liste Template über die Input-Klasse auslesen und dann, weiterhin im Template, bei der Ausgabe der Catalog-Felder nach diesem Wert in einem der Felder suchen und dem gefundenen Teil-String ein <span class="highlight">MEIN SUCHTEXT</span> verpassen.

[Mary]

Hmm ... könntest Du das für Nicht-Programmierkundige "übersetzen"? Was müsste ich in welches Template hineinschreiben?

Danke!

[Zero]

Tim G meint, dass standardmäßig beim verwenden des Suchmoduls Contao ein Span und die gefunden Wörter macht mit der css Klasse "highlight".

Diese einfach mit CSS -> "font-weight:bold" setzen fertig.

[Tim G]

Tim G meint, dass standardmäßig beim verwenden des Suchmoduls Contao ein Span und die gefunden Wörter macht mit der css Klasse "highlight".

Diese einfach mit CSS -> "font-weight:bold" setzen fertig.

Leider nicht. Die contao-suche vielleicht. Der catalog-filter macht das leider nicht. Das müsste schon händisch im Template gemacht werden. Ist nicht so aufwendig. Ich probier das am WE mal in einem catalog-template und dann poste ich den code.

[Mary]

Ja, wenn die Suchergebnisse im Catalog mit einer class oder mit einem HTML-tag versehen wären (so wie in der Contao-Suchmaschine), dann wüsste ich schon, was zu tun wäre :-).

@Tim G: Vielen Dank!

[Tim G]

Das sollte es tun.

<div class="field <?php echo $field; ?>">
    <div class="label"><?php echo $data['label']; ?></div>
    <div class="value"><?php echo $data['value']; ?></div>
</div>

ersetzen mit:

<div class="field <?php echo $field; ?>">
    <div class="label"><?php echo $data['label']; ?></div>
    <?php // wrap search text in span 
    if(strlen($this->Input->get('search')) > 0)
    {
        $data['value'] = str_replace($this->Input->get('search'), '<span class="highlight">'.$this->Input->get('search').'</span>', $data['value']);
    }
    ?>
    <div class="value"><?php echo $data['value']; ?></div>
</div>

Einfach in Dein catalog-liste Template einsetzen.

[Mary]

Sorry, dass ich mich erst jetzt zurückmelde.

Ja, vielen, vielen Dank!! funktioniert, ist aber noch case-sensitive. Der Catalog-Filter findet die Begriffe richtig, unabhängig von Groß-/Kleinschreibung. Die class wird aber nur genau dem Wert im input-Feld vergeben, berücksichtigt also die Groß-/Kleinschreibung. Lässt sich das noch ergänzen/beheben?

[Tim G]

Sorry, dass ich mich erst jetzt zurückmelde.

Ja, vielen, vielen Dank!! funktioniert, ist aber noch case-sensitive. Der Catalog-Filter findet die Begriffe richtig, unabhängig von Groß-/Kleinschreibung. Die class wird aber nur genau dem Wert im input-Feld vergeben, berücksichtigt also die Groß-/Kleinschreibung. Lässt sich das noch ergänzen/beheben?

Probiers mal damit.
http://www.php.net/manual/de/function.str-ireplace.php

[Mary]

Vielen Dank für Deine Hilfe!

Ich hab' nun einfach

... $data['value'] = str_replace($this->Input->get('search'), ... 

durch

... $data['value'] = str_ireplace($this->Input->get('search'),... 

ersetzt, was zur Folge hat, dass die Suchergebnisse entsprechend dem eingegebenen Wert im input-Feld konvertiert werden. Wenn ich "apfel" ins Suchfeld eingebe, konvertiert er im Suchergebnis "Apfel" zu "apfel".
Also noch nicht ganz das gewünschte Ergebnis ...

[Tim G]

Dann probier mal den:

<?php // wrap search text in span 
    if(strlen($this->Input->get('search')) > 0)
    {
        $preg = preg_match('/'.$this->Input->get('search').'/i', $data['value'],$match);
        if($preg)
        {
            $data['value'] = str_ireplace($this->Input->get('search'), '<span class="highlight">'.$match[0].'</span>', $data['value']);
        }
    }
    ?>

[Mary]

Ja, juhuu, das klappt, großartig!
Vielen, vielen Dank!!!