DerAsmo: Einfärbung von Textteilen

Beitrag lesen

SELF-Forum

Einfärbung von Textteilen

DerAsmo
– Informationen zu den Bewertungsregeln

Vielen Dank. So wars dann doch einfacher. Die Variante mit dem getElementsByClassName hatte ich dann doch nicht hinbekommen.

So funktionierts:

<html>  
 <head>  
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
	<title>Checkboxtest</title>  
  
<script type="text/javascript">  
  function MachFarbig() {  
    if (document.Auswahl.Farbe[0].checked) { document.body.className = "highlightRed"; }  
    if (document.Auswahl.Farbe[1].checked) { document.body.className = "highlightGreen"; }  
    if (document.Auswahl.Farbe[2].checked) { document.body.className = "highlightBlue"; }  
}  
</script>  
  
<style type="text/css">  
  .highlightRed .redText { background-color: #ff0000; }  
  .highlightGreen .greenText { background-color: #00ff00; }  
  .highlightBlue .blueText { background-color: #0000ff; }  
</style>  
  
 </head>  
 <body>  
  
	<form name="Auswahl">  
  	  <p>  
	    <input type="radio" onclick="MachFarbig()" name="Farbe" value="red"> Rot  
	    <input type="radio" onclick="MachFarbig()" name="Farbe" value="green"> Gruen  
	    <input type="radio" onclick="MachFarbig()" name="Farbe" value="blue"> Blau  
	  </p>  
	</form>  
  
	<div style="width:70%;">  
	  <strong>Text.</strong>  
	  <p style="text-align:justify; text-size:11pt; margin-top:5px">  
	    Hier steht ein langer Text. Bei Auswahl der Checkboxen soll an verschiedenen Textstellen die Hintergrundfarbe gewechselt werden, wenn die entsprechende Box gesetzt ist. Das Wort <span class="redText">Rot</span> soll immer einen roten Hintergrund haben, <span class="greenText">Gruen</span> soll einen gruenen Hintergrund bekommen und <span class="blueText">Blau</span> entsprechend einen blauen Hintergrund. <span class="redText">Rot</span>, <span class="greenText">Gruen</span> und <span class="blueText">Blau</span>.  
	  </p>  
	</div>  
 </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln