Gathering of Tweakers

X-trace

X-trace — Sun, 06 May 2007 19:43:05 GMT

crisp schreef op zaterdag 05 mei 2007 @ 16:56:
[...]

Jep, iets als:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
thisLink.addEventListener("click", generateClickHandler(grad[i]), true);

// ...

function generateClickHandler(waarde)
{
  return function()
  {
    alert(waarde);
  }
}
sorry, ik klikte eerst op 'edit' ipv 'quote'

Dank...is inderdaad de oplossing!

crisp

crisp — Sat, 05 May 2007 14:56:43 GMT

X-trace schreef op zaterdag 05 mei 2007 @ 16:25:
Dus op dezelfde manier als elem() ?

Jep, iets als:

JavaScript:

thisLink.addEventListener("click", generateClickHandler(grad[i]), true);

// ...

function generateClickHandler(waarde)
{
  return function()
  {
    alert(waarde);
  }
}

sorry, ik klikte eerst op 'edit' ipv 'quote'

X-trace

X-trace — Sat, 05 May 2007 14:25:39 GMT

Dus op dezelfde manier als elem() ?

crisp

crisp — Sat, 05 May 2007 14:22:58 GMT

De variabele i is ook beschikbaar in die functie, maar aangezien het een referentie betreft heeft die voor elke listener dezelfde waarde (namelijk die van gradaties.length).
Je zal dus eea expliciet moeten scopen, bijvoorbeeld door de eventListener door een aparte functie te laten toekennen.

Joolee

Joolee — Sat, 05 May 2007 14:19:05 GMT

De variable grad is wel beschikbaar in die functie, alleen de variable i niet. Een oplossing weet ik zo snel niet maar ik zal even tussen mijn scripts kijken.

//Edit:
Wat je eventueel zou kunnen doen is een attribuut toevoegen aan de anchors met de waarde van variable i erin. Binnen de functie kun je dat attribuut oproepen met this.attribuut. Echt netjes is het alleen niet denk ik.

X-trace

X-trace — Sat, 05 May 2007 14:11:13 GMT

heb script dat in een for loop een EventListener moet toevoegen aan een link. De variabele die ik dan opvraag in de functie ziet hij blijkbaar niet.

readCookie is een functie dat een cookie op haalt.
gradaties is een array
arrays grad (is een split van cookie) en gradaties zijn even lang

code:

function elem(tag,content) {
    var newElement = document.createElement(tag);
    newElement.innerHTML = content;
    return newElement;
}

var grad = readCookie('grad').split(';');
    for(i=0;i<=(gradaties.length-1);i++) {
        var thisLink = '';
        thisLink = elem("a","» "+gradaties[i][0]+" "+grad[i]+"
");
        thisLink.setAttribute("href", 'javascript:;');
        thisLink.addEventListener("click", function(){ if(grad[i]==0) { alert('0'); } if(grad[i]==1) { alert('1'); } }, true);
        document.body.appendChild(thisLink);
    }

Probleem zit hem in "thisLink.addEventListener("click", function(){ } )". Als ik hier in de function() {} de variabele grad[i] opvraag werkt dit niet. In dit geval alert hij dus niets...