Isolieren von Style-Angaben und Javascript

[Patrick Andrieu]

Hallo molily!

Ich wollte meinen Ansatz posten, da hattest Du schon geantwortet. Aber da ich dabei eine Frage habe, poste ich ihn dennoch (ätsch!):

Ausgehend von drei mit Texten zu befüllenden Elementen »interaktiv1 - interaktiv3«:

<script type="text/javascript">

var texts= new Array ("Hallo Welt!", "Huhu Leute!", "Hi folks!");  
var id_namepart = "interaktiv";  
  
window.onload = start;  
var i;  
  
function start () {  
  for (i = 1; i <= 3; i++) {  
     document.getElementById(id_namepart + i).onclick = function () {  
       var num = this.id.substr(10,1);  //  
       this.innerHTML += texts[num-1];  
     };  
  }  
}

</script>

Mir gefällt die Lösung mit substr() nicht, aber in der inneren Funktion hat i schon der Wert 4 (Schleife durchlaufen).

Gut, war keine Frage jetzt, und es kommt zum gewünschten Ergebnis, doch hoffe ich vielleicht auf etwas Eleganteres ;)

Viele Grüße aus Frankfurt/Main,
Patrick