Skipstorm

La soluzione che vi propongo oggi riguarda la creazione di una mappa immagine dove le aree vengono evidenziate al passaggio del mouse, qualcosa di simile all’immagine qua sotto.

Per farlo senza ricorrere ad html5 esistono principalmente due modi:

1. Utilizzare un’overlay con un div e css. Elegante ma limitato alle forme rettangolari.
2. Sostituire l’immagine. Un po macchinoso soprattutto quando ci sono molte aree cliccabili.

Prosegui la lettura…

Ovviamente il modo migliore di estrarre contenuti da flickr è utilizzare le sue api ma vi offro questo script come esempio in modo che possa essere modificato per altri scopi. Il dom non può essere utilizzato solo per html ma anche per l’xml e simili, un feed RSS ad esempio.

Gli utilizzi possibili sono diversi, dall’inserire su un sito i contenuti di un altro (se i copyright lo permettono) al monitoraggio di un sito, potreste ad esempio voler ricevere un’email quando viene pubblicato un nuovo articolo sul vostro sito preferito e così via.

Prosegui la lettura…

Ecco un piccolo esempio dove mostro come verificare che le password inserite in una registrazione siano le stesse prima di inviare i dati del form.
Quello che si fa in questi casi è catturare l’invio del form con l’evento onsubmit e chiamare la nostra funzione che fa inviare i dati solo se i dati sono corretti, in questo modo:

<script type=“text/javascript”>
// La nostra funzione
// Restituisce true se tutto è ok, false altrimenti

function controllacampi(){

var pass1 = document.formregistrazione.pass1.value;
var pass2 = document.formregistrazione.pass2.value;

if(pass1 == pass2)
return true;

else{
alert(“Le password non coincidono.”);

return false;

}
}
</script>

Il form html dove viene chiamata la nostra funzione all’onsubmit

<form method=”post” name=”formregistrazione” action=”registrazione.php” onsubmit=”controllacampi();”>

…

Anche se controllate questi dati tramite javascript dovete comunque ricontrollarli in php perchè un utente potrebbe avere javascript disabilitati o manipolare la pagina html, per saperne di più potete consultare l’articolo sui form dove spiega anche come ottenere i dati inviati in php.