La incompatibilidad de los browser es muy comun hoy en dia, y para crear objetos HTML en el DOM a veces funciona de una manera en un explorador y de otra manera en otro, aqui hay claros ejemplos de esto y podemos ver como lo podriamos solucionar.

Por dar ejemplos yo hace poco necesitaba crear un objeto de TEXTAREA con varios atributos del mismo y en firefox funconaba muy bien pero en explorer no , y no me daba errores de javascript , simplemente no funcionaba, instale la web developer tool de iexplorer ( Que la verdad SUCKS, no se le compara a la de firefox) , y alli vi que si habia creado el TEXTAREA pero que no tenia ninguna propiedad y no sabia como crearselo, asi que investigando pude ver que mucha gente ha tenido este problema y hay una forma de solucionarlo que es muy simple y efectiva , que es hacerlo de la siguiente manera.

 


try {
title = document.createElement('');
} catch(err) {
var title = document.createElement('INPUT');
title.setAttribute('name', 'imagetitle[]');
}

 

Este ejemplo lo hice para un INPUT pero es lo mismo para un textarea , y podemos ver que esto lo dejamos dentro de un try y catch para que agarre el error en caso de fallar, entonces analicemoslo.

lo que esta dentro de try es para que funcione en Iexplorer y lo que esta dentro del catch funciona dentro de Firefox, el .setAttribute que se ve mas elegante y de una mejor manera no funciona en iexplorer y si uno desea definir todas las propiedades de la TAG hay que ponerselas como en la parte dentro del try.

Asi que alli tienen una solucion sencilla que les ahorrara mucho tiempo a la hora de realizar cosas como estas.

Si tienen alguna duda, o no les lleagara a funcionar pueden dejar un comentario y lo podemos discutir.

Saludos.

Manejar el DOM de las tablas en Firefox Javascript

Bueno como todos sabemos hay diferentes problemas de compatibilidad entre los diferentes exploradores y hoy en dia que la web esta de moda tenemos que hacer que todos nuestros scripts funcionen perfectamente en todos los exploradores aunque a veces nos saca de nuestras casillas pequenios problemas que nos encontramos en el camino.

Este es un ejemplo de esos problemas que nos encontramos , a veces nosotros tenemos una tabla con algun id especifico y en javascript queremos obtener una instancia de ese objeto de la tabla llamando un document.getElementById( ) y con esta simple llamada obtenemos el objeto y comenzamos a recorrer sus elementos TR y TD y demas…. , el problema es que firefox toma como elementos los espacios que dejamos entre las TAGS y ese es un gran problema que si uno esta comenzando en esto no lo ve facilmente, asi que la unica solucion que se encuentra por el momento, es no dejar espacios entre las TAGS que nosotros querramos recorrer porque si utilizamos los valores de previousSibling y nextSibling vamos a tener problemas con los espacios . Asi que lo mejor es hacer esto.

 

Hola

Por dar un ejemplo verdad, y asi nos sera mucho mas facil recorrer la tabla a placer y hacer lo que nosotros necesitemos.

Saludos.

Como todos sabemos en cualquier formulario de HTML siempre necesitamos validar ciertos campos o condiciones de los mismos para dar el OK, y que a todo el formulario se le pueda dar un submit, y para esto aqui hay algunas expresiones regulares Ăștiles para validar ciertos criterios que pueden llegar a servir.

Read more…