ecklvo: getElementsbyTagName && zwei Funktionen aufrufen-Problem

SELF-Forum

getElementsbyTagName && zwei Funktionen aufrufen-Problem

ecklvo
– Informationen zu den Bewertungsregeln

hallo wieder - wieder hallo!

Funktion im Skriptbereich:
 function changebc_0() {
//  for(var i = 2; i < document.getElementsByTagName("div").length; i++) {
   document.getElementsByTagName('div').style.borderColor='#FFFFFF';
//  }
 }

function changebc_1(i) {
//  for(var i = 2; i < document.getElementsByTagName("div").length; i++) {
   document.getElementsByTagName('div')[i].style.borderColor='#000000';
//  }
 }

Funktionsaufruf:
<div id="list01" style="margin-left:-4px; padding-left:4px; padding:3px; border:1px solid #FFFFFF;" onmouseover="changebc_0();changebc_1(2);">
 <span style="font-size: 10px;">2002.01</span><br>
 <a href="pr.1130_-_2330.html" target="project_frame" class="index" onfocus="if(this.blur)this.blur()" title="Projekt: 11:30 | 23:30&#10;Kategorie: Bewegtbild">11:30 | 23:30</a><br>
</div>

ich in meiner jugendlichen Dummheit dachte, der Browser arbeitet die Funktionen nacheinander ab und zwar nur EINMAL, dann hätte das vielleicht funktioniert...

aber das ganze geht nicht (Mozilla && IE 6) alles was unter IE5 ist kann VERGESSEN werden.

weiß wer wie man das lösen könnte
der um jeden ansatz dankbare e.

URL: http://students.fh-joanneum.at/ecklvo/archiv/projektindex.html

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. getElementsbyTagName && zwei Funktionen aufrufen-Problem

    MichelM Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Auch hallo,

    kleiner Denkfehler:
    documnet.getElementsByTagName gibt ein Array zurück:

    if(document.getElementById){
    DivArray=document.getElementsByTagName("DIV");
    }

    function changebc_0() {
      for(var i = 2; i < DivArray.length; i++) {
       DivArray[i].style.borderColor='#FFFFFF';
      }
     }

    function changebc_1(i) {
      {
       DivArray[i].style.borderColor='#000000';
      }
     }

    Besser wäre aber der Aufruf mit document.getElementById("list01").style.color="#000000"

    möchtest Du den Tag selber ändern, geht das mit this:
    onmouseover='this.style.color="#00000";this.style.backgroundColor="#FFFFFF";'

    und ggf. zusätzlich so:
    <style type="text/css">
    A:link{color:#FFFFFF;background-color:#000000;}
    A:hover{color:#00000;background-color:#FFFFFF;}
    </style>

    Funktionsaufruf:

    <div id="list01" style="margin-left:-4px; padding-left:4px; padding:3px; border:1px solid #FFFFFF;" onmouseover="changebc_0();changebc_1(2);">
    <span style="font-size: 10px;">2002.01</span><br>
      <a href="pr.1130_-_2330.html" target="project_frame" class="index" onfocus="if(this.blur)this.blur()" title="Projekt: 11:30 | 23:30&#10;Kategorie: Bewegtbild">11:30 | 23:30</a><br>
    </div>
    Vielleicht hilft das erstaml weiter..

    Gruss

    Michael

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln