Alexander Garzon » jquery http://agarzon.php.com.ve ... porque no todo es PHP. Sun, 05 Feb 2012 15:57:47 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Jquery DatePicker – Calendario http://agarzon.php.com.ve/jquery-datepicker-calendario/?utm_source=rss&utm_medium=rss&utm_campaign=jquery-datepicker-calendario http://agarzon.php.com.ve/jquery-datepicker-calendario/#comments Sun, 20 Mar 2011 19:13:42 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=399

Recientemente me he encontrado con este sencillo pero poderoso plugin JQuery, para hacernos un buen datepicker (selector calendario). Ya había probado muchos hasta el cansancio, pero este me ha llamado poderosamente la atención por:

  • No es invasivo
  • Cross Browser
  • Todo en un único archivo de 22k
  • Extremadamente personalizable

Me ha sorprendido que incluso las imágenes y los estilos necesarios forman parte del mismo archivo Javascript. Realmente una genialidad.

Y ya que me dí a la tarea de llevarlo al Español acá les dejo un ejemplo de un acomodo que hice recientemente; para que conozcan un poco como se configura


<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="datepicker-2.5.js"></script>
<script type="text/javascript">
$(document).ready(function (){
var langEs=[
 ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
 [],
 [],
 ["Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo"],
 [],
 [],
 "Hoy"];

	var cal = new DatePicker('#reg_fecha', {
		autoOpen:true,
		min:"1jan2009",
		max:new Date(),
		format:"d/m/Y",
		firstDayOfWeek:6,
		language:"es",
		});
		cal.addLanguage("es",langEs);
});
</script>

El sitio oficial es: http://datepicker.org.ru/ desde donde podrán seguir las más recientes versiones y la documentación necesaria.

Espero le saquen provecho. ;-)

]]> http://agarzon.php.com.ve/jquery-datepicker-calendario/feed/ 1 Codeigniter: Ruta base_url en nuestros javascript http://agarzon.php.com.ve/codeigniter-ruta-base_url-en-nuestros-javascript/?utm_source=rss&utm_medium=rss&utm_campaign=codeigniter-ruta-base_url-en-nuestros-javascript http://agarzon.php.com.ve/codeigniter-ruta-base_url-en-nuestros-javascript/#comments Tue, 10 Aug 2010 19:20:34 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=299 Como muchos ya saben, las rutas de los recursos en codeigniter han de ser siempre llamadas usando la ruta absoluta del recurso que deseamos vincular o cargar; y para ello disponemos de 
<?=base_url()?>

el cual carga el path general de nuestro sitio que imagino previamente ya has configurado en tu archivo config.php

Pero, ¿Qué pasa si queremos hacer javascript dinámico que necesite cargar recursos URL de nuestro propio sitio, por ejemplo para hacer llamados AJAX?, ¿Cómo le digo a javascript la ruta base_url que sólo sabe PHP?

Pues hay un truco simple, pero efectivo:


<head>
<script src="<?=base_url()?>/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
base_url = '<?= base_url();?>'
</script>
</head>

Listo !, ya tienes la variable base_url en modo javascript y lista para ser usada como por ejemplo:


JQuery('#refrescar').click(function() {
        $('#captcha').attr("src", base_url+'captcha?'+Math.random());
});
]]> http://agarzon.php.com.ve/codeigniter-ruta-base_url-en-nuestros-javascript/feed/ 1 Descarga Gratis: jQuery – Novice to ninja http://agarzon.php.com.ve/descarga-gratis-jquery-%e2%80%93-novice-to-ninja/?utm_source=rss&utm_medium=rss&utm_campaign=descarga-gratis-jquery-%25e2%2580%2593-novice-to-ninja http://agarzon.php.com.ve/descarga-gratis-jquery-%e2%80%93-novice-to-ninja/#comments Mon, 12 Jul 2010 21:09:11 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=269 Jquery Ninja

Y aquí lo tienen… y libro que SitePoint regaló por 24 horas, tras hacerse España con la copa del mundial de fútbol 2010.

