Dragon Ball Website: Javascript Finestre

Per Webmasters

Raccolta Javascript gestione finestre

Ecco una raccolta di script di facile uso che potete tranquillamente utilizzare per il vostro sito.

Considerate però, che dovete sempre agire con il codice html, quindi una minima esperienza nel campo ce la dovete pur avere. Fate attenzione, inoltre, a non modificare virgole o altri caratteri di uno script che sembrano inutili, in quanto una sola virgola in più o in meno può non far funzionare uno script. Se avete problemi scrivetemi.

Frequenly Asked Questions

Script per Status bar

> Script per gestione finestre <

Script messaggi e simili

Script vari

1° Script: apertura automatica nuova finestra

Semplicissimo, permette di aprire una finestra pop-up delle dimensioni che vogliamo al caricamento di una pagina.

> esempio <

Per far aprire la nuova finestra appena inizia il caricamento della pagina inserire il codice subito prima del tag </head>:
Per far aprire la nuova finestra appena termina il caricamento della pagina inserire il codice subito prima del tag </body>:

Personalizzazione

1) Sostituite la voce "nome finestra da aprire" con il percorso della pagina che volete far aprire automaticamente.

2) La scritta "Toolbar" determina se la nuova finestra avrà la barra degli strumenti, "Location" determina se avrà la barrà degli indirizzi, "Menu Bar" se avrà la barra del menù e "Scrollbars2 le barre di scorrimento. L'opzione "Resizable" permetterà di adattare le dimensioni della finestra a proprio piacere. Per attivare una o più di queste opzioni sostituite il numero 0 con 1.

3) Sostituite le scritte "width=130" con "width=dimensione orizzontale finestra" e "height=130" con "height=dimensione verticale finestra"

Esempio di una finestra 250 X 250 in cui vi saranno le barre di scorrimento e la barra degli indirizzi:

( viene visualizzata solo la parte interessata dello scirpt )

<prima parte script> window.open("nome finestra da aprire.htm","", "toolbar=0,location=1,directories=0,menuBar=0,scrollbars=1,resizable=0,width=250,height=250,left=0,top=0") <seconda parte script>

Difficoltà: medio-diffcile
Voto: 7
Compatibilità: Internet Explorer 4 o Netscape 5

2° Script: apertura finestra da link + effetto espansione

Apre con un particolare effetto una nuova finestra cliccando su un link

> esempio <

1° parte codice: inserire subito prima del tag </head>:

2° parte del codice: attribuire questo link alla scritta che si vuol utilizzare per richiamare lo script:

javascript:expandingWindow('percorso-nomefile.htm')

Personalizzazione

1) Nella parte finale del primo codice sostituite le scritte "width=790" con "width=dimensione orizzontale finestra" e "height=550" con "height=dimensione verticale finestra"

2) Sostituite nella seconda parte del codice la voce "percorso-nomefile" con il percorso della pagina che volete far aprire con l'effetto.

Esempio di una scritta linkata allo script

<p align="center"> <a href="javascript:expandingWindow('tutorials/fin2.htm')"> esempio</a></p>

Difficoltà: medio-diffcile
Voto: 8
Compatibilità: Internet Explorer 5 - NO Netscape

3° Script: apertura pop-up sempre in primo piano

Apre una particolare finestra pop-up che se non viene chiusa non permette di tornare alla finestra principale. Serve ad avere la garanzia che un visitatore visualizzi un messaggio importante sullo schermo: provare per credere

> esempio <

1° parte codice: inserire subito prima del tag </head>:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

2° parte del codice: attribuire questo link alla scritta che si vuol utilizzare per richiamare lo script:

javascript:popHelp()

Personalizzazione

1) Nel primo codice sostituite le scritte "width=000" con "width=dimensione orizzontale finestra" e "height=000" con "height=dimensione verticale finestra da aprire"

2) Sostituite nella seconda parte del codice la voce "percorso-nomefile" con il percorso della pagina che volete far aprire con l'effetto.

3) questo è uno script difficile, e per cambiare i contenuti della finestra che viene aperta è necessario conoscere molto bene il javascript.

Difficoltà: molto diffcile
Voto: 7,5
Compatibilità: Internet Explorer 5 - Netscape 5

4° Script: Finestra a tutto schermo premendo un pulsante o automaticamente

Permette di impostare a tutto schermo una finestra cliccando su un link o automaticamente al caricamento di una pagina. Non agisce direttamente sulla pagina, ma ne apre un'altra che si imposta a tutto schermo da sola.

> esempio <

Cliccando su un link:

1° parte codice: inserire subito dopo del tag </head>:

2° parte del codice: attribuire questo link alla scritta che si vuol utilizzare per richiamare lo script:

javascript:fullwin()

Personalizzazione

1) Nel primo codice sostituite la scritta nomefinestra.htm con il nome della pagina da aprire a tutto schermo. Se volete far diventare a tutto schermo la stessa finestra in cui è presente il link, scrivete semplicemente il nome di quella pagina.

Automaticamente:

1° parte codice: inserire subito dopo del tag </head>:

2° parte del codice: inserire questo richiamo nel tag <body>

onLoad="fullwin()"

Personalizzazione

1) Nel primo codice sostituite la scritta nomefinestra.htm con il nome della pagina da aprire a tutto schermo al caricamento di una pagina. Se volete far diventare a tutto schermo la stessa finestra in cui è presente il link, non potete scrivere il nome della stessa pagina, in quanto si creerebbe un circolo vizioso che aprirebbe infinite finestre. ( immaginate una pagina che al caricamento apre un'altra copia della stessa pagina, la quale ne apre un'altra e un'altra .... )

Difficoltà: medio
Voto: 7
Compatibilità: Internet Explorer 5 - Netscape 5