Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/07/2011, 11:50
Avatar de Lobito14
Lobito14
 
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 14 años, 8 meses
Puntos: 17
Problema con Fancybox e iframe con PHP

Buenas, estoy teniendo un problema al implementar Fancybox y usar los iframes, a ver si puedo explicarme bien:

Tengo un sistema programado con PHP, en el cual, donde estoy intentando usar Fancybox, uso unos bucles para repetir las cosas dependiendo de la información que saque de una base de datos en MySQL.

Supongamos que tengo esto:

Código:
TipoVehiculo
|
|--MarcaVehiculo
    |
    |--ModeloVehiculo
    |--ModeloVehiculo2
Bien, pues yo tengo una clasificación en árbol, el cual, como os dije anteriormente, se va formando con código PHP respecto a lo que venga de la base de datos.
El ultimo dato del árbol, lo que en el ejemplo serian "ModeloVehiculo" y "ModeloVehiculo2" es donde estoy implementando Fancybox para abrir un iframe, entonces tengo el siguiente código para englobar "ModeloVehiculo":

Código HTML:
Ver original
  1. <li><a id="iframe" href="index.php?mod=mostrar"><? echo $tipo["nombreModelo"]. ?></a></li>

El código que tengo para el iframe es el siguiente:

Código HTML:
Ver original
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  2.     <script type="text/javascript">
  3.             !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
  4.     </script>
  5.     <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
  6.     <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  7.     <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  8.     <!--<link rel="stylesheet" href="./fancybox/style.css" />-->
  9.     <script type="text/javascript">
  10.         $(document).ready(function() {         
  11.             $("#iframe").fancybox({
  12.                 'width'             : '100%',
  13.                 'height'            : '100%',
  14.                 'transitionIn'      : 'none',
  15.                 'transitionOut'     : 'none',
  16.                 'type'              : 'iframe'
  17.             });
  18.  
  19.         });
  20.     </script>

El problema viene con lo siguiente: como la ultima "rama" de ese árbol pueden ser uno, dos, tres... o los datos que sean, en el ejemplo son dos: "ModeloVehiculo" y "ModeloVehiculo2", el problema que tengo es que solo se abre bien el iframe de fancybox con el primero de todas, es decir, si tuviese: "ModeloVehiculo", "ModeloVehiculo2", "ModeloVehiculo3" y "ModeloVehiculo4", solo se abriría bien el iframe de fancybox con "ModeloVehiculo", los demás se abrirían en una nueva página.

Espero haberme explicado bien y que me hayan podido entender, porque es un poco enrevesado el asunto.

Llevo ya bastante tiempo comiéndome el coco, y no se por donde salir.

Si alguien puede darle un poco de luz al asunto, se lo agradecería mucho.

Un saludo.