Ich habe eine Tabelle mit Daten mit mehreren Spalten. Eine davon ist eine Kommentarspalte mit unterschiedlicher Länge des Textes. Einige Kommentare sind sehr kurz, aber einige von ihnen können ziemlich lang sein. Jetzt zeige ich nur die ersten 50 Zeichen des Kommentars an und lege den Originaltext in das "title" -Attribut, damit die Benutzer den ganzen Wert noch lesen können.
Durch das Abschneiden der Zeichenkette sieht die Tabelle gut aus, aber Benutzer können jetzt (im Browser STRG + F) nichts im Rest des abgeschnittenen Textes finden.
Meine Idee ist also, den gesamten Kommentar im Quellcode zu verstecken, aber für den Suchmechanismus des Browsers sichtbar zu machen. Ist es irgendwie möglich? Was schlägst du vor?
Danke!
Einfache / lustige Lösung:
Setzen Sie das Kommentarcontainer-CSS auf overflow:hidden; oder overflow:scroll; und legen Sie bei Bedarf die Breite und Höhe für den Container fest. Sollte nur einen Teil des Textes für die Benutzer anzeigen, kann aber vom Browser vollständig gelesen werden.
Nun, darüber nachdenken ... Was macht der Browser, wenn Sie die Suchfunktion verwenden? Es scrollt zu dem gefundenen Text und wählt ihn aus. Wie ist das möglich, wenn der Text nicht sichtbar ist? Ich kann mir nicht vorstellen, dass das funktionieren könnte. Die einzige Option, die ich mir vorstellen kann, ist, eine eigene Suchfunktion zu implementieren, die den Browser außer Kraft setzt. Es würde nach geposteten Kommentaren suchen und den Text genau so finden wie der Browser, außer dass es in der Lage wäre, durch den verborgenen Text und zu schauen, der es möglicherweise erweitert. Um herauszufinden, wie genau der Suchvorgang des Browsers überschrieben werden soll, könnten Sie möglicherweise an Strg + F und an diese Bindung return false binden, um zu verhindern, dass der Browser seine Suche verwendet. Ich weiß nicht, ob das funktionieren würde, es ist nur eine Idee. Wie du schon sagtest, besteht das grundlegende Problem darin, dass der Browser keinen versteckten Text durchsuchen kann, und ich weiß nicht, wie ich das tun kann.
Ich kann mir nicht vorstellen, dass es ohne Dirty-Tricks möglich ist, wie Schriftgröße: 0.1px oder so. Sie können Ihren Benutzern die Möglichkeit geben, den Text in voller Größe anzuzeigen oder hierfür eine eigene Suchfunktion zu implementieren. Warum sollte ein Benutzer Ergebnisse erwarten, die die native Suchmaschine für Daten verwenden, die für ihn nicht vorhanden sind? Sie könnten an CTRL-F binden, aber vielleicht hat jemand die Tastatur geändert oder benutzt das Menü, das ist eine Sackgasse für mich.
Keine gute Antwort, aber gut: Es gibt einen Fehler in Webkit und vielleicht anderen Engines. Wenn Sie den Text auf white-space: nowrap; und overflow: hidden; setzen, wird er optisch abgeschnitten, erscheint aber wieder, wenn im versteckten Text ein Suchtreffer gefunden wurde.
Ich habe seit sechs Jahren eine ähnliche Technik verwendet, um Text vor Schaltflächen zu verbergen, die mit einem Hintergrundbild versehen sind:
%Vor%Tags und Links javascript html