Script javascript: Evidenziare tramite jquery le parole trovate in una pagina

difficoltà:  script script script script script

19/11/2008

Quando si arriva in una pagina da un form di ricerca potrebbe esserci utile evidenziare nella pagina le parole cercate. Una delle possibilità potrebbe essere quella di usare jquery e un plugin: highlight. Con questo plugin potremo indicare facilmente quali parole evidenziare nella pagina. leggi


Script javascript: Textarea ridimensionabile con jquery

difficoltà:  script script script script script

27/10/2008

Vediamo come creare molto facilmente una textarea ridimensionabile con jquery. Basterà usare jquery e la libreria jquery.ui e in poche righe avremo la nostra textarea resizable. leggi


Script javascript: Calcolare differenza in giorni tra due date

difficoltà:  script script script script script

13/10/2008

Può essere utile in un form di prenotazione online, dove si da la possibilità all'utente di scegliere data di inizio e data fine, dover controllare che il periodo selezionato non superi un numero di giorni scelto dall'amministratore. Vedremo come creare la funzione che data la data di inizio e di fine calcoli la differenza in giorni tra le due date.
leggi


Script ajax: Caricare librerie ajax dai veloci server di google

difficoltà:  script script script script script

30/5/2008

Bella novità da parte di google. E' infatti ora possibile caricare le maggiori librerie javascript e ajax direttamente dai loro server. In questo modo abbiamo dei forti vantaggi. Innanzitutto risparmieremo la banda del nostro server, inoltre essendo utilizzata da altri c'è la possibilità che un utente arrivando sul nostro sito abbia già caricato in cache la libreria, quindi non dovrà ricaricarla, con vantaggi nella velocità di caricamento della pagina.
Al momento google da la possibilità di caricare le librerie ajax: jQuery, prototype, script.aculo.us, MooTools e dojo leggi


Script javascript: Controllo validità formato ed esistenza data

difficoltà:  script script script script script

19/2/2008

Abbiamo visto in precedenza come controllare la validità di una data in php, vediamo ora come eseguire il controllo di validità sia del formato della data che di esistenza della data in javascript.
Per prima cosa con le espressioni regolari controlliamo se il formato di inserimento è corretto nel formato gg/mm/aaaa e in seguito se la data effettivamente esiste. leggi


Script javascript: Controllare estensione di un file

difficoltà:  script script script script script

4/2/2008

Con questo script javascript potremo trovare l'estensione di un file. Alla funzione potremo passare il nome di un file, il percorso completo di un file sul nostro disco o un url.
Questa funzione può essere usata anche per validare un campo input file, in cui si possono accettare solo alcune estensioni di file da caricare. leggi


Script javascript: Controllo se browser ha blocco popup attivo

difficoltà:  script script script script script

26/1/2008

Come sappiamo tutti la maggior parte dei browser hanno ormai il blocco popup attivo di default e bloccano l'apertura automatica dei popup al caricamento della pagina.
In linea di massima però la maggior parte dei browser permette l'apertura del popup se questo avviene dopo una precisa azione dell'utente. Ad esempio il click su un link che esegue una funzione del tipo window.open.
La sicurezza assoluta però che questo avvenga non possiamo averla. Questo perché capita che utenti possano avere utility o toolbar che hanno un proprio motore di blocco popup. Ad esempio la toolbar di Yahoo o quella di Google. O altri popup blocker.
Come assicurarsi quindi che all'esecuzione della funzione window.open all'utente si sia aperta la finestra popup? Come agire nel caso questa finestra non venga aperta?
La soluzione che presento qui è molto semplice. Controllo se il popup è stato aperto. Nel caso sia stato bloccato do un'alternativa in modo tale che l'utente possa continuare la navigazione o per lo meno essere avvertito che a causa del blocco non ha potuto compiere un'operazione. leggi


Script javascript: Controllo validità url di video youtube

difficoltà:  script script script script script

17/12/2007

