[dhtml]hoe onmouseclick goed toevoegen.

[paragon]

Ik heb hier het volgende stukje code en daar wil in een onmouseclick aantoevoegen. Hierbij moeten dan ook bij het optreden van een mousclick de andere mogelijkheden gecanceled worden anders gebeurt er natuurlijk niks. Ik heb zelf alleen geen flaauw idee hoe dit moet gebeuren.

code:

function addRollOver() {
    if (cb) {
        var spanArr=document.getElementsByTagName("span");
        for (var i=0; i<spanArr.length; i++) {
              var el = spanArr[i];
              if (el.className == "tab") {
                    el.onmouseover = function() {
                        this.className = "tabover";
                    }
                    el.onmouseout = function() {
                        this.className = "tab";
                  }
            }
        }
    }
    else {
        alert ('behaviour error');
    }
}

Het simpel toevoegen van:

code:

el.onmouseclick = function() {
      this.className = "tabact";
}

heeft dan ook geen effect.

[Verwijderd]

Lees dan eens een reference guide door, en zie dat het onclick moet zijn.

[paragon]

Op dinsdag 16 april 2002 20:32 schreef Cheatah het volgende:
Lees dan eens een reference guide door, en zie dat het onclick moet zijn.

Klopt maar dan moet nogsteeds de onmouseout gecanceled worden ander werkt het nogsteeds niet.

[Verwijderd]

Op dinsdag 16 april 2002 20:38 schreef paragon het volgende:

Klopt maar dan moet nogsteeds de onmouseout gecanceled worden ander werkt het nogsteeds niet.

Je kunt toch wel met doot een variabele te setten weten of er al geklikt is, zo ja dan niet meer de onmouseout uitvoeren?

Het is echt niet meer dan een variabele en een if-statement.

[paragon]

Stom niet meer aan gedacht omdat ik dat ook al had met onmouseclick maar ik heb nu het volgende:

code:

function addRollOver() {
    var click = 0;
    if (cb) {
        var spanArr=document.getElementsByTagName("span");
        for (var i=0; i<spanArr.length; i++) {
              var el = spanArr[i];
              if (el.className == "tab") {
                    el.onmouseover = function() {
                        if (click != 1) {this.className = "tabover";}
                    }
                    el.onmouseout = function() {
                        if (click != 1) {this.className = "tab";}
                    else {click = 0;}
                  }
                el.onclick = function() {
                        this.className = "tabact";
                    click = 1;
                  }
            }
        }
    }
    else {
        alert ('behaviour error');
    }
}

doet nog niet helemaal wat ik wil maar het begint er op te lijken