Gli "StaffScripts" vengono realizzati dallo Staff di JsDir e sono una via di mezzo fra gli script già pronti da copiare&incollare e dei veri e propri tutorials.
Il loro scopo principale è fornire una descrizione il più possibile dettagliata dei metodi usati, ma sono anche accompagnati da una pagina HTML che li usa e ne mostra il funzionamento.
 |
 |
 |
 |
 |
 |
| Espandi tutte le descrizioni |
 |
| Drop Down Menu |  | (6792) | 25/02/2004 | Riccardo | Punti: 3,2/5 Vota |
| Una nuova implementazione per il menu a discesa che si rifà ampiamente al menu a tendina. Questa versione del menu è molto più semplice da implementare e configurare e non soffre dei bug del vecchio. |
 |
| Chars Left in più campi textarea |  | (437) | 05/01/2004 | Riccardo | Punti: 3,4/5 Vota |
| Questa variante di uno script analogo on-line dal Gennaio 2002 consente di monitorare indipendentemente i caratteri inseriti in illimitati campi TEXTAREA |
 |
| Frameset Dinamici (2) |  | (790) | 24/09/2003 | Riccardo | Punti: 2,5/5 Vota |
| Anche se ne abbiamo già parlato un anno fa, questa nuova implementazione consente di aprire dei frameset presettando le pagine aperte nei frames, ma eliminando i fastidiosi errori di "Access Denied" spesso evidenziati da Explorer |
 |
| Site Pointer |  | (1232) | 23/05/2003 | Riccardo | Punti: 3,3/5 Vota |
| Site Pointer è una barra che indica la posizione all'interno del sito, pescando i valori da un array è in grado di visualizzare le famose "briciole di pane" sia in siti statici che dinamici. |
 |
| Elementi fissi nella pagina - Nuova versione |  | (1436) | 30/04/2003 | Gianni | Punti: 4,9/5 Vota |
| A distanza di più di un anno alcuni browser sembrano pronti a tener fermi nella nostra pagina dei livelli, ma bisogna ancora lavorare un poco per accontentare Internet Explorer |
 |
| Convertitore di numeri in testo (v. 1.2) |  | (2285) | 15/04/2003 | Gianni | Punti: 437/5 Vota |
| Questo script converte qualsiasi numero anche decimale in lettere rispettando le elisioni del linguaggio naturale naturalmente in italiano. |
 |
| Banner dinamico espandibile crossbrowser |  | (1364) | 01/04/2003 | Riccardo | Punti: 3,6/5 Vota |
| Con un livello e poche righe di JavaScript realizziamo un effetto molto in voga per l'adv su internet: un banner che al mouseover viene sostituito da un'altra immagine più grande in grado di fornire molte più informazioni e di catturare l'attenzione del visitatore. |
 |
| Mappa RollOver con memoria |  | (1581) | 17/03/2003 | Riccardo | Punti: 3,3/5 Vota |
| Una semplicissima soluzione per realizzare mappe cliccabili con rollover che evidenzia le aree attive. Nelle pagine di arrivo viene usata, come immagine di default, quella relativa alla pagina aperta. |
 |
| Scrivi tag mailto: con JavaScript |  | (846) | 30/01/2003 | Riccardo | Punti: 2,5/5 Vota |
| Questo piccolo script si occupa di scrivere il tag HREF per il mailto: in modo dinamico sulla nostra pagina web evitando che compaia in chiaro e possa essere intercettato dagli spammer. |
 |
| Accesso riservato con verifica della password |  | (3418) | 22/10/2002 | Riccardo | Punti: 4,6/5 Vota |
| Uno script per creare un'area riservata nel proprio sito che con poche righe di codice ed un'immagine consente di verificare la password digitata dall'utente senza strane cifrature né errori di accesso al server. |
 |
| printf() - Output formattato in JavaScript |  | (1087) | 26/09/2002 | Maurizio | Punti: 3,7/5 Vota |
| Una funzione che sopperisce ad una grande mancanza di JavaScript: la possibilita' di generare un output formattato, particolarmente utile per l'output di numeri, printf() accetta in ingresso oltre al valore da stampare una stringa che descrive l'output desiderato. |
 |
