Black log

Jquery es un estupendo framework de desarrollo en javascript que, utilizado en conjunto a los widgets de Jquery UI, nos permite dar a nuestras aplicaciones un toque de riqueza a su interfaz de usuario.

Uno de los widgets más utilizados en Jquery UI es Dialog, que nos permite abrir una ventana ajax en la que podemos insertar formularios o cualquier contenido html que nos interese, de la misma forma que lo insertaríamos en un div normal.

Uno de los problemas más frecuentes que se dan con Jquery UI se nos presenta cuando en nuestro contenido tenemos una película flash embebida. La ventanita del Dialog Box queda detrás de la misma y resulta imposible visualizar el contenido que contiene.

Para solucionar esto, debemos pasarle el parámetro wmode con un valor opaque al código flash que inserta nuestra película flash en el contenido. Lo muestro en un ejemplo con un video de blip.tv

<object width="634" height="387"
           type="application/x-shockwave-flash"
           data="http://blip.tv/play/71yBqdFXAA%2Em4v">
  <param value="http://blip.tv/play/71yBqdFXAA%2Em4v" name="src">
  <param value="true" name="allowfullscreen">
  <param name="wmode" value="opaque">
</object>

— Posted by admin | Posted in Desarrollo web | Posted on August 12, 2010

2 Comentarios
dejar un comentario »

  • Excelente Tip! funciono a la primera. muchas gracias :D

    Comentario de Jaime Vera S. — September 13, 2010 @ 3:18 am

  • gracias por la informacion muy valiosa, solo un dertalle en firefox, esto no me sirve, sabras como solucionarlo, de antemano se te agradece

    Comentario de evaristo — October 17, 2010 @ 8:01 pm

» RSS para los comentarios de éste post.
» TrackBack URL

Deja un comentario

Notify me of followup comments via e-mail. You can also subscribe without commenting.