Werner-Zenk.de - Zur Startseite

JavaScript - Text mit einem Link markieren

Beispiel:
Markiere 1|3|5 - Markiere 2|4|6 - Markiere 3 - Markiere 2|5 - Markiere alles

1. Äpfel
2. Birnen
3. Bananen
4. Pflaumen
5. Kirschen
6. Orangen

<script>

// Text mit einem Link markieren

function Markiere(x) {
 var 
ID x.split(":");
 for (var 
0document.getElementsByTagName("dfn").lengthr++) {
  
document.getElementsByTagName("dfn")[r].style.backgroundColor="#FFFFFF";
 }
 for (var 
0ID.lengthi++) {
  
document.getElementById(ID[i]).style.backgroundColor="#FFFFB9";
 }
}
</
script>

<
a href="javascript:Markiere('a1:a3:a5');"Markiere 1|3|</a> - 
<
a href="javascript:Markiere('a2:a4:a6');"Markiere 2|4|</a> - 
<
a href="javascript:Markiere('a3');"Markiere 3 </a> - 
<
a href="javascript:Markiere('a2:a5');"Markiere 2|</a> - 
<
a href="javascript:Markiere('a1:a2:a3:a4:a5:a6');"Markiere alles </a> <br><br>

<
dfn id="a1"1. Äpfel </dfn><br>
<
dfn id="a2"2. Birnen </dfn><br>
<
dfn id="a3"3. Bananen </dfn><br>
<
dfn id="a4"4. Pflaumen </dfn><br>
<
dfn id="a5"5. Kirschen </dfn><br>
<
dfn id="a6"6. Orangen </dfn>

Bausteine

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - CSS-Variablen

PHP - Eine Ziffer entfernen

JavaScript - Suchen und Ersetzen

MySQL - Datensätze einer Tabelle zählen