Archivo de la etiqueta: jQuery

jQuery easy listener for jump to the specific input with max length

Salto de una casilla a una otra determinada con un valor máximo.

Si tenemos un grupo de campos como por ejemplo un número de banco que se compone de 4-4-2-10 números, podemos poner cuatro campos en los cuales al escribir y llegar a un número máximo asignado salte al siguiente facilitando nos bastante el asunto.

Easy listener for jump to the specific input with max length

Live Demo: http://jsfiddle.net/yL5LU/1/

m.grupocostaeste.com mobile

m.grupocostaeste.com
Url: http://m.grupocostaeste.com/

Cliente: costaeste
Estado: Operativa

Tecnología usada:

  • jQuery 1.9.1
  • jQuery Mobile
  • jQuery Templates

Adaptación móvil pensada para dispositivos con pantalla pequeña con resolución mínima de (380x460px – pantalla de 3.2″ hasta 4″) y máxima de hasta (800x…px), aún que para pantallas como la de iPad se recomienda prever la versión normal.

Lenguas: Español (es), Ingles (en), Ruso (ru), Checo (cs)

Fancybox 2 Gallery by Ajax response

Llamamos una galeria desde la etiqueta HTML <a href=’javascript:void(0);’ id=” />galeria</a> usando Ajax generado por PHP

Codigo Javascript:

jQuery(function($) 
{
        //al hacer click en determinada etiqueta ejecutamos la llamada ajax y con la respuesta
        //recogida generamos un slide show
        $('.gellery_from_link a').live('click', function()
	{
		var item = $(this); //get a href
		
		$.fancybox.showActivity();
		
		$.ajax({
			url: '?action=gallery&rand='+Math.random(), //rand for hotlink scripting
			data: 'gallery_id='+item.attr('id'), // get a href id for generate ajax result
			type: 'POST',
			dataType: 'json',
			cache: false,
			success: function(data)
			{
				$.fancybox(data,
				{
					type: 'image', //important
					autoScale: true,
					transitionIn:	'elastic',
					transitionOut:	'elastic',
					padding: 20,
				});
			}
		});
		
	});	
});

Php > generando la respuesta ajax:

< ?php

//Hot Link script
function IsHotlink()
{
	$domain = explode("/",$_SERVER['PHP_SELF']);
	$isFromDomain = strstr($_SERVER['HTTP_REFERER'],$domain[2]);
	$isFromAjax = $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest';
	$isHotlink = !$isFromDomain && !$isFromAjax;
	return $isHotlink;
}

if( $_REQUEST['action'] == 'gallery' && !IsHotlink() )
{
	$dm->gallery_id = $_REQUEST['gallery_id']; //recogemos $_POST id de la galleria
	
	$dm->fdir = "gallery/".$dm->gallery_id."/"; //ruta hasta lacarpeta con id de la galeria
	$dm->fItems = read_dir($dm->fdir);
	
	$dm->items = array();
	
	foreach( $dm->fItems as $v => $k )
	{
		array_push($dm->items, array('href' => $dm->fdir.$dm->fItems[$v]) );
	}
	
	exit( json_encode( $dm->items ) ); //generamos la respuesta ajax y cerramos el documento.

/*
ejemplo de la respuesta:
[href: "/gallery/2011-11-25_1.JPG", href: "/gallery/2011-11-25_2.JPG"]
*/
}
?>

Actualizción del codigo PHP/JS/HTML en Margen-Lab.com

Actualización de web site Margen-lab.com que esta basado en systema Indexhibit.

Trabajo realizado: correccion y adaptación de código en general (PHP, HTML), actualización y configuración de paquetes ( jQuery, Thickbox), reprogramación del codigo “Expanding Menu”. Ademas se ha añadido nueva función en el menu de administración del web site, para el control de la función “Read More“. Se trata de un sistema de scrolling que esconde texto  en cuando es demasiado largo.