Abbiamo visto in precedenza come controllare la correttezza sintattica di un url relativo a un video su youtube. Il controllo in questo caso avveniva lato server, ma prima dell'invio dei dati al server e ulteriore verifica, può risultare comodo controllare i dati con javascript. Per cui vedremo in questo script come validare un url di un video youtube lato client con l'uso delle espressioni regolari. leggi


Script javascript: Onclick e link accessibili con javascript disattivato

difficoltà:  script script script script script

2/11/2007

Capita spesso di usare funzioni javascript per aprire link, o popup, o inviare dati in modo asincrono ad una pagina per aggiornare i contenuti con ajax. Bisogna però tenere conto che se l'utente ha javascript disattivato non potrà seguire i link, o aggiornare le pagine. Nonostante la maggior parte dei browser abbia solitamente javascript attivo, bisogna pensare che i dispositivi mobile, cellulari e quant'altro non sempre riescono a leggere javascript in modo corretto. Inoltre gli spider dei motori di ricerca non seguiranno i link e non aggiorneranno le pagine con ajax, non indicizzando così tutte le pagine.
La soluzione è dare una doppia possibilità al browser, una per chi ha javascript attivato e una per chi non ha javascript attivato. leggi


Script javascript: Aggiungere e rimuovere option da una select

difficoltà:  script script script script script

4/9/2007

Con questo script vedremo come aggiungere in modo dinamico voci da un menù a tendina (select) ad un altro. Per questo esempio avremo una select piena e da questa sarà possibile aggiungere option a un'altra select vuota. In seguito potremo eliminare singole voci dalla select o svuotarla del tutto. leggi


Script javascript: Funzione trim in javascript

difficoltà:  script script script script script

10/7/2007

Sia in asp che in php si fa spesso uso della funzione trim che elimina gli spazi bianchi all'inizio e alla fine di una stringa.
Questo è utile sia per eliminare eventuali spazi inseriti per sbaglio a inizio o fine stringa, o ancora meglio per controllare se effettivamente un campo di un form è vuoto.
Infatti se controlliamo che il campo sia diverso da '' (vuoto) non possiamo essere sicuri che per esempio non sia diverso da ' ' (uno o più spazi bianchi). leggi


Script javascript: Select a larghezza fissa in explorer

difficoltà:  script script script script script

13/5/2007

Può capitare di dover inserire un menù a tendina in un box, o comunque in uno spazio limitato, nonostante il contenuto della select contenga dei campi option piuttosto lunghi. Chi avrà provato a dare uno stile, attraverso css, ai campi select in modo tale da dargli dimensione fissa si sarà accorto che mentre in firefox il tutto funziona correttamente, in explorer non è così. In entrambi i browser infatti la select tiene la dimensione data attraverso l'attributo width, ma mentre in firefox quando si clicca sul menu a tendina si può leggere il contenuto completo delle opzioni, in explorer queste vengono tagliate alla lunghezza prestabilita.
Con questo script vedremo come risolvere la questione con un piccolo javascript. leggi


Script javascript: Modificare href di un link con javascript

difficoltà:  script script script script script

28/3/2007

Con questo semplice script potremo modificare la pagina di destinazione di un link attraverso javascript, modificando il parametro href del link. leggi


Script javascript: Galleria fotografica con thumb e pop-up di dimensione immagine

difficoltà:  script script script script script

29/1/2007

Questo script creato in Javascript permette di creare una galleria fotografica con thumbnails nelle quali cliccandoci sopra verrà aperto un pop-up di dimensioni uguali alla grandezza dell'immagine. leggi


Script javascript: Aggiungere elementi a una pagina web

difficoltà:  script script script script script

21/12/2006

Con questo script javascript potremo aggiungere dinamicamente degli elementi DIV all'interno di un div contenitore, creando nuovi nodi alla pressione di un pulsante. leggi


Script javascript: Menù dhtml multilivello a tendina

