Foros del Web - Ver Mensaje Individual

emprear · #8 (**permalink**) 04/04/2013, 18:21

Lo más práctico en js puro, requeriría alterar un poco la estructura pero sería lo más simple, se puede hacer igual sin agregar ese div extra, pero ya es más complicado

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function cambiaColor(e){
if (document.all && document.querySelector && !document.addEventListener) { // <-- compatibilidad IE8
e.previousSibling.style.color = 'red';
}else{
e.previousSibling.previousSibling.style.color = 'red';
}
}
//]]>
</script>
</head>
<body>
<h1>hola mundo</h1>
<div onmouseover="cambiaColor(this);">
<div id="uno">a</div>
<div id="dos">b</div>
<div id="tres">c</div>
</div>
<h1 id="titledos">hola mundo dos</h1>
<div onmouseover="cambiaColor(this);">
<div id="unoa">d</div>
<div id="dosb">e</div>
<div id="tresc">f</div>
</div>
</body>
</html>

Saludos