|
|||
Bei mouseover einzelne Zeile färben
Hallo zusammen!
Wie ganze <p>-Absätze zu färben sind, ist klar. Aber wie nur die einzelne Zeile gefärbt werden könnte, das ist das Rätsel. Ich stand gerade vor der Aufgabe, den Text lesen zu wollen und da dort kaum Absätze drin sind, tu ich mir da sehr schwer beim Zeilensprung. Und dann kam mir die Idee: es müsste doch möglich sein, eine Art "Lesehilfe" mit CSS und JS zu gestalten, dass die vertikale Mausposition abfragt und die jeweilige Zeile markiert. Nun zur Frage: hat jemand eine Idee/Ansatz/Lösung oder kennt jemand, der von einem gehört hat der das mal auch gedacht hat? Liebe Grüße Chrisso |
Sponsored Links |
Sponsored Links |
|
|||
Hi Chrisso
aus der logischen Überlegung heraus, sage ich die Sache geht gar nicht. 1.) JavaScript müsste wissen wo die Zeile anfängt und wo sie endet. Dieses geht jedoch auch aus dem Quelltext nicht hervor, denn dort sind die Zeilenumbrüche ganz anders als auf der Website angezeigt. 2.) JavaScript müsste die Zeile genau ansprechen, wofür es meiner Meinung nach keinen Selector gibt. So weit die technischen Hürden. Weiter finde ich es eine Zumutung, dass der Besucher den Text Zeilenweise mit der Maus abfahren soll, nur um ihn zu lesen. Ein weit aus bessere Lösung wäre, den Text gleich richtig zu formatieren. Also rechtzeitig neue Absätze und Zeilenumbrüche zu nutzen und so das Lesen zu vereinfachen und nicht ein komplettes Kapitel in einen Absatz zu stecken. Falls du trotzdem nicht von deiner Idee abzubringen bist, wie wäre es wenn du den Cursor als halbtransparente Grafik machst und so die Schrift einfärbst? Hie mal ein Link dazu: Selfhtml, Cursor mit eigener Grafik Gruß Webcoder |
|
|||
Zitat:
Eh klar, der Text bleibt komplett sichtbar, nur die Zeile soll halt markiert werden. Stufenlos gar kein Thema, aber mit den Sprungwerten - ich für meinen Teil kriege das in JS wohl nicht hin. Hm. Danke für euren Input! LG Chrisso |
|
|||
Schau mal: http://jsbin.com/avuku/15
Aber irgendwie finde ich, dass diese Highlighter mit der Zeit recht nervig werden. |
|
|||
Juhuuuuuuuuu!
Danke für den Link, das ist so was von toll und funktioniert prima!
Klar, das Lineal muss schon optional zugeschaltet werden und auch dann nur ganz diskret Noch mal DANKE!!! |
Stichwörter |
css, mouseover |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tabellen Zeile einlesen, einzelne Zelle auslesen | s3rial_ | Javascript & Ajax | 4 | 29.07.2010 12:14 |
Sitecheck für Urlaubsunterkunft in Kroatien | Miso | Site- und Layoutcheck | 11 | 19.10.2008 21:53 |
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) | NEOX | Offtopic | 10 | 17.07.2008 18:11 |
Einzelne Zeile im Umbruch bei float vermeiden | wuschba | CSS | 6 | 19.10.2006 17:36 |
Mouseover für ne ganze Zeile einer Tabelle... | goldenboy | CSS | 2 | 01.10.2006 18:11 |