Gestione dei link con Javascript
- Maggio 21, 2010
- by
- Donatantonio
In questo articolo verranno descritte alcune utili funzioni per modificare tramite codice Javascript i link presenti all’interno di una pagina web. Le funzioni saranno quindi incentrate sul tag <a> e su i suoi parametri.
Realizzeremo quattro diverse funzioni:
La prima funzione è così definita:
<script type='text/javascript'> function nuovoLink(new_pagina){ document.getElementById('link').href=new_pagina; } </script>La funzione nuovoLink prende come parametro l’url della nuova pagina di destinazione e aggiorna l’href.
La seconda funzione invece:
function modificaLink(parametro,valore){ var link = document.getElementById('link').href; if(link.indexOf("?")!=-1){ link = link + "&"+parametro+"="+valore+""; }else{ link = link +...Form dinamico – Aggiunta elementi di input
- Maggio 20, 2010
- by
- Donatantonio
In molti casi risulta necessario creare un modulo di immissione dati che si adatti alle diverse scelte dell’utente. In altri termini vorremmo poter aggiungere ad esempio un campo di testo qualora l’utente selezioni una particolare voce o semplicemente in relazione ad un input precedentemente inserito.
Un classico esempio a chiarire le idee è un form...
Controllo importo in Javascript e messaggio di errore
- Aprile 08, 2010
- by
- Donatantonio
La funzione is_importo consente di verificare il corretto formato e valore di un importo (in euro o altra valuta) inserito da un utente mediante un’apposita form.
Immaginiamo un applicazione web che richieda all’utente l’immissione di uno o più valori monetari. Il nostro scopo, e desiderio, è quello di validare tali importi prima che questi siano...
Div con bordo lampeggiante
- Aprile 01, 2010
- by
- Donatantonio
La funzione bordo_flash permette di alternare il colore del bordo di un div in modo tale che l’effetto finale sia quello di vedere un div lampeggiante.
La funzione che segue richiede 6 parametri obbligatori:
Controllo data in Javascript e messaggio di errrore
- Marzo 26, 2010
- by
- Donatantonio
La funzione check_longdate permette di controllare la correttezza di una data nel formato aaaammgg restituendo nel caso contrario un messaggio di errore da visualizzare direttamente nella pagina.
Immaginiamo ad esempio ad una form che dopo aver fatto scegliere una data visualizzi, in un div inizialmente vuoto, un messaggio di errore nel caso in cui la...
Formattare una data in Javascript
- Marzo 26, 2010
- by
- Donatantonio
La seguente funzione permette di fomattare una data dal formato aaaammgg nel formato più leggibile tipo gg/mm/aaaa oppure gg-mm-aaaa o in ultima alternativa stampando il mese in forma estesa.
Ecco la funzione formatta_data :
Finestra popup sempre in primo paino
- Marzo 26, 2010
- by
- Donatantonio
Bastano poche righe di codice Javascript per rendere una finestra sempre in primo piano rispetto alle altre.
Immaginiamo all’esigenza di far apparire ad un determinato evento una sorta di finestra di avviso, con le stesse funzionalità di un alert, che però possa supportare codice html strutturato.
Per raggiungere il nostro obiettivo utilizzeremo in combinazione il...
Stampare contenuto di un div con Javascript
- Gennaio 15, 2010
- by
- Donatantonio
In questa guida verrà descritto come stampare l’effettivo contenuto di un div o di un blocco all’interno di una pagina web.
Pensiamo ad esempio all’icona di stampa presente sul lato superiore degli script di questo sito, il suo scopo è quello di isolare tale blocco dal contesto della pagina e quindi permetterne la stampa.
Descriviamo il...
Attesa caricamento pagina in Javascript
- Gennaio 11, 2010
- by
- Donatantonio
Durante il caricamento di una pagina web può spesso risultare comodo e stilisticamente elegante presentare al visitatore un’animazione di attesa.
In genere tale animazione si concretizza con una classica rotellina ruotante seguita dal testo “Loading…”. Lo script proposto si compone di poche righe javascript, precedute da codice CSS per gestirne lo stile. Verrà visualizzato a...
