Есть много <div>
, разных классов, всего 49 классов.
Как сделать так, чтобы при наведении на один <div>
все <div>
этого класса изменяли border
, ну точнее он появлялся красного цвета.
Я сделал так:
var all = document.getElementsByTagName("DIV"); for(var i=0;i<all.length;i++){
if(all[i].className!=''){
all[i].onmouseover = function(e) {
this.style.border = "2px solid red";
for(var j=0;j<all.length;j++){
if(all[j].className==this.className){
all[j].style.border = "2px solid red";
stopBubble(e);
}
}
};
all[i].onmouseout = function(e) {
this.style.border = "0px";
for(var j=0;j<all.length;j++){
if(all[j].className==this.className){
all[j].style.border = "0px";
stopBubble(e);
}
}
};}
Я чувствую, что это по-ламерски сделано, но не знаю как по-другому... К тому же в IE он тормозит...