Peter: Klassenerweiterung eines Java-Script

Beitrag lesen

SELF-Forum

Klassenerweiterung eines Java-Script

Peter
– Informationen zu den Bewertungsregeln

hab's schon, wen's interessiert:

  
<html>  
<head>  
<title>Unbenannt</title>  
  
<style type="text/css">  
<!--  
a {  
   font-family: Verdana, Arial;  
   text-decoration: none;  
}  
  
.diagrammOn {  
   color: #FFFFFF;  
   background-color: #AA00AA;  
}  
  
.diagrammOff {  
   color: #000000;  
   background-color: #EEEEEE;  
}  
  
-->  
</style>  
  
  
<script type="text/javascript">  
  
// Anzahl der Links pro Gruppe  
var linkCount = 3  
  
function changeClass(wo, gruppe) {  
   // Alle Links in der Gruppe zurücksetzen  
   for(i = 1; i <= linkCount; i++) {  
      if(document.getElementById("link_"+gruppe+"_"+i))  
         document.getElementById("link_"+gruppe+"_"+i).className = "diagrammOff";  
   }  
   // Ausgewählter Link  
   wo.className = "diagrammOn";  
}  
  
</script>  
  
</head>  
  
<body>  
  
  
<a href="#" class="diagrammOn" onclick="changeClass(this,'a')" id="link_a_1">bla 1</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="changeClass(this,'a')" id="link_a_2">blö 1</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="javascript:changeClass(this,'a')" id="link_a_3">blub 1</a>  
<br><br>  
  
  
  
<br><br><br><br><br>  
  
  
<a href="#" class="diagrammOn" onclick="changeClass(this,'b')" id="link_b_1">bla 2</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="changeClass(this,'b')" id="link_b_2">blö 2</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="changeClass(this,'b')" id="link_b_3">blub 2</a>  
  
  
<br><br><br><br><br>  
  
  
<a href="#" class="diagrammOn" onclick="changeClass(this,'c')" id="link_c_1">bla 3</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="changeClass(this,'c')" id="link_c_2">blö 3</a>  
<br><br>  
<a href="#" class="diagrammOff" onclick="changeClass(this,'c')" id="link_c_3">blub 3</a>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln