¿Cómo iniciar colorbox automáticamente sin ningún clic?

El propósito de mi programa es abrir un cuadro de color con JQuery haciendo clic en un enlace.

Aquí está el código:

<a href="<?= $html->url(array('controller' => 'competitions', 'action' => 'index')) ?>" class="game-popup">
    <?= $this->Html->image('image-link.jpg') ?>
</a>
<script type="text/javascript">
$(document).ready(function(){
  $('.game-popup').colorbox({'iframe':true, 'width':'690px', 'height':'670px'});
});
</script>

Este código funciona perfectamente.

Ahora, por otra razón, necesito abrir un cuadro de color automáticamente con una condición especial sin ningún clic. Probé con el siguiente código pero no puedo acceder a mi controlador:

<a href="<?= $html->url(array('controller' => 'competitions', 'action' => 'index')) ?>" class="game-popup">
    <?= $this->Html->image('competition-galaxy-s3.jpg') ?>
</a>
<script type="text/javascript">
$(document).ready(function(){
  $.colorbox({'iframe':true, 'width':'690px', 'height':'670px'});
  document.location.href="/es/ArgusDuMobile/competitions/index";
});
</script>

La línea de código con $.colorbox parece ser bueno porque cuando actualizo la página, se abre el cuadro de color pero sin su contenido. Para hacer el enlace con el controlador probé la siguiente línea de código con document pero abre el contenido correcto de la vista en otra página pero no en el cuadro de colores.

¿Alguien podría ayudarme? Gracias de antemano por su respuesta.

preguntado el 04 de julio de 12 a las 09:07

1 Respuestas

Llame a colorbox con href opción como

$.colorbox({ href: '/ArgusDuMobile/competitions/index',
            'iframe':true, 'width':'690px', 'height':'670px'});

y esta linea

document.location.href="/es/ArgusDuMobile/competitions/index";

Se redirigirá a esa página, no se cargará en colorbox, así que elimínelo.

Lea más sobre la href .

Respondido 04 Jul 12, 09:07

gracias encontré la solución en el mismo tiempo. Que tengas un buen día. Adiós - user1364743

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.