Я совершенно новый с JS, и это мой первый пост здесь ... Я пытаюсь создать сетку изображений (все равно), и мне это нужно, когда пользователь нажимает на один из них, функция выполняется. Надеюсь, мой код не беспорядок:JS: сетка изображений и событие onclick
cellWidth = 42;
cellHeight = 42;
rownumber = 10;
columnnumber = 15;
leftmargin = 500;
topmargin = 150;
for (var i = 0; i < rownumber; i++) {
for (var x = 0; x < columnnumber; x++) {
var cell = new Image();
cell.src = "black.png";
cell.style.position = "absolute";
cell.id = x+"x"+i;
cell.style.left = x * cellWidth + leftmargin - cellWidth*i;
cell.style.top = i * cellHeight + topmargin;
cell.onclick=function(){alert("Hello World")};
document.body.appendChild(cell);
}
}
Я попытался с cell.addEventListener
тоже, но ничего не произошло.
EDIT: так или иначе, это нормально работает на firefox. Есть что-то не так с моим кодом или с моим браузером?!?!
Нет ... Я уже положил его в корпус ... Кроме того, консоль полностью немой! EDIT: что это ... работает на firefox! – user3263713
В каком браузере он НЕ работает? –
Да, вы правы, извините. Я пробовал хром и firefox, и он работает только на firefox. Это не на хроме. – user3263713