Glossarlinks hinzufügen
oink
- javascript
0 ritschmanhard0 oink
Hallo liebe Webdesignexpertencommunity,
angenommen ein php-Script gebe so etwas aus:
<html>
...
<body>
<p>Dies ist eine Testseite.</p>
<!-- Infobox -->
<div class="test">Die Hypertext Markup Language (HTML, engl. Hypertext-Auszeichnungssprache), oft auch kurz als Hypertext bezeichnet, ist eine textbasierte Auszeichnungssprache zur Darstellung von Inhalten wie Texten, Bildern und Hyperlinks in Dokumenten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von einem Webbrowser dargestellt. (aus Wikipedia "HTML")</div>
<!-- Infobox Ende -->
<p>Hier geht der normale Text weiter und es ist möglich, dass Begrifflichkeiten wie HTML vorkommen ....</p>
</body></html>
Nun würde ich gerne ein Javascript am Ende der Seite einbinden, das vordefinierte Begriffe innerhalb der DIVs (class="test") auf entsprechende Glossareinträge verlinkt. Ich hätte also eine Liste wie
"HTML","World Wide Web","Wikipedia","Webbrowser"
Wird einer dieser Begriffe innerhalb eines solchen DIVs gefunden, so soll er auf http://.../glossar.php?thema=BEGRIFF verlinkt werden. Wie könnte ich das bewerkstelligen? Ich bräuchte irgendwie sowas hier:
[Pseudocode]
befehlsliste = array('HTML',...);
do {
infobox = document.GetElementByClass('test');
if infobox <> false {
for i = 1 to count(befehlsliste) {
infobox.text.replace (befehlsliste[i],'http://.../glossar.php?thema='+befehlsliste[i]);
}
}
} while (infobox <> false);
[/Pseudocode]
Gäbe es dafür eine Möglichkeit? An den php-Code würd ich nur ungern rangehen, weil es sich dabei um eine Standardsoftware handelt, die alle paar Wochen über eine Art Autoupdate aktualisiert wird. Die Codeänderungen wären weg, während ich das Javascript im bleibenden Template unterbringen könnte.
Vielleicht könnt ihr mir ja helfen. :-)
Danke euch schon mal! ;-)
Hallo oink!
Gute Nachrichten: Das Alles geht mit Javascript.
Dich interessieren in diesem Zusammenhang Dinge wie document.getElementsByTagName http://de.selfhtml.org/javascript/objekte/document.htm
und das dazugehörige node Objekt (selbe Seite unten) wegen des Class Attributs.
Anschliessend interessierst du dich für innerHTML, und auch für search
und unter Umständen auch für split & join.
Danach interessiert dich nochmal innerHTML und fertig ist das Ganze.
Die Liste aller JS Befehle findest du hier: http://de.selfhtml.org/navigation/syntax.htm#javascript
Grüsse, Richard
Gute Nachrichten: Das Alles geht mit Javascript.
Dich interessieren in diesem Zusammenhang Dinge wie document.getElementsByTagName http://de.selfhtml.org/javascript/objekte/document.htm
und das dazugehörige node Objekt (selbe Seite unten) wegen des Class Attributs.
Anschliessend interessierst du dich für innerHTML, und auch für search
und unter Umständen auch für split & join.
Danach interessiert dich nochmal innerHTML und fertig ist das Ganze.
Die Liste aller JS Befehle findest du hier: http://de.selfhtml.org/navigation/syntax.htm#javascript
Vielen Dank, ich bin auf dem Weg zur Lösung! :-) Wenn man weiß, wonach man suchen muss, erscheint's gar nicht mehr so unlöslich. Danke nochmals!