« I Concurso de Tutoriales de Perl en Español
RubyCorner :: Nuevos “features” »

Firefox y el innerText

Publicado por Edgar González 29 Marzo 2006 en JavaScript.

Recientemente nos ha tocado adecuar la interfaz de usuario de una aplicación Web para que además de funcionar con MS Internet Explorer, funcione con Firefox.

La aplicación Web fue implementada (en el 2003) por requerimiento del cliente para trabajar específicamente con MS Internet Explorer (el navegador estándar del cliente para aquel momento).

El principal inconveniente que hemos conseguido ha sido el Javascript y en particular el uso de la propiedad innerText, la cual usamos para actualizar contenido de la página, y que no es válida en Firefox, en Firefox su equivalente es textContent.

Despues de dar vueltas llegamos a una buena solución, definir la propiedad innerText en Firefox ;-)

PLAIN TEXT
JavaScript:
  1. if (isFirefox){   
  2.   HTMLElement.prototype.__defineGetter__("innerText",function () { return(this.textContent); });   
  3.   HTMLElement.prototype.__defineSetter__("innerText",function (txt) { this.textContent = txt; });
  4. }

10 Respuestas a “Firefox y el innerText”

Canal RSS de esta entrada
  1. 1 afrael 29 Mar, 2006 a 11:28 am

    Coño estan pasaos :)

    Les quedo bueno!

  2. 2 eugenio 29 Mar, 2006 a 12:02 pm

    Excelente. Eso si es un firefox-hack :)

  3. 3 Igvir 29 Mar, 2006 a 12:47 pm

    Muy buena idea, definitivamente una solucion adecuada

  4. 4 Nelo 29 Mar, 2006 a 2:07 pm

    Gracias por el dato ...

  5. 5 Mario 17 Abr, 2006 a 7:01 pm

    Como se usa?, copié el codigo y lo puse dentro de unas etiquetas javascript en el head de mi pagina pero no funciona. a que se debe que he hecho mal.

  6. 6 Edgar González 18 Abr, 2006 a 8:56 am

    Mario, si te copiaste el código exacto, es probable que lo que te esté fallando es el "isFirefox", esa parte del código debe ser implementada, para esto puedes usar cualquiera de los javascripts disponibles en la red para determinar el browser actual.

    Un ejemplo rápido puede ser:

    PLAIN TEXT
    JavaScript:
    1. var isIE = (window.navigator.userAgent.indexOf("MSIE")> 0); 
    2. if (! isIE){   
    3.   HTMLElement.prototype.__defineGetter__("innerText",function () { return(this.textContent); });   
    4.   HTMLElement.prototype.__defineSetter__("innerText",function (txt) { this.textContent = txt; });
    5. }

  7. 7 javier lop 29 Sep, 2006 a 11:44 am

    mira uy otra cosa debes de usar una libreria llmada prototype

    http://prototype-window.xilinus.com/documentation.html

    documentacion de prototype

  8. 8 Jose 23 Mar, 2007 a 8:02 am

    Hola,

    Tal vez tendrías que probar con algo más sencillo... en lugar de "innerText" solo tienes que poner "innerHTML" y te funcionará perfectamente en todos los navegadores.

    Jose

  9. 9 Avatar242 19 Oct, 2007 a 2:56 pm

    yo quiero aprender a hacer esas cosas

  10. 10 Mauricio 9 Abr, 2008 a 11:32 am

    Si, efectivamente como dice José, deberías usar "innerHTML", ya que :
    1: no haces tu función
    2: es un standard
    3: y los usuarios de mac?...usan safari (si, se que existe firefox para mac, pero tb existe para win, y hay usuarios que usan IE)

    Mauricio

Buscar

Comparte este artículo

RSS feeds

Suscríbete a nuestros RSS Feeds