[SOLUCIONADO] Acceder a los atributos style

mnocturno · #1 (**permalink**) 22/05/2014, 09:04

Muy Buenas!

Soy nuevo por aquí, así que un saludo a todos.

Mi conocimientos de programación son a nivel digamos... "escritorio". Ahora estoy empezando con la programación web (HTML,CSS,JS,PHP).

Ya llevo un tiempo, pero a veces me ocurren cosas a priori fáciles, pero que se me atascan.

El caso es que he hecho un menú desplegable típico, de tal manera que:

<li onmouseover="versubmenu(2,true)" onmouseout="versubmenu(2,false)"><span>Mi Media</span>
<ul id="submenu2">
<li><a href="#">Mis Fotos</a></li>
<li><a href="#">Mis Películas</a></li>
<li><a href="#">Mi Música</a></li>
<li><a href="#">Mis Documentos</a></li>
</ul>
</li>

siendo la función JavaScript:

function versubmenu(n,v)
{
if (v)
{
document.getElementById("submenu"+n).style.display ="block";
}
else
{
document.getElementById("submenu"+n).style.display ="none";
}
}

Bien, esto funciona perfectamente, pero al principio intenté esto:

function versubmenu(n)
{

if (document.getElementByID("submenú"+n).style.displa y=="none")
{
document.getElementByI("submenu"+n).style.display= "block";
}
else
{
document.getElementByI("submenu"+n).style.display= "none";
}
}

Y no funciona. He probado para comprobar con:
alert(document.getElementByI("submenu"+n).style.di splay);

y no me devuelve nada (ni el atributo display ni ningún otro que probé), de tal manera que la condición no rula. De ahí que me inventé la historia de pasar el parámetro booleano v.

Y he visto en multitud de webs este pequeño script con la condición.

¿Que me puede fallar (he probado en IE, Firefox, Chrome) ?

Italico76 · #2 (**permalink**) 22/05/2014, 09:10

Cita:

if (document.getElementByID("submenú"+n).style.displa y=="none")

Has notado el espacio en "style.displa y" ?

mnocturno · #3 (**permalink**) 22/05/2014, 11:44

Nada, ese espacio ha debido ser al hacer el copiapega desde la web hacia aquí. En el original no está.

He probado un monton de maneras y nada.

Italico76 · #4 (**permalink**) 22/05/2014, 12:19

Pues yo cambie esa u con acento por 'u' ordinaria .. y algun otro erorr como espacios de mas..y vualaaaaa:

Código Javascript:

Ver original<li onmouseover="versubmenu(2,true)" onmouseout="versubmenu(2,false)"><span>Mi Media</span>
<ul id="submenu2">
<li><a href="#">Mis Fotos</a></li>
<li><a href="#">Mis Películas</a></li>
<li><a href="#">Mi Música</a></li>
<li><a href="#">Mis Documentos</a></li>
</ul>
</li>
 
<script>
 
function versubmenu(n)
{
    var submenu = document.getElementById("submenu"+n);
 
    if (submenu.style.display=="none")
    {
        submenu.style.display= "block";
    }else{
        submenu.style.display= "none";
    }
    
}
</script>
 
<body onload="versubmenu(2);">
</body>

mnocturno · #5 (**permalink**) 22/05/2014, 13:46

Estoy buscando una mesa para meterme debajo

Esto me pasa por intentar hacer dos cosas a la vez, estaba escribiendo un artículo, y claro, se me va la mano sin querer a los acentos.

Muchas gracias!!