Frage Vor bestimmtem Wort ein Bild anzeigen?

[Willibergi]

Moinsen,
ich hätte da mal eine kleine Frage:
Kann ich mittels JavaScript vor einem bestimmten Wort ein bestimmtes Bild anzeigen lassen?
Sprich: Jedesmal, wenn das Wort lorem auf meiner Website auftaucht, soll das Bild ipsum.png davor angezeigt werden.
Mit der CSS-Pseudoklasse :before geht das ja, aber nur vor Tags, oder?
Danke schonmal im Voraus.
LG
Willibergi

 

[threadi]

Du könntest per JavaScript das Wort von einem span-Element umgeben lassen und dann die gewünschte Grafik per :before davor setzen.

 

[Willibergi]

Sorry, dass ich so doof fragen muss, aber:
Wie mache ich das?

1. Wie bekomme ich das Wort? Ich kann ja mit document.getElementById nur Elemente mit ID auslesen und mit document.getElementsByTagName nur Tags, oder?
2. Wie umgebe ich das Element?

Ich bin leider kein JavaScript-Profi.
LG Thomas
PS: Du meinst wahrscheinlich ein span-Element mit einer Klasse, oder?

 

[Sempervivum]

Wie bekomme ich das Wort?

Dazu musst Du auf die Textnodes zugreifen:
https://api.jquery.com/contents/
http://jsfiddle.net/Sempervivum/m7rvo9mh/
Etwas anders als Threadi beschrieben hat, funktioniert aber.

 

[threadi]

Mit folgendem Script kann man E-Mail-Adressen im Text verlinken:

text.replace(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)(\ |<|\")/g,"<a href='mailto:$1'>$1</a>");

Ähnlich kann man es sicher mit einzelnen Wörtern auch machen :)

 

[Willibergi]

Danke!
Ich habe aber noch eine Frage: Was bedeutet das \g nach der replace-Methode?

 

[threadi]

Das ist ein Schalter für "global". Wenn das gesuchte Wort mehrfach vorkommt, wird es auch mehrfach ersetzt. Ohne den Schalter würde nur das 1. Vorkommen ersetzt werden.