Category Archives: ajax

Creare un Background con effetto scroll!

Ricreare l'effetto background in movimento è molto semplice, basta fare un div con dimensioni più piccole dell'immagine di sfondo e far muovere quest'ultima creando un effetto davvero magico.

Demo: http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained

jCrop, Ritagliare le immagine con jQuery e PHP!

Con jQuery tutto è possibile! Questo plugin permette di ritagliare l'immagine selezionando la parte desiderata.

Demo + Documentazione e Codice Sorgente: http://deepliquid.com/content/Jcrop_Download.html

Ricreare una galleria web in stile MobileMe!

Pochi anni fa Apple ha introdotto un servizio di nome mobileme, tra le tante caratteristiche troviamo la Web Gallery, un servizio di photo sharing. In questo articolo troverete la demo e il codice sorgente per ricreare la Web Gallery by Apple!

Codice Sorgente: http://nettuts.s3.amazonaws.com/357_gallery/demo.zip

Demo: http://nettuts.s3.amazonaws.com/357_gallery/demo/index.html

Tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/recreating-the-mobileme-web-gallery-interface/

Drag and drop dei contenuti delle tabelle con javascript

Con questo semplice script è possibile fare il drag and drop dei contenuti all'interno delle tabelle, in questo modo sarà possibile spostare i contenuti da una tabella all'altra senza ricaricare la pagina!

Codice Sorgente: http://www.redips.net/my/tar/redips2.tar.gz
Demo: http://www.redips.net/javascript/drag-and-drop-table-content/

Portfolio con scroll orizzontale

In questo tutorial verrà mostrato com'è semplice creare un portfolio particolare. Ovviamente lo script può essere utilizzato anche per altre cose.

Demo: http://qd9.co.uk/me/demos/portfolio1/

Codice sorgente: http://qd9.co.uk/me/demos/hz-jquery-portfolio.zip

Plugin jQuery effetto Pulse!

Questo plugin jQuery permette di aggiungere l'effetto pulse sui testi ma anche sulle immagini.

Per applicare l'effetto all'immagine basta inserire questo codice javascript all'interno della vostra pagina HTML:

$('#png-photo').pulse({
    backgroundColors: ['#eeae00','#ffdf5e'],
    speed: 500
});

Demo + Codice sorgente: http://enhance.qd-creative.co.uk/demos/pulse/

Checkbox stile iPhone in jQuery!

Se volete dare un tocco di stile alle vostre checkbox allora cliccate sui link qui sotto.

Demo: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html

Codice sorgente: http://cloud.github.com/downloads/tdreyno/iphone-style-checkboxes/iphone-style-checkboxes.zip

Costruire un motore di ricerca di documenti con jQuery

In questo articolo, troverete una demo e il codice sorgente per creare un motore di ricerca di documenti con il framework jQuery.

Ecco la demo: http://nettuts.s3.amazonaws.com/352_documentSearch/demo/index.html

Il codice sorgente: http://nettuts.s3.amazonaws.com/352_documentSearch/demo.zip

E il tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-web-20-document-search-engine/

Controllare in javascript se un elemento esiste

Questa funzione permette in modo molto semplice di verificare se esiste o meno un elemento.

function elementExists(id) {
	var el = document.getElementById(id);

	if (el != null) {
		return true;
	}

	return false;
}

if (elementExists('column')) {
	// Column exists
}