Javascript

Jx: GUI mediante Mootools

ByLuis November 14, 2008

JX Library es una librería para Mootools que nos facilita la realización de interfaces gráficas en nuestras páginas web.

Nos ofrece una variedad de elementos gráficos: layouts, paneles, árboles, grids, botones, toolbars, selectores de color, combos, …
Jx
Vía / WebAppers

Javascript

Laboratorio: detectar parametros de la URL en Javascript

ByLuis May 20, 2008

Algo bastante sencillo y que puede sernos útil es detectar los parámetros que se envían por URL para así modificar el comportamiento de nuestro Javascript, por ejemplo si se envía un parámetro o tiene cierto valor, se podría cargar un objeto o implementar una función.

El script sería el siguiente:

// Obtenemos la URL
var url = document.location.href;
// Nos quedamos con los parámetros
url = url.substring(url.lastIndexOf('?')+1);
// Dividimos los distintos parámetros
url = url.split('&');
// Almacenamos los parámetros en un array(param => valor)
var res = new Array();
for(var i=0; i


Si nuestra URL es amigable, no hay parámetros sino que se indican en la propia URL (http://servidor/metodo/accion/parametro/parametro), deberíamos hacer algo así:

//Obtenemos la Query String (URL - host)
var url = document.location.href;
url = url.substring(url.lastIndexOf(document.location.host)+1);
// Separamos mediante la barra (/)
var res = url.split('/');
Como se puede apreciar es muy sencillo, pero nos puede ser muy útil, sobre todo si queremos ganar en rendimiento y no cargar todo el js, que a veces no está muy optimizado y en todas las páginas se carga cuando a veces no sería necesario.



		
		

			
			
				Javascript			
		

		QuickSearch: filtro de contenido con jQuery

	ByLuis					
						October 24, 2008					
					


	
		QuickSearch es una librería bastante interesante que permite filtrar el contenido de elementos que contengan cierto texto. Tan solo hay que pasar una lista de elemtos y estos los filtrará para mostrar solo aquellos que cumplan cierto filtro de texto.

Se puede pasar lista de elementos (ul), párrafos, tablas, … Se le puede indicar el texto o la imagen que muestre que se está filtrando datos, indicar retraso, añadir clases css, …

QuickSearch

Vía / WebAppers



		
		

			
			
				Javascript			
		

		Calcular la distancia entre dos direcciones usando Google Maps

	ByLuis					
						April 17, 2009					
					


	
		Interesante script que puede ser bastante útil en muchas aplicaciones2.0 en la que el se requiere conocer la distancia entre dos direcciones, por ejemplo buscar usuarios que se encuentre cerca de donde tú vives.

El script accede a Google Maps (es necesario tener una key) y mediante las dos direcciones introducidas obtiene la latitud y la longitud de ambas, luego mediante la teoría del gran círculo obtiene la distancia entre ambas coordenadas.

How to calculate distance with javascript and Google Maps API

Vía / @quenerapu



		
		

			
			
				PHP			
		

		XH GUI: GUI para XHProf

	ByLuis					
						April 28, 2010					
					


	
		Hace un tiempo, Facebook lanzó XHProf una librería que permite realizar debug de las aplicaciones, ahora sale una GUI que permite mostrar los datos obtenidos de XHProf.


MySQL para almacenar los datos
Almacena picos de uso de memoria, tiempos, CPU y estadisticas de las bases de datos
Compara datos de GET, POST y cookies
Usa los gráficos de Google Data Visualization API

A GUI for XHProf



		
		

			
			
				Javascript			
		

		TrimQuery: usa SQL en Javascript

	ByLuis					
						July 4, 2007					
					


	
		TrimQuery es un script que permite usar sentencias SQL para obtener datos contenidos en un objeto JSON.
Entre las caracterÃsticas que permite, nos encontramos con:

Codificado en Javascript estÃ¡ndar.
Admite SELECT … FROM.
ClÃ¡usulas WHERE.
OrdenaciÃ³n (ORDER BY) de varias columnas de forma ascendente (ASC) y descendente (DESC).
Alias (AS).
Agrupaciones (GROUP BY y HAVING).
Funciones: SUM, COUNT y AVG.
Joins
LIMIT y offsets.
ParametrizaciÃ³n.
Es ligero (mÃ¡s o menos), ya que ocupa menos de 700 lÃneas.

Si por ejemplo disponemos del siguiente objeto:
Invoice  : [ { id: 1, total: 100, custId: 10 },
{ id: 2, total: 200, custId: 10 },
{ id: 3, total: 300, custId: 10 },
{ id: 4, total: 400, custId: 20 } ],
Customer : [ { id: 10, acctBalance: 1000 },
{ id: 20, acctBalance: 2000 },
{ id: 30, acctBalance: 3000 } ]
Podemos obtener datos con la siguiente consulta:
SELECT Customer.id, Customer.acctBalance, Invoice.total
FROM Customer, Invoice
WHERE Customer.id = Invoice.custId
ORDER BY Customer.id
Es sensible a mayÃºsculas y minÃºsculas, ya que diferencia entre FROM y from.
Demo
TrimQuery
VÃa / dzone



		
		

			
			
				Grafismo | How to | Javascript | Laboratorio | PHP			
		

		Laboratorio: Recorta imágenes dinámicamente con PHP y HTML

	ByLuis					
						April 11, 2006					
					


	
		En muchos sitios web de almacenamiento de imágenes se nos permite retocar las imágenes. Hoy vamos a explicar como recortar una imagen directamente desde una página web.



Para ello tenemos que crearnos una página web que nos permita seleccionar la zona de la imagen que queremos recortar y de un script PHP que usando la librería GD recortará la imagen y la devolverá en formato PNG.
 Read More “Laboratorio: Recorta imágenes dinámicamente con PHP y HTML”

Similar Posts