error Explorer con previous y next

Bhen · #1 (**permalink**) 15/04/2009, 01:24

buenas, tengo un problemilla con el explorer, en firefox me funciona correctamente.

Tengo una funcion en javascript donde utilizo DOM para generar el pase de imagenes de una galería.

Código:

function anterior(){     
    var li = imagenActual.parentNode.previous();
    if(li){
        .........................
    }
}

Código:

function siguiente(){     
    var li = imagenActual.parentNode.next();
    if(li){
        .........................
    }
}

El error que me da SÓLO en el explorer 6.0 es: "el objeto no acepta esta propiedad o método"
Se refiere al next() y previous().
¿Sabéis de alguna solución (o alternativa con un comando parecido) para el explorer?????.

gracias

Panino5001 · #2 (**permalink**) 15/04/2009, 03:30

Deberías referenciar con previousSibling y nextSibling, y tener cuidado con los espacios ya que hay navegadores que los consideran nodos. Un ejemplo:

Código PHP:

  <!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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

<script>

var imagenActual='primera';

function anterior(){     

    if(imagenActual=='primera')return;

    for(var i=0,im;im=document.getElementById(imagenActual).parentNode.parentNode.getElementsByTagName('img')[i];i++)

        im.width=50;

    document.getElementById(imagenActual).parentNode.previousSibling.childNodes[0].width=100;

    imagenActual=document.getElementById(imagenActual).parentNode.previousSibling.childNodes[0].id;

    

}

function siguiente(){     

    if(imagenActual=='ultima')return;

    for(var i=0,im;im=document.getElementById(imagenActual).parentNode.parentNode.getElementsByTagName('img')[i];i++)

        im.width=50;

       document.getElementById(imagenActual).parentNode.nextSibling.childNodes[0].width=100;

    imagenActual=document.getElementById(imagenActual).parentNode.nextSibling.childNodes[0].id;

}

</script>

</head>

 
<body>

<ul>

<li><img id="primera" src="../img/1.jpg" width="50" /></li><li><img id="centro" src="../img/2.jpg" width="50" /></li><li><img id="ultima" src="../img/3.jpg" width="50" /></li>

</ul>

<a href="javascript:anterior()">anterior</a> | <a href="javascript:siguiente()">siguiente</a> 

</body>

</html>