El libro podía descargarse desde este enlace http://sale.sitepoint.com/ (yo me he bajado el mío) pero por si acaso llegaron tarde a la piñata, acá les dejo el cotillón: http://www.mediafire.com/?uez2d0m2dm2

]]> http://agarzon.php.com.ve/descarga-gratis-jquery-%e2%80%93-novice-to-ninja/feed/ 4 Tener siempre a mano el último y más reciente Jquery http://agarzon.php.com.ve/tener-siempre-a-mano-el-ultimo-y-mas-reciente-jquery/?utm_source=rss&utm_medium=rss&utm_campaign=tener-siempre-a-mano-el-ultimo-y-mas-reciente-jquery http://agarzon.php.com.ve/tener-siempre-a-mano-el-ultimo-y-mas-reciente-jquery/#comments Mon, 21 Jun 2010 15:31:41 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=256 Para mí, es mucho mejor cargar el JQuery directamente desde un servidor remoto (más rápido, siempre actualizado y mejor manejo de caché).

Habrá quien piense distinto, pero este artículo lo pongo (como suele ser costumbre) como una nota mental ;-) ya que el enlace es bastante escurridizo y no suele encontrarse fácilmente al buscarlo por allí.


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

También podríamos valernos de google para cargar remotamente, pero con la desgracia de que debemos especificar a mano la versión deseada, en este ejemplo la versión 1.4.2:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Seguro le será de ayuda a alguno.

]]> http://agarzon.php.com.ve/tener-siempre-a-mano-el-ultimo-y-mas-reciente-jquery/feed/ 0 JQombo, un Combo dependiente AJAX con todas las ciudades y estados de Venezuela http://agarzon.php.com.ve/jqombo-un-combo-dependiente-ajax-con-todas-las-ciudades-y-estados-de-venezuela/?utm_source=rss&utm_medium=rss&utm_campaign=jqombo-un-combo-dependiente-ajax-con-todas-las-ciudades-y-estados-de-venezuela http://agarzon.php.com.ve/jqombo-un-combo-dependiente-ajax-con-todas-las-ciudades-y-estados-de-venezuela/#comments Mon, 02 Nov 2009 18:43:51 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=49

Hace ya hace un tiempo que lancé un pequeño script bajo licencia abierta llamado JQOMBO.

Y les explico de qué se trata: Es un combo dependiente hecho con AJAX (gracias a JQuery) PHP5 y MySQL, el cual nos muestra todos las ciudades y estados de Venezuela (pero puede ser modificado para cualquier país).

Así de simple… es fácil de instalar y configurar, soporta los navegadores más conocidos y en su base de datos posee más de 1000 ciudades de Venezuela (normalizadas a UTF8). Además se ajusta a los estándares CSS y XHTML.

Sin más… pueden descargarse una copia directamente la página del proyecto en google code: http://code.google.com/p/jqombo/

]]> http://agarzon.php.com.ve/jqombo-un-combo-dependiente-ajax-con-todas-las-ciudades-y-estados-de-venezuela/feed/ 2 Plugin wysiwyg para flatpress http://agarzon.php.com.ve/plugin-wysiwyg-para-flatpress/?utm_source=rss&utm_medium=rss&utm_campaign=plugin-wysiwyg-para-flatpress http://agarzon.php.com.ve/plugin-wysiwyg-para-flatpress/#comments Tue, 27 Oct 2009 00:54:30 +0000 Alexander Garzon http://agarzon.php.com.ve/?p=41 He creado un pequeño plugin para el poco conocido gestor de blog PHP: Flatpress.

En realidad no es una creación  mia, sino una versión adaptada y mejorada del plugin markItUp que actualmente se puede conseguir en el foro oficial de flatpress.

En esta modificación he agregado los botones que son parte integral del flatpress: Agregar imagen con y sin popup, video (youtube) y HTML. Tengan en cuenta que TODAS las imágenes con o sin popup, estan establecidas a un ancho de 500px (pueden modificarlo por otro valor si les parece), pero 500px es lo que uso yo siempre.

Una imagen para hacerse una idea:

Y el plugin listo para subir y habilitar:

http://www.mediafire.com/?emce24zjynt

Que lo disfruten.

ACTUALIZACIÓN 05 / 11 / 09: He corregido algunos detalles que descubrí a última hora, el enlace ya ha sido actualizado.

]]> http://agarzon.php.com.ve/plugin-wysiwyg-para-flatpress/feed/ 1