Ventana emergente desde Yii

Hace algunos días, y a petición de un lector, escribí una pequeña función Javascript que permitía mostrar una ventana emergente en el centro de la pagina, al momento de cargarla, y que desaparecia al cabo de unos segundos.

Esta vez, os propongo una ventana que se abre al llegar por primera vez al web, y en la que puedes mostrar informacion de la BBDD ya que esta gestionada desde Yii

Lo primero que voy a tener que hacer es presentaros el entorno para el que se hizo el ejemplo.

La idea es presentar un grupo determinado de noticias cuando un usuario llegue a la web, y no volverlo a hacer hasta al cabo de un numero de horas determinado (por ejemplo, hacerlo solo una vez al día…)

Todas las funciones, yo las deje montada en un widget, pero una alternativa mas sencilla, podria ser añadirlo a la pagina de funciones que todos terminamos teniendo. Entonces, podemos crear nuestra primera función:

public function load($agrupar){
if (!isset($this->dataprovider)){
$criteria=new CDbCriteria();
$criteria->join=’LEFT JOIN c_noticias_grupo AS g                                ON id_cgn = idGrupoNoticia’;
$criteria->addCondition(“cgn_agrupar=’$agrupar'”);
$criteria->addCondition(‘DATE(dtActivacion)         <=DATE(NOW()) AND DATE(dtDesactivacion)>=DATE(NOW())’);
$criteria->order=’dtActivacion DESC’;

$this->dataProvider=new CActiveDataProvider(‘CNoticias’,array(‘criteria’=>$criteria));
}

}

Esta función nos proporciona un dataProvider con las noticias activas del grupo que le indiquemos al momento de llamarla.

Ahora la función que nos genera la vista

if (!isset($_COOKIE['PresentaEmergente'])){
    setcookie("PresentaEmergente", true, time() + 3600);
    $bloqueo="";
    $salida=$this->obtencion($viewFile,$bloqueo);
    if ($salida!=""){
       $viewFile=$this->ruta('ventanaEmergente');
       $viewFile=$this->getViewFile($viewFile);
       $this->renderFile($viewFile,array('salida'=>$salida));
    }
 }

Lo que hacemos es comprobar si ya hemos mostrado la pantalla, comprobando la existencia de la cookie, y si no la hemos presentado, generamos la cookie con la hora de caducidad que nos interese (hacemos: hora actual + 3600 segundos..(1 hora p.ej)

Luego utilizamos una función (obtencion) para conseguir todas las noticias que se hayan de presentar y si cuando termina, nos ha generado algo ($salida!=””)  generamos una vista que emergente y le pasamos los datos que nos ha preparado la función “obtencion”

La mayor parte del código involucrado es sobradamente conocido, por lo que voy a hacer hincapié  en la forma de definir la vista ventanaEmergente que nos permite lanzar desde un controlador una ventana que flota sobre la pagina generada.

La idea es generar un enlace que cuando se pulse, nos abra una ventana emergente, y luego forzar nosotros el ‘click’

Para la realización de la ventana emergente, nos apoyamos en “fancybox“. y el código sera algo como:

href="#noticiasEmergente" title="">
noticiasEmergente">
informacion" >
 
 <?php echo $salida ?>
</div>
</div>
</body>

Ahora incorporamos la conversión del link “ancla” a fancybox, y provocamos su “click”

<?php $rutina="
 \$(document).ready(function() {
$('#ancla').fancybox({
 'width' : 640,
 'height' : 480,
 'autoScale' : false,
 'autoSize' : false,
 'transitionIn' : 'none',
 'transitionOut' : 'none',
 
// 'onComplete': function(){
// setTimeout( function() {\$.fancybox.close(); },5000); // 5000 = 5 secs
// }
 });
 $('#ancla').eq(0).trigger('click');
 });
";
 
 Yii::app()->clientScript->registerScript('emergente',$rutina,CClientScript::POS_READY);?>

Señalar que:

He dejado comentado las lineas que permitirían cerrar la ventana al cabo de los segundos que se especificaran en “setTimeout”

Utilizo la posibilidad que me da Yii para cargar la función para garantizar donde se cargara la función.

Y ya esta. No os paso el fuente completo del widget porque el código dista mucho de estar optimizado y limpio para que corra en cualquier instalación, y depende de mi modulo de funciones, del diseño de tablas,….pero si alguien quiere optimizarlo, no tengo problemas de secretismo, osea que lo pedís, y os lo envío por correo electrónico, ya sabéis.

 

Acerca de Miguel Garcia

Programador, Desarrollador web, Formador en distintas areas de informatica y director de equipos multidisciplinares.
Esta entrada fue publicada en Desarrollo Web, Diseño, Formacion, Javascript, jQuery, YII - Generador de codigo PHP y etiquetada , , , . Guarda el enlace permanente.

3 respuestas a Ventana emergente desde Yii

  1. Pingback: Ventana emergente al cargar la paginaRecursos para formacion

  2. Mirtha Perez dijo:

    Buenos dias, tengo la siguiente inquietud: como hacer una ventana emergente para cargar un formulario en yii2.

    Gracias de antemano.

    • Miguel dijo:

      Hola Mirtha: Si has seguido el articulo, veras como levantar una pantalla, en este caso con un listado. Si te fijas, se ha de enviar la pagina principal, y es esa pagina la que debe tener código para abrir una ventana y llamar una pagina. Todo esto esta en el articulo…Ya me diras si te puedo ayudar en algo mas
      Un saludo
      Miguel

Deja un comentario

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.