| Calendario |  | (7253) | 02/09/2002 | Maurizio | Punti: 4,0/5 Vota |
| La soluzione definitiva per far inserire una data ai vostri utenti: cliccando su un bottone verrà visualizzato un calendario in cui sarà possibile sceglier la data. |
 |
| Frame dinamico |  | (1027) | 08/08/2002 | Riccardo | Punti: 2,5/5 Vota |
| Uno script semplicissimo che consente di creare un frameset in cui sono caricate le pagine indicate dal link. |
 |
| Floating Banner |  | (1100) | 15/07/2002 | Riccardo | Punti: 3,3/5 Vota |
| Anche nella propria homepage le nuove tendenze delle agenzie di advertising: un banner in movimento che si posiziona da se' al suo posto. |
 |
| Countdown |  | (1649) | 28/06/2002 | Riccardo | Punti: 1/5 Vota |
| Visualizzare quanto tempo è passato, o manca, ad una determinata data. |
 |
| Menu a tendina animato |  | (21781) | 17/06/2002 | Marco | Punti: 4,6/5 Vota |
| Un nuovo menu a tendina con un simpatico effetto di chiusura. Gia' predisposto sia per l'utilizzo in pagine singole che in frameset |
 |
| Caricare un CSS adatto al browser |  | (746) | 30/05/2002 | Riccardo | Punti: 2,5/5 Vota |
| Pochissime righe di JavaScript per caricare un foglio di stile adatto al browser usato dal nostro visitatore. Una possibile soluzione per ottenere testi uguali su tutti i browser. |
 |
| RollOver per livelli |  | (877) | 13/05/2002 | Riccardo | Punti: 3/5 Vota |
| Uno script che consente di visualizzare dei livelli associati ai links della vostra pagina. Una sorta di tooltip fisso con cui si possono dare delle informazioni aggiuntive al link. |
 |
| Popolare una SELECT tramite un campo testo |  | (776) | 15/04/2002 | Riccardo | Punti: 3/5 Vota |
| Questo script consente di popolare una SELECT multipla man mano che i primi caratteri delle opzioni vengono scritti in un campo testo. |
 |
| Verificare che la data inserita sia valida |  | (842) | 02/04/2002 | Riccardo | Punti: 3/5 Vota |
| Un semplice script che verifica se la data che l'utente ha inserito in un TEXTBOX è una data "reale" e non inesistente. |
 |
| Menu a tendine orizzontale |  | (8352) | 27/03/2002 | Riccardo | Punti: 2,5/5 Vota |
| Una terza versione del Menu a Tendine: questa volta le voci del menu selezionato si sviluppano in orizzontale sotto la riga principale. Un'organizzazione molto utile se il sito è costruito a frames. |
 |
| Rollover Three-State per sito con frames |  | (569) | 25/03/2002 | Riccardo | Punti: 2,3/5 Vota |
| Un'estensione del rollover di immagini, adattato al caso di un sito a frames, che al click sul link visualizza una terza immagine e la mantiene attiva anche al cambio di pagina. |
 |
| RollOver Three State su singola pagina |  | (494) | 22/03/2002 | Riccardo | Punti: 1/5 Vota |
| Un'estensione del rollover di immagini che al click sul link visualizza una terza immagine e la mantiene attiva anche al cambio di pagina. |
 |
| Scorrere una SELECT con un campo testo |  | (856) | 20/03/2002 | Riccardo | Punti: 3/5 Vota |
| Lo script effettua la selezione "dinamica" dalle options di una lista SELECT durante la digitazione delle prime lettere in un TEXTBOX. Aggiornato 04/03/2004 |
 |
| Telecomando |  | (3065) | 04/03/2002 | Riccardo | Punti: 3/5 Vota |
| All'apertura della homepage viene aperta anche una finestra che conterrà i principali link al sito: una sorta di telecomando per fare zapping nel sito! |
 |
| News scroller con movimento verticale |  | (3621) | 31/01/2002 | Riccardo | Punti: 2,5/5 Vota |
| Uno script di sicuro effetto per le vostre pagine web: presentare un gruppo di news che scrollano in un box (un layer) con movimento verticale. |
 |
