Fancybox Yii Framework

<? //creamos un link echo CHtml::link('link',"#data", array("id"=>"fancy-link")); echo CHtml::link(CHtml::image(Yii::app()->theme->baseurl.'/images/red.png'),"#data", array("id"=>"fancy-link", "class"=>"imgl")); //put fancybox on page $this->widget('application.extensions.fancybox.EFancyBox', array( 'target'=>'a#fancy-link', 'config'=>array(),)); ?> //usamos un div <div style="display:none"> <div id="data"> <p>Probando fancybox</p> </div> </div> fuente:...

Read More

Creando un Panel Lateral Desplegable en jQuery

Ahorita aprenderemos a crear nuestro propio panel lateral desplegable basado en jQuery. Lo haremos partiendo de cero y explicándolo como siempre paso a paso, de forma que todos podamos comprender cómo funciona. Todo ello inspirándonos en el panel lateral de Google Reader. Introducción: ¿Qué vamos a hacer?Aquí retomamos los temas relacionados con javascript y jQuery de la mano de este control en forma de panel lateral desplegable. Para ello nos inspiraremos en el funcionamiento de Google Reader, del cual “copiaremos” en mayor o menor medida su funcionamiento y estética. Este será el aspecto final del control a crear: La idea es que tengamos una lista de distintos canales RSS a cargar en la parte derecha, esta lista estará...

Read More

Cargar Multiples Imagenes con Uploadify

Hola chicos en este tutorial le enseñare a cargar múltiples imágenes a una carpeta ubicada en su servidor y a guardar en base de datos con Uploadify, después de este tutorial podrán modificarlo para adaptarlo a sus aplicaciones, este ejemplo esta hecho en mysql y PHP. Creamos la Base de Datos CREATE TABLE `uploadify` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `filename` varchar(200) DEFAULT NULL, `filedate` int(11) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT...

Read More

Caja flotante Jquery

En este tutorial vamos a crear una caja flotante que se desplaza a medida que se hace scroll por la página. De ese modo el contenido de lo que haya en su interior siempre estará visible. Lo mejor es ver un ejemplo.Ver ejemplo en funcionamiento » »Lo primero es situar la caja al final de la página. Por ejemplo, justo antes del final del BODY.  Code <div id="caja_flotante">         <div id="cont_caja_flotante">             <a...

Read More

Ocultar y mostrar un Select a Partir de un Radio

<script>  function  mostrar_select1(){       document.getElementsByName('select2')[0].style.display = 'none';    document.getElementsByName('select1')[0].style.display = 'block';  }    function  mostrar_select2(){    document.getElementsByName('select1')[0].style.display = 'none';    document.getElementsByName('select2')[0].style.display = 'block';  }</script><table width="44%" border="1"><tr><td width="40%"...

Read More