difficoltà:  script script script script script

14/12/2006

Questo script con l'ausilio di css e javascript consente di creare un menù a tendina con più livelli, in verticale e orizzontale. Simile per esempio al menù start di windows o ai menù di quasi tutti i programmi offline. leggi


Script javascript: Controllo validità email

difficoltà:  script script script script script

4/12/2006

Semplice funzione per il controllo della validità dell' e-mail inserita in form attraverso espressioni regolari. Utile per il controllo di un form lato client in cui si richiede l'inserimento della mail. In caso la mail non sia valida viene visualizzato un alert di errore. leggi


Script javascript: Anteprima immagine per upload

difficoltà:  script script script script script

28/11/2006

Questo script permette di visualizzare l'anteprima di un immagine che si desidera caricare sul server attraverso un form. Lo script leggerà l'url dell'immagine locale e la visualizzerà sostituendo l'immagine di default con quella da caricare. leggi


Script javascript: Funzione antispam per mailto

difficoltà:  script script script script script

16/11/2006

Con questo piccolo script potremo inserire nelle nostre pagine web un link del tipo "mailto:myname@mydomain.it" senza che la mail sia preda di motori spambot alla ricerca di mail a cui inviare spam. leggi


Script javascript: Loading di attesa caricamento pagina

difficoltà:  script script script script script

13/11/2006

Con questo piccolo script vedremo come visualizzare un box di attesa durante il caricamento della pagina. A caricamento ultimato il box "Loading.." scomparirà. leggi


Script javascript: Preview di testo digitato in textarea

difficoltà:  script script script script script

6/11/2006

Questo script permette di vedere in tempo reale durante la digitazione in una textarea la preview del testo digitato in un div tenendo la formattazione del testo che verrà visualizzato nel sito. Lo script a ogni pressione di un tasto all'interno della textarea copia il contenuto del testo all'interno del div sottostante. leggi


Script javascript: Seleziona tutti e deseleziona tutti gli elementi di una checkbox

difficoltà:  script script script script script

31/10/2006

Con questo script vediamo come preso un elenco di voci selezionabili tramite checkbox sia possibile selezionare tutte o deselezionare tutte le voci della lista cliccando su un apposito link. leggi


Script javascript: Inviare i dati di un form a una popup

difficoltà:  script script script script script

18/10/2006

A volte puo' risultare utile inviare i dati di un form ad una popup. Come fare? Ecco un semplice script in javascript. leggi


Script javascript: Generare codice alfanumerico casuale

difficoltà:  script script script script script

25/9/2006

La funzione permette di generare codici alfanumerici casuali di n caratteri. Utile per generare password random contenente solo lettere e numeri. leggi


Script javascript: Caricare css diversi in base a risoluzione monitor

difficoltà:  script script script script script

13/9/2006

Ancora oggi i siti web vengono fatti per lo più per adattarsi a risoluzione 800x600, nonostante oggi la maggior parte degli utenti utilizzano una risoluzione di 1024x768. Come creare un sito in modo tale che possa adattarsi alla risoluzione del monitor dell'utente sia esso a risoluzione 1024x768, sia esso a 800x600? Carichiamo il css in base alla risoluzione con javascript. leggi


Script javascript: Passare dati da popup a pagina principale

difficoltà:  script script script script script

26/7/2006

Una volta aperta una popup da una pagina ci serve passare dal popup un dato alla pagina principale. Ecco come. leggi


Script javascript: Scroll al fondo di textarea

difficoltà:  script script script script script

26/7/2006

Script che permette di scrollare fino al fondo della textarea. Utile se interessa visuale per prime le ultime informazioni contenute. Utile ad esempio per chat. leggi


Script javascript: Ridimensionare popup come immagine contenuta

difficoltà:  script script script script script

20/7/2006

Questo script permette di aprire una popup che all'apertura si ridimensiona prendendo l'altezza e la larghezza dell'immagine in essa contenuta. leggi