Es curioso comentarles que mi entrada anterior generó sin querer esta nueva entrada, prometo en la siguiente hablar respecto a Randy Pausch como había escrito.
Aclarado este punto considere prudente escribir este post debido a que cuando escribi mi ultima entrada decidí insertar un video de YouTube lo cual al ser una operación común y corriente no me dio contratiempos sin embargo cual es mi sorpresa cuando me notificaron que en Internet Explorer 6 y 7 se lanzaba una alerta del navegador con el siguiente mensaje: Internet Explorer no puede abrir el sitio, Operación Anulada y por lo tanto no era posible checar el Blog.
Realmente no me sorprendió ya que en Explorer uno puede esperar cualquier número de errores y cosas extrañas no importando si tu página tiene programación sencilla o compleja.
Investigando como siempre en Google encuentro que es un problema de este navegador con la forma en que interpreta Javascript y que cancela cualquier operación si un script intenta cargar antes que la página.
Soluciones hasta este punto pues aquí dejo algunas:
- La primera es utilizar el atributo defer en sus sentencias de Javascript; defer le indica al documento que invoque las funciones de Javascript cuando la página haya cargado:
Suponiendo que tienen:
<script type=”text/javascript”>
Quedaría de esta manera:
<script type=”text/javascript” defer=”defer”>
- La segunda opción es colocar los javascript en archivos .JS e invocarlos de esta forma:
<script type=”text/javascript” src=”archivo.js” mce_src=”archivo.js” defer=”defer”></script>
- Tercera opción que hace lo mismo que defer:
state = document.readyState;
if (state == ‘complete’ || state == 4) {
// Ejecutamos alguna intruccion javascript que realice una modificacion al dom
}
- Finalmente para los que estan afectados con este problema en su theme de WordPress y no pueden insertar videos de YouTube sin que aparezca esa molestar alerta deben hacer lo siguiente:
Copiamos el códido de inserción del video que nos interese de YouTube por ejemplo:
<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>
Copiamos solo lo que está dentro de embed quedando de esta forma:
<embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed>
Y finalmente le agregamos la etiqueta div para alinearlo (la etiqueta div es necesaria) y nuestro código final queda de esta forma:
<div align=”center”><embed src=”http://www.youtube.com/v/PVA047JAQsk&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></div>
Conclusión: Como siempre lo he dicho usen Firefox, Chrome, Safari y eviten Explorer, espero que esto les sea de ayuda, saludos.
Algunas fuentes:
Ing. Desarrollo de Software, Web Developer, protector de los animales, plantas e insectos, gamer, lector asiduo, entusiasta de Usabilidad y Lean Agile. twitter: @lacendi
Tags: desarrollo, explorer, firefox, fix, javascript, Navegadores, Programación, solución, Soluciones, web, wordpress
