[Problema] Tooltip - DOM - mootools

Damin · #1 (**permalink**) 16/11/2009, 09:20

¿Que tal?
Mi problema es el siguiente (obviamente solo con IE):
No me carga un sector de la pagina y me dice el siguiente error:

Cita:

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; msn OptimizedIE8;ESAR)
Fecha: Mon, 16 Nov 2009 15:17:51 UTC

Mensaje: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Línea: 0
Carácter: 0
Código: 0
URI: file:///C:/Documents%20and%20Settings/Damian/Escritorio/WEBS/InnovAR/index.html

Por lo que he leido por ahi, es un problema de carga, lo cual, ocasiona que no cargue un sector de la pagina, que es donde tengo colocados los tooltips, en firefox funciona correctamente.

Si necesitan algun dato mas, estoy a su disposicion.
De antemano, muchas gracias.
Atte. Damin

mayid · #2 (**permalink**) 16/11/2009, 09:58

Eso pasa porque estas ejecutando algun script que intente modificar el dom antes de que termine de cargar la pagina.

Usa domready para tu script.

window.addEvent('domready', function() {
//aquí las acciones que quieras realizar cuando el DOM esté listo
alert ("Ahora el DOM está listo");
});

Damin · #3 (**permalink**) 16/11/2009, 10:15

Ya encontre cual es el problema, pero aun no se bien como solucionarlo.
El problema se encuentra en que tengo un script de twitter (el blogger.js), si yo lo quito, la pagina carga bien los tooltips, y si lo vuelvo a poner no funciona.

¿Como puedo solucionarlo?

mayid, donde deberia poner el codigo que me has pasado?

mayid · #4 (**permalink**) 16/11/2009, 11:06

Si vos no hicistes el script, sino que es un plugin, entonces por favor pone un link a donde se lo pueda ver online.

Vos tenes una pagina propia con una llamada a twitter? Esa llamada tendria que estar envualta en el codigo que te pase. Y en si, todas las funciones que vayan a modificar el DOM tienen que esperar a que el DOM cargue, es decir que tienen que estar dentro de ese domready.

Damin · #5 (**permalink**) 16/11/2009, 11:22

Este es el script con el cual tengo el problema, el original esta en twitter.com/javascripts/blogger.js yo tengo el mismo dentro de mi carpeta para.
Intente agregarle el domready y la pagina carga correctamente, pero no me carga los tweets...

mayid · #6 (**permalink**) 16/11/2009, 13:03

El script esta bien porque solo contiene dos funciones, y ambas estan encapsuladas. Lo que tenemos que encontrar es el llamado a la funcion. Publicalo por favor. Quizas lo tengas en <body> , y si no, si esta en headers, esa llamada es la que tiene que ir dentro de domready.

Damin · #7 (**permalink**) 16/11/2009, 16:45

Cita:

Esto es lo que tengo dentro del BODY
De todas formas si lo pongo entre head y /head me sucede lo mismo, no me carga una parte de la web.

NOTA: Le quite el http a los codigos porque soy novato y no me deja poner links

mayid · #8 (**permalink**) 16/11/2009, 17:43

Donde esta el tutorial para implementar esto?

Supongo que es como en facebook. Necesitas tener una cuenta para poder acceder a los codigos.

Damin · #9 (**permalink**) 16/11/2009, 17:45

Si, necesitas tener un usuario en twitter, luego en el codigo pones tu usuario, te lee los twits y los podes poner en tu blog, o web...
Pero esto me funcionaba bien hasta que implemente el mootools para poner unos tooltips, el cual en IE me tira el error que he comendado anteriormente...

mayid · #10 (**permalink**) 17/11/2009, 09:35

Ah! Entonces si entiendo bien el problema no es con twitter. Es con este script:

<script type="text/javascript" src="blogger.js"></script>

Donde esta la pagina que explica como implementar los tooltips? O como se llama el script para buscarlo?

Damin · #11 (**permalink**) 17/11/2009, 16:38

Claro, ese es el problema, aqui te dejo la pagina de los tooltips, los cuales me funcionan bien.
demos111.mootools.net/Tips

mayid · #12 (**permalink**) 17/11/2009, 18:41

Mira. Este:

Mensaje: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)

No es un mensaje de conflicto de plugins, sino de implementacion. Si ambos te funcionan bien por separado (no es asi?) entonces habria que ver tu pagina online, y ahi discernir. Pasanos un link.

mayid · #13 (**permalink**) 17/11/2009, 18:42

Donde tenes escrito esto?:

Cita:

/* Tips 1 */
var Tips1 = new Tips($$('.Tips1'));

/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});

/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
showDelay: 400,
hideDelay: 400,
fixed: true
});

/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
className: 'custom'
});

Esto si o si tiene que ir encerrado en domready.

Damin · #14 (**permalink**) 17/11/2009, 19:05

Lo tengo encerrado ya en domready a esto, lo tengo en un script aparte... pero bueno... ya esta, ya fue, no te hagas drama...

mayid · #15 (**permalink**) 18/11/2009, 13:49

como quieras, pero viendo la pagina online se puede discernir mejor cual es el problema, y ver el flujo de los scripts.

Damin · #16 (**permalink**) 18/11/2009, 13:58

La pagina es innovarteam.com.ar por si la queres ver.
Vos diras

mayid · #17 (**permalink**) 18/11/2009, 16:13

Esta linda la pagina.

No se que decirte con respecto al conflicto porque la verdad es que no veo ninguna llamada a la funcion en los archivos de twitter que pasastes.

Damin · #18 (**permalink**) 18/11/2009, 16:38

No, porque lo quite, para que cargara bien, pero bueno, quedara asi... que le vamos a hacer...