Создание jshover
Создание jshover
Вот пытаюсь сделать что-то подобное псевдокласа hover в CSS который работает только в Opera, только чтобы работал во всех браузерах
[HTML]<style>
.jshoverr {border: 2px #000 solid;}
</style>
<input id="elm" type="text">
<script type="text/javascript">
var element=document.getElementById("elm");
element.onmousemove=function() {this.className="jshoverr";}
element.onmouseout=function() {this.className=this.className.replace("jshoverr", "");}
</script>[/HTML]
как дописать цикл что бы допустим класс применялся ко всем input с любым id, а то если по ид не сильно удобно
Вот пытаюсь сделать что-то подобное псевдокласа hover в CSS который работает только в Opera, только чтобы работал во всех браузерах
[HTML]<style>
.jshoverr {border: 2px #000 solid;}
</style>
<input id="elm" type="text">
<script type="text/javascript">
var element=document.getElementById("elm");
element.onmousemove=function() {this.className="jshoverr";}
element.onmouseout=function() {this.className=this.className.replace("jshoverr", "");}
</script>[/HTML]
как дописать цикл что бы допустим класс применялся ко всем input с любым id, а то если по ид не сильно удобно
[HTML]<html>
<style>
.jshoverr {border: 2px #000 solid;}
</style>
<input id="elm" type="text">
<input id="elm1" type="text">
<input type="checkbox">
<script type="text/javascript">
var elements=document.getElementsByTagName("input");
for (var i=0; i<elements.length; i++) {
// for exclude non-textbox input elements ->
//if (elements.getAttribute("type").toLowerCase() != "text") continue;
// <-
elements.onmousemove=function() {
this.className="jshoverr";
}
elements.onmouseout=function() {
this.className=this.className.replace("jshoverr", "");
}
}
</script>
</html>[/HTML]
<style>
.jshoverr {border: 2px #000 solid;}
</style>
<input id="elm" type="text">
<input id="elm1" type="text">
<input type="checkbox">
<script type="text/javascript">
var elements=document.getElementsByTagName("input");
for (var i=0; i<elements.length; i++) {
// for exclude non-textbox input elements ->
//if (elements.getAttribute("type").toLowerCase() != "text") continue;
// <-
elements.onmousemove=function() {
this.className="jshoverr";
}
elements.onmouseout=function() {
this.className=this.className.replace("jshoverr", "");
}
}
</script>
</html>[/HTML]
DarkRebel Очень сильно благодарен )