| Scroller per testo in layer |  | (2177) | 22/01/2002 | Riccardo | Punti: 3,8/5 Vota |
| Uno script che consente di scorrere un testo contenuto in un livello al MouseOver su links. |
 |
| Conta caratteri per TEXTAREA |  | (726) | 17/01/2002 | Riccardo | Punti: 3,7/5 Vota |
| Uno script semplicissimo per limitare il numero di caratteri digitati in una TEXTAREA di un form. |
 |
| Elementi HTML fissi nella pagina |  | (1277) | 09/01/2002 | Riccardo | Punti: 3,3/5 Vota |
| La data e ora correnti vengono scritte in un livello che si riposiziona automaticamente nell'angolo in alto a destra anche se la pagina viene scrollata. |
 |
| News Ticker |  | (2962) | 02/01/2002 | Riccardo | Punti: 3,3/5 Vota |
| Il news ticker vi consente di far ruotare in un livello dei testi linkati alle vostre pagine HTML. Ideale per presentare in modo più accattivante gli ultimi aggiornamenti al sito o le sezioni più interessanti. |
 |
| Un database per la 'ricerca nel sito'. |  | (2952) | 17/12/2001 | Riccardo | Punti: 2/5 Vota |
| Un array in JavaScript per realizzare un piccolo motore di ricerca per le pagine del sito. |
 |
| Balls Game |  | (602) | 10/12/2001 | GogetaSSJ3 | Punti: 3/5 Vota |
| Da un nuovo collaboratore un gioco ispirato a Dragon Ball, clicca su tutte le immagini per realizzare il massimo punteggio. |
 |
| Ad ogni FRAME la sua History |  | (437) | 05/12/2001 | Marco | Punti: 1/5 Vota |
| Un semplice script che può venirci in aiuto in un caso molto particolare: il sito realizzato con i frames e la necessità di modificare il funzionamento dei tasti di navigazione del browser. |
 |
| Page Sequencer |  | (841) | 26/09/2001 | Riccardo | Punti: 2,5/5 Vota |
| [AVANTI] - [INDIETRO]... bastano due link per sfogliare il sito. |
 |
| Follow Me |  | (1013) | 17/09/2001 | Riccardo | Punti: 1/5 Vota |
| Un livello che segue il mouse nei suoi spostamenti all'interno della pagina. |
 |
| Menu ad albero con cartelle e links |  | (8820) | 06/09/2001 | Fabiano | Punti: 3,6/5 Vota |
| Una nuova versione del menu ad albero: questa volta è possibile inserire sia cartelle che links inframmezzandoli. Aggiornato 08/02/2002 |
 |
| Tooltip |  | (1188) | 05/09/2001 | Riccardo | Punti: 3/5 Vota |
| Uno script per visualizzare un livello contenente un testo mentre il mouse passa su un link HTML. Il livello si sposta insieme al puntatore. |
 |
| Menu al lato destro |  | (3239) | 03/09/2001 | Riccardo | Punti: 1/5 Vota |
| Un menu posizionato al margine destro del browser e che resta visibile allo scrolling della pagina. Per chi vuole imparare: nello script ho usato per la prima volta il costruttore "Function". |
 |
| Convertitore Euro <=> Lire |  | (1434) | 27/08/2001 | Riccardo | Punti: 1/5 Vota |
| Un convertitore Lire/Euro Euro/Lire. Niente di quanto già visto sul web. Qui ci sono sempre i decimali (anche se zeri) e la possibilità di inserire i separatori delle migliaia. |
 |
