Keskustelu: Nettisivujen teko: JS ja eventtien kuuntelu

OILgame [03.12.2009 17:46:47]

Mulla on html:lä tehty lista jossa niiden id:t menee painike_1, painike_2,... Koitan lisätä nyt niihin js:llä eventtejä, mutta en keksi miten saisin selville mitä painiketta oon painanut.

		document.getElementById("painike_"+i).addEventListener("mouseover", painike_paalle, false);
		document.getElementById("painike_"+i).addEventListener("mouseoout", painike_pois, false);

Juhis [03.12.2009 17:57:53]

jQuerylla onnistuu näin:

<div id="painike_1" class="painike"></div>
<div id="painike_2" class="painike"></div>
<div id="painike_3" class="painike"></div>
$("div.painike").mouseover(function() {
  alert("hiiri on painikkeen " + $(this).attr("id") + " päällä");
}).mouseout(function() {
  alert("hiiri ei ole enää " + $(this).attr("id") + " päällä");
});

Tai mikäli et halua/voi lisätä classia diveihin, niin voit käydä tietty käydä kaikki divit läpi.

<div id="painike_1"></div>
<div id="painike_2"></div>
<div id="painike_3"></div>
$("div").mouseover(function() {
  alert("hiiri on painikkeen " + $(this).attr("id") + " päällä");
}).mouseout(function() {
  alert("hiiri ei ole enää " + $(this).attr("id") + " päällä");
});

Metabolix [03.12.2009 18:06:12]

function painettu() {
  alert(this.id); // "nappi_1"
}
for (var i = 0; i < 10; ++i) {
  var nappi = document.getElementById("nappi_" + i);
  nappi.onclick = painettu;
}

OILgame [04.12.2009 18:26:58]

Toi metabolixin juttu oli juuri mitä hain, mutta tarvisi saada vielä IE toimimaan, kun kyseinen sivusto menee koulussa yhteen projektiin.

http://laasonen.net/js_testailuu/test1.html

Sain sen nyt toimimaan, mutta meni koodi kamalan epäkäteväksi :(
http://laasonen.net/js_testailuu/test2.html

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen