rss
twitter
  •  

Jquery DatePicker – Calendario

Posted by Alexander Garzon | Posted in General | Posted on 20-03-2011

1

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. ;-)

Continue Reading

Codeigniter: Ruta base_url en nuestros javascript

Posted by Alexander Garzon | Posted in General | Posted on 10-08-2010

1

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());
});

Continue Reading