| Loading... |  | (3685) | 10/08/2001 | Riccardo | Punti: 3,3/5 Vota |
| Come inserire nella vostra pagina una scritta di "Loading..." (o un'immagine o un filmato) che resterà visibile finché la pagina non sarà caricata. |
 |
| Popolare una <SELECT> |  | (1734) | 06/08/2001 | Riccardo | Punti: 3,3/5 Vota |
| Come popolare dinamicamente una lista inserendo le <OPTION>. Nel nostro esempio riempiamo una lista inserendo volta per volta le provincie di alcune regioni. |
 |
| Menu AVVIO stile Windows |  | (5330) | 04/08/2001 | Fabiano | Punti: 2,5/5 Vota |
| Da una sfida nata nel newsgroup iclj, Fabiano ha tirato fuori dal suo cilindro un'altra idea: un menu AVVIO a quello di Windows. Molto indicato se aprite il vostro sito in "fullscreen". |
 |
| Calcolo Codice Fiscale |  | (6043) | 09/07/2001 | Giuseppe | Punti: 3/5 Vota |
| Uno script per il calcolo del codice fiscale. Contiene un db di 230 KB con l'elenco dei comuni e rispettivi codici. Per evitare un lungo download sul browser è disponibile anche una versione che si appoggia a JsDir per la consultazione del DataBase. |
 |
| Menu a discesa con interfaccia |  | | 09/07/2001 | Fabiano | |
| Un menu a discesa in cui le voci principali si allargano per far spazio alle voci del menu. Menu non più disponibile |
 |
| Menu a tendine verticale |  | (10510) | 10/05/2001 | Riccardo | Punti: 3,3/5 Vota |
| Lo stesso menu a tendina che trovate immediatamente sotto, ma il menu principale si sviluppa in verticale invece che in orizzontale. |
 |
| Menu a tendine |  | (17208) | 07/05/2001 | Riccardo | Punti: 2,3/5 Vota |
| Disponibile per il vostro sito il nuovo menu di JsDir. |
 |
| Interfaccia per il carrello della spesa |  | (2117) | 12/04/2001 | Fabiano | Punti: 3/5 Vota |
| Interfaccia per editare via browser (IE4+) il file articoli.js del carrello della spesa. |
 |
| Menu tasto destro |  | (4118) | 10/04/2001 | Fabiano | Punti: 3,5/5 Vota |
| Un menu attivato al click sul tasto destro che sostituisce quello di sistema. |
 |
| Mandare un form in una pop-up |  | (1355) | 28/03/2001 | Riccardo | Punti: 2,3/5 Vota |
| Poche righe di JavaScript ci consentono di avere i risultati del form in una pop-up invece che nella pagina di partenza. |
 |
| Orologio-Datario dinamico |  | (2215) | 20/03/2001 | Fabiano | Punti: 1/5 Vota |
| Un orologio tutto particolare. Secondo l'ora del giorno un sole o una luna cambiano posizione nel cielo! |
 |
| Menu ad albero con sottocartelle |  | (6602) | 20/03/2001 | Fabiano | Punti: 3,6/5 Vota |
| Una nuova versione del menu ad albero. Questa volta comprende anche delle sottocartelle per migliorare l'organizzazione dei nostri links. |
 |
| Carrello della spesa |  | (7992) | 14/03/2001 | Fabiano | Punti: 3,6/5 Vota |
Un carrello della spesa completamente FREE anche per usi commerciali. Completo di invio ordine!!! |
 |
| Un mondo senza scrollbars |  | (2640) | 07/03/2001 | Fabiano | Punti: 3,7/5 Vota |
| Le barre di scorrimento sono
antiestetiche, lo dicono tutti. Questo
script propone una possibile soluzione
per eliminarle, se proprio non riusciamo
a contenere l'ingombro della pagina. |
 |
| Marquee |  | (1191) | 02/03/2001 | Riccardo | Punti: 1/5 Vota |
| Una striscia colorata nella quale
scrolla un testo predefinito.
Praticamente un |
 |
| Intro in DHTML per il vostro sito |  | (2862) | 02/03/2001 | Fabiano | Punti: 3,6/5 Vota |
| Una semplice introduzione d'effetto per
il vostro sito. L'effetto è simile ai
più semplici filmati in Flash, ma questo
è HTML+JavaScript! |
 |
| Semplice menu a scomparsa. |  | (5553) | 02/03/2001 | Fabiano | Punti: 2,5/5 Vota |
| Un semplice menu a scomparsa che entra
da sinistra nella pagina al click sul
nome. |
 |
| Rullino d'immagini |  | (2202) | 27/02/2001 | Fabiano | Punti: 3,6/5 Vota |
| Uno slider di immagini crossbrowser.
Vengono usati dei livelli per evitare il
ridimensionamento imposto da Netscape
alla proprietà "src". |
 |
| Menu ad albero |  | (6870) | 21/01/2001 | Fabiano | Punti: 4,3/5 Vota |
| Un menu ad albero in stile "Esplora
Risorse" di Windows, facilmente
configurabile e compatibile
IE4/NN4/IE5+/NN6. |
 |
| Immagini, links o testi casuali |  | (1059) | 04/12/2000 | Riccardo | Punti: 2,6/5 Vota |
| Un semplice script che sceglie a caso un
certo numero di elementi da un array
(immagini, links, frasi) e li visualizza
nel documento. |
 |
| Guida veloce a JavaScript 1.2 |  | (3647) | 14/11/2000 | Fabiano | Punti: 3,3/5 Vota |
| Una reference veloce a JavaScript 1.2
sotto forma di motore di ricerca. |
 |
| Effetti su Finestre |  | (2251) | 02/11/2000 | Riccardo | Punti: 3,3/5 Vota |
| Stanco di vedere le tue finestre di
pop-up che si aprono dove vogliono loro?
Con gli script di questa scheda le puoi
aprire e spostare sullo schermo lungo
una retta o una curva. |
 |
| Effetti per la Barra di Stato |  | (1854) | 26/10/2000 | Riccardo | Punti: 3,3/5 Vota |
| Cinque effetti di testo per la barra di
stato del vostro sito. |
 |
| Cerca il mirror più veloce |  | | 08/10/2000 | Riccardo | Punti: 2,5/5 Vota |
| Se il tuo sito è mirrorato su
più server, questo script
consente al tuo visitatore di vedere il
mirror per lui più veloce. |
 |
| 1.000 non più 1000 |  | (768) | 05/06/2000 | Riccardo | Punti: 2,6/5 Vota |
| Una function che permette di scrivere dei numeri in un campo TEXT con i punti delle migliaia. Utilissima quando si debbano visualizzare dei prezzi. |
 |
| Test con CheckBox |  | (1065) | 18/04/2000 | Riccardo | Punti: 1/5 Vota |
| Uno script che consente di sottoporre dei test a risposta multipla. |
 |
| Test con RadioButton. |  | (1578) | 18/04/2000 | Riccardo | Punti: 1,5/5 Vota |
| Uno script che consente di sottoporre dei test a risposta unica. |
 |
| Inserimento guidato della data |  | (1282) | 10/04/2000 | Riccardo | Punti: 1/5 Vota |
| Uno script che consente di far inserire la data nel modo desiderato. La versione pubblicata usa il formato "gg [mese in lettere] aaaa" ma è facile personalizzarlo per le proprie necessità. |
 |
| paZZword |  | (2630) | 15/03/2000 | Riccardo | Punti: 3,5/5 Vota |
| Nuova versione dello script per la Password. Ora si può controllare l'input del visitatore mantenendo la segretezza nel sorgente. |
 |
| Data e Ora |  | (2665) | 14/02/2000 | Riccardo | Punti: 1/5 Vota |
| Come leggere la data e l'ora del computer (ospite) e realizzare un orologio digitale. |
 |
| Schiaccia la mosca |  | (1187) | 05/02/2000 | Riccardo | Punti: 3/5 Vota |
| Un simpatico giochetto. Può far
innervosire il nostro visitatore (se non
è appena appena padrone dell'uso del
computer) come, se non più, degli
interminabili Alert. |
 |
| Messaggi nella barra di stato |  | | 30/01/2000 | Riccardo | Punti: 1/5 Vota |
| Come visualizzare messaggi nella bara di stato del browser. Utili sia per affiancare il titolo della pagina che per dare un'indicazione sul link che si sta per aprire. |
 |
| Frasi a caso |  | (659) | 30/01/2000 | Riccardo | Punti: 1,5/5 Vota |
| Uno script che aggiorna un frame al click inserendovi dei contenuti a caso. Nel vecchio sito di JsDir veniva usato per inserire delle citazioni. |
 |
| Pagine protette da Password |  | (4190) | 23/01/2000 | Riccardo | Punti: 3/5 Vota |
| La solita(?) protezione che per password ha il nome di una pagina HTML, ma in questo caso la password non compare mai, neanche dopo l'inserimento. Grazie a JavaScript. |
 |
| Catalogo... senza pagine HTML |  | (1229) | 23/01/2000 | Riccardo | Punti: 1/5 Vota |
| Per visualizzare un catalogo usiamo una funzione JavaScript che scrive direttamente nel frame voluto tutto il codice HTML inserendo l'opportuna immagine. |
 |
| Pagine multilingua |  | (1316) | 16/01/2000 | Riccardo | Punti: 3,3/5 Vota |
| Un comodissimo trucco per gestire pagine HTML multilingua, non è più necessario avere pagine duplicate, una sola pagina contiene tutto il codice HTML comune più i testi e quant'altro necessario in tutte le lingue in cui è strutturato il nostro sito. |
 |
| Form Validator |  | (3846) | 20/12/1999 | Riccardo | Punti: 3,5/5 Vota |
| Come verificare se in un form sono stati immessi dei dati obbligatori, e come verificarne la correttezza. |
 |
| Banner ciclico |  | (1570) | 15/12/1999 | Riccardo | Punti: 1/5 Vota |
| Un gestore di banner realizzato in Javascript. I link vengono visualizzati consecutivamente. |
 |
| Banner casuale |  | (884) | 15/12/1999 | Riccardo | Punti: 1/5 Vota |
| Un gestore di banner realizzato in Javascript. I link vengono scelti casualmente. |
 |
| Image Roller casuale |  | (1031) | 15/12/1999 | Riccardo | Punti: 1/5 Vota |
| Mostra un'immagini a caso a intervalli di tempo prefissati. È la base per il gestore banner che vedete nel prossimo script. |
 |
| Display Scorrevole |  | (1152) | 21/11/1999 | Riccardo | Punti: 1/5 Vota |
| Uno script che simula i display a led rossi che vengono usati in molti negozi. O, se volete, i giochi di luci usati nelle giostre del Luna Park. |
 |
| Pop-up window per più immagini |  | (2473) | 9/11/1999 | Riccardo | Punti: 3/5 Vota |
| Lo stesso trucchetto per visualizzare l'immagine visto nel Pop-Up ma adattato per mostrare, ad esempio, un catalogo o comunque una serie di immagini |
 |
| RollOver (singolo) |  | (987) | 9/11/1999 | Riccardo | Punti: 1/5 Vota |
| Il classico RollOver di immagini al passaggio del mouse. Al passaggio del mouse su diverse immagini ne cambia una sola. |
 |
| RollOver (multiplo) |  | (1323) | 9/11/1999 | Riccardo | Punti: 2,5/5 Vota |
| Il classico RollOver di immagini al passaggio del mouse. Qui cambia l'immagine sulla quale si trova il mouse |
 |
| Aggiornare più frames insieme |  | | 9/11/1999 | Riccardo | Punti: 1/5 Vota |
| Chi è alle prime armi con l'HTML apprezzerà certamene questo semplicisimo script. |
 |
| CheckBrowser |  | | 9/11/1999 | Riccardo | Punti: 1/5 Vota |
| Questo semplice script legge le
informazioni che ogni browser dà quale
identificativo di se stesso e decide se
il browser è compatibile con la nostra
applicazione. |
 |
| Un background per ogni risoluzione |  | (1204) | 9/11/1999 | Riccardo | Punti: 1/5 Vota |
| La scelta del background per le nostre
pagine HTML è sempre una scelta
sofferta. Se si potesse inserire uno
sfondo a tutto schermo non replicato.... |
 |
| Pop-up window per immagine |  | (4311) | 9/11/1999 | Riccardo | Punti: 2,2/5 Vota |
| Se sei stanco di aprire le immagini nel modo classico, prova a visualizzarle in una finestra grande esattamente quanto la tua immagine. |
 |
| Gioco del 15 |  | (204052) | 9/11/1999 | Riccardo | Punti: 4,9/5 Vota |
| Il famoso gioco del 15 di Sam Loyd. A quel che mi risulta il premo di 1.000 dollari messo in palio più di 150 anni fa non è stato ancora ritirato. Se riesci ad ordinare la tavoletta... e ricordi le mosse puoi provare incassarlo. |
 |