Haz tu web compatible con Firefox (III)
Ver artículo anterior Haz tu web...
Diferencias en el DOM
El DOM es una estructura jerárquica de objetos, mediante la cual los navegadores representan los documentos HTML. Existen algunas diferencias entre DOM de Explorer y el de Firefox, pocas diferencias pero suficientes para darnos dolores de cabeza si no las tenemos en cuenta.
Lea el resto del artículo haciendo clic aquí
En Explorer | Descripción | En Firefox |
---|---|---|
window.screenLeft,window.screenTop | Posición de la ventana del navegador, relativa a la pantalla. | window.screenX - algún_valor y window.screenY – algún_valor. Estas propiedades no son exactamente las mismas que las del Explorer. En éste informan las coordenadas de origen del control IE, mientras que en Firefox entregan la posición de la ventana misma. |
element.attachEvent(nombre_evento, función_usuario) | Agrega una función de usuario a un evento de un elemento. | element.addEventListener(nombre_evento, función_usuario, false) |
contains(nodo) | Este método está disponible en cada elemento y permite saber si otro elemento (nodo) es contenido por él. |
El DOM nivel 2 no tiene un método equivalente, pero la
siguiente función permite emularlo:
function contains(a, b) { while(b && (a!=b) && b!=null ) b=b.parentNode; return a==b; }El DOM nivel 3 estándar define node.compareDocumentPosition() y ya es soportado por Firefox, mas no por Explorer. |
document.parentWindow | Retorna la ventana en la cual está el documento. | document.defaultView |
myForm | Acceso al objeto del tipo form definido como <form name=”myForm”> | Puede utilizar document.myForm |
element.innerText | Contiene y permite reemplazar el contenido de texto plano de un elemento. | element.textContent Esta etiqueta es parte de la definición de DOM nivel 3 y es soportada desde Mozilla 1.5 y todas las versiones de Firefox |
children | Array de nodos “hijos” (child) de un elemento | El DOM define childNodes que es similar, pero no soportado por Explorer. La gran diferencia es que childNodes agrega al array los nodos de tipo texto (textNode). |
element.designMode | Coloca al elemento en modo edición | También element.designMode, pero con muchas diferencias. Mozilla ha implementado soporte para contenido editable (llamado Midas), pero con pequeños cambios. |
ActiveX
ActiveX es una tecnología propietaria de Microsoft que no es soportada por ningún otro navegador, pero algunas funcionalidades que Explorer implementa a través de ActiveX están disponibles en Firefox.
En Explorer | En Firefox | Notas |
---|---|---|
new ActiveXObject("Microsoft.XMLHTTP") | New XMLHttpRequest() | También estará soportado en Explorer 7 |
new ActiveXObject("Microsoft.XMLDOM") | document.implementation.createDocument(ns, root-element, null) | API con pequeñas diferencias. |
0 Comentarios:
Mandar un comentario