Tengo problemas con Netscape.
Hola, mi problema es que tengo un menu que funciona manipulando la propiedad style:display de elementos DIV por medio de una función de javascript, la cual mando llamar en el evento click de mi elemento, mi página funciona perfectamente con Internet Explorer, pero al correrla sobre Netscape ignora mi código javascript y me deja mi menu estático, sin ninguna funcionalidad. Se puede hacer un código que funcione para los dos navegadores, ¿o simplemente Netscape no me puede dar este tipo de funcionalidad?.. Les agradecería cualquier ayuda que me pudieran proporcionar..
Gracias.
Gracias.
1 respuesta
Respuesta de gandalf26
1
Podrías enviarme el código para verlo más a fondo, pero si el código lo has hecho tu, creo que esto podría interesarte. No es la respuesta al problema, pero si que se ve como un layer dentro de un ilayer dentro de un div puede hacer que las cosas funcionen para ambos navegadores:
<!--
Caja arrastrable por Luciano Moreno, del departamento de diseño web de BJS Software.
Vamos a ver ahora cómo se crea una caja mediante una capa, caja que va a poseer la facultad de que se puede arrastrar por la ventana del navegador con el ratón.
Es una caja que puede resultar muy útil, ya que podemos crear cuantas deseemos en una página, ofreciendo con ello al usuario una forma de
presentación de datos que él puede distribuirse por la ventana, situando las diferentes cajas donde guste, lo que le puede permitir comparar
los contenidos de dos o más cajas.
Es un script cross-browser, es decir, compatible con todos los navegadores de cuarta generación.
Para la construcción de caja vamos a usar una capa padre, dentro de la cual situaremos una tabla que usamos para formatear la presentación.
El tema de mayor dificultad en éste script es la captura de eventos, sobre todo en el caso de Netscape Navigator 6x.
No voy a entrar en muchas explicaciones. Digamos que éste es un script para usuarios avanzados si deseáis profundizar en él, aunque nada
impide un uso realtivamente fácil del mismo a cualquiera.
El código necesario para la página es el siguiente:
-->
<html>
<head>
<title>HTMLWeb - WebScript - Caja arrastrable con el ratón</title>
<style type="text/css">#caja1{border: 2px solid red}</style>
<script language="JavaScript" type="text/javascript">
/**
* funciones JavaScript para arrastrar una capa con el raton
* @Autor Luciano Moreno ( http://www.terra.es/personal6/morenocerro2/ )
* prohibido su uso comercial sin autorizacion previa
*/
var permisoN4=0;
var leftN4;
var topN4;
var idCapa;
var idCapax;
var idCapay;
/**
* funciones para manejar eventos de raton en Nestcape 4x
*/
function capturaN4(e){
idCapa.captureEvents(Event.MOUSEMOVE)
leftN4=e.x
topN4=e.y
}
/**
* funciones para arrastrar la capa en Nestcape 4x
*/
function arrastraN4(e){
if (permisoN4==1)
{
idCapa.moveBy(e.x-leftN4,e.y-topN4)
return false
}
}
/**
* funcion para detener la captura de los eventos de raton
*/
function paraN4(){
idCapa.releaseEvents(Event.MOUSEMOVE)
}
/**
* Funciones y variables para manejar eventos de ratón en Internet Explorer y mover la capa
*/
var permisoIE=false
function arrastraIE(id){
if (permisoIE==true)
{
document.all[id].style.pixelLeft=idCapax+event.clientX-iex
document.all[id].style.pixelTop=idCapay+event.clientY-iey
return false
}
}
/**
* Funciones y variables para manejar eventos de ratón en Netscape Navigator 6x y mover la capa
*/
var permisoN6=false
function arrastraN6(e){
if (permisoN6==true)
{
idCapa.style.left=idCapax+e.clientX-n6x+"px"
idCapa.style.top=idCapay+e.clientY-n6y+"px"
return false
}
}
function paramN6(e){
n6x=e.clientX ;
n6y=e.clientY;
idCapa. addEventListener("mousemove", arrastraN6, false);
<!--
Caja arrastrable por Luciano Moreno, del departamento de diseño web de BJS Software.
Vamos a ver ahora cómo se crea una caja mediante una capa, caja que va a poseer la facultad de que se puede arrastrar por la ventana del navegador con el ratón.
Es una caja que puede resultar muy útil, ya que podemos crear cuantas deseemos en una página, ofreciendo con ello al usuario una forma de
presentación de datos que él puede distribuirse por la ventana, situando las diferentes cajas donde guste, lo que le puede permitir comparar
los contenidos de dos o más cajas.
Es un script cross-browser, es decir, compatible con todos los navegadores de cuarta generación.
Para la construcción de caja vamos a usar una capa padre, dentro de la cual situaremos una tabla que usamos para formatear la presentación.
El tema de mayor dificultad en éste script es la captura de eventos, sobre todo en el caso de Netscape Navigator 6x.
No voy a entrar en muchas explicaciones. Digamos que éste es un script para usuarios avanzados si deseáis profundizar en él, aunque nada
impide un uso realtivamente fácil del mismo a cualquiera.
El código necesario para la página es el siguiente:
-->
<html>
<head>
<title>HTMLWeb - WebScript - Caja arrastrable con el ratón</title>
<style type="text/css">#caja1{border: 2px solid red}</style>
<script language="JavaScript" type="text/javascript">
/**
* funciones JavaScript para arrastrar una capa con el raton
* @Autor Luciano Moreno ( http://www.terra.es/personal6/morenocerro2/ )
* prohibido su uso comercial sin autorizacion previa
*/
var permisoN4=0;
var leftN4;
var topN4;
var idCapa;
var idCapax;
var idCapay;
/**
* funciones para manejar eventos de raton en Nestcape 4x
*/
function capturaN4(e){
idCapa.captureEvents(Event.MOUSEMOVE)
leftN4=e.x
topN4=e.y
}
/**
* funciones para arrastrar la capa en Nestcape 4x
*/
function arrastraN4(e){
if (permisoN4==1)
{
idCapa.moveBy(e.x-leftN4,e.y-topN4)
return false
}
}
/**
* funcion para detener la captura de los eventos de raton
*/
function paraN4(){
idCapa.releaseEvents(Event.MOUSEMOVE)
}
/**
* Funciones y variables para manejar eventos de ratón en Internet Explorer y mover la capa
*/
var permisoIE=false
function arrastraIE(id){
if (permisoIE==true)
{
document.all[id].style.pixelLeft=idCapax+event.clientX-iex
document.all[id].style.pixelTop=idCapay+event.clientY-iey
return false
}
}
/**
* Funciones y variables para manejar eventos de ratón en Netscape Navigator 6x y mover la capa
*/
var permisoN6=false
function arrastraN6(e){
if (permisoN6==true)
{
idCapa.style.left=idCapax+e.clientX-n6x+"px"
idCapa.style.top=idCapay+e.clientY-n6y+"px"
return false
}
}
function paramN6(e){
n6x=e.clientX ;
n6y=e.clientY;
idCapa. addEventListener("mousemove", arrastraN6, false);
