Archivi tag: javascript

Realizzare anteprime di prodotti con jQuery

Oggi voglio proprorvi dei plugin per jQuery che permettono di realizzare delle anteprime di prodotti, di un eventuale sistema di e-commerce, in modo davvero particolare.
productColorizer è una semplice e utile soluzione che permette di visualizzare l’anteprima di un prodotto in diversi colori. Demo

threesixty è un fantastico plugin che permette di visualizzare immagini a 360 gradi. Demo

Individuare l’orientamento dell’iPhone

Vediamo come riconoscere in javascript l’orientamente dell’iPhone:

window.onload = function initialLoad() {
updateOrientation();
}

function updateOrientation(){
var contentType = “show_”;
switch(window.orientation){
case 0:
contentType += “normal”;
break;

case -90:
contentType += “right”;
break;

case 90:
contentType += “left”;
break;

case 180:
contentType += “flipped”;
break;
}
document.getElementById(“page_wrapper”).setAttribute(“class”, contentType);
}

Nel codice precedente viene inserita una classe differenti a secondo del tipo di orientamente dell’iphone per l’elemento html “page_wrapper”.

JavaScript Object Oriented

Creare un oggetto: Constructor functions

 function myObject(){

    };

un altro modo Literal version:

    var myObject = {

    };

Definizione di metodi e proprietà
Constructor version:

    function myObject(){
        this.iAm = 'an object';
        this.whatAmI = function(){
            alert('I am ' + this.iAm);
        };
    };

Literal version:

    var myObject = {
        iAm : 'an object',
        whatAmI : function(){
            alert('I am ' + this.iAm);
        }
    }

Chiamare metodi e menbri
Se utilizziamo la Literal version:

myObject.whatAmI();

se utilizziamo la Constructor version:

  var myNewObject = new myObject();
    myNewObject.whatAmI();

Vediamo come instanziare dinamicamente

function myObject(what){
	this.iAm = what;
	this.whatAmI = function(language){
		alert('I am ' + this.iAm + ' of the ' + language + ' language');
	};
};

Modificare, testare e debug Javascript online in modo collaborativo

JS Bin è una webapp progettata specificatamente per aiutare lo sviluppo in Javascript e CSS . Permette di testare ed effettuare il debug del codice in modo collaborativo.

JS Bin permette di modificare e testare codice JavaScript e HTML. Una volta che si è contenti di ciò che si è realizzati, puoi salvare e inviare l’URL a peer per modifiche o chiedere aiuto.

APE: open source Ajax Push Engine

The first Open Source Ajax Push Engine

APE (Ajax push Engine) è una tecnologia open source che permette di scambiare i dati attraverso il browser tra vari utenti senza la neccessità di effettuare il caricamento della pagina.
Di seguito il video di presentazione ufficiale.

Utilizza lo standard web per garantire scalabilità, infatti, funziona con i più comuni browser.

APE is fully cross browser. Ajax Push Engine works with all the Internet browsers.

La parte principale di APE è il epoll-driven HTTP server interamente scritto in C. Attraverso particolari protocolli riesci a mantenere attiva la connessione tra client e server  tramite  XHR long-polling (cross browser), forever frame e altri meccanismi. Il server può essere esteso usando moduli scritti in C oppure JacaScript server-side.

La seconda parte di APE è il framework Javascript basato su MooTools.

Per maggiori informazioni visitate il sito ufficiale.

Website: http://www.ape-project.org/en/
Demo: http://www.ape-project.org/en/demos/
Download: http://www.ape-project.org/en/download/

File manager in PHP, Ajax e Javascript

1. AjaXplorer

Ajax File Manager

2. fileNice

Ajax File Manager

fileNice is a free php file browser, particularly useful if you have a ‘dump’ folder on your server where you regularly upload files and you want to be able to see what’s there.

3. File Thingie

Ajax File Manager

4. MooTools based FileManager

Ajax File Manager

5. Relay

Ajax File Manager

6. Kae’s File Manager

Ajax File Manager

7. eXtplorer

Ajax File Manager

Continua la lettura di File manager in PHP, Ajax e Javascript