Cerca in tutto il sito Office.com
 
Supporto / FrontPage / Come fare a... di FrontPage 2003 / Creazione di pagine Web
 
 

Vivacizzare il sito Web con JavaScript

Si applica a: Microsoft Office FrontPage 2003

 
Si applica a
Microsoft Office FrontPage® 2003

Per aggiungere una finestra popup al sito Web o aggiungere un collegamento ipertestuale che consente di chiudere la pagina oppure per visualizzare la data e l'ora correnti e altro ancora è possibile utilizzare JavaScript (JavaScript: Linguaggio di script che può essere utilizzato per aggiungere funzionalità o elementi particolari a una pagina Web o a un sito Web per migliorarne funzionamento e aspetto. Gli script JavaScript possono essere eseguiti in qualsiasi tipo di computer client o server.) in FrontPage 2003.

Cos'è JavaScript?

JavaScript è un linguaggio di script (linguaggio di script: Semplice linguaggio di programmazione progettato per l'esecuzione di operazioni speciali o limitate, a volte associate a funzioni o applicazioni particolari.) che consente di aggiungere l'interattività alle pagine Web. Poiché JavaScript è un linguaggio basato su eventi (evento: Azione riconosciuta da un oggetto, ad esempio un clic del mouse o la pressione di un tasto, per la quale è possibile definire una risposta. Un evento può essere causato da un'azione di un utente o da un'istruzione di Visual Basic oppure può essere attivato dal sistema.), la relativa funzionalità è avviata da un'azione, ovvero un evento, iniziata dall'utente, ad esempio l'apertura di una finestra del browser, la selezione di un collegamento ipertestuale o il posizionamento del puntatore del mouse sopra un'immagine.

JavaScript è anche un linguaggio di script sul lato client. Ciò significa che quando un utente esegue un'azione, lo script non viene eseguito sul server, ma nel computer dell'utente, ovvero il client.

Se l'esecuzione di script nel computer è stata disattivata dall'utente o se si utilizza una versione precedente del browser che non supporta versioni più recenti di JavaScript, il funzionamento di alcuni script nel computer dell'utente non sarà quello previsto. È sempre consigliabile verificare gli script in più browser e rendere disponibili collegamenti o funzionalità alternative per utenti che non possono eseguire JavaScript nei computer in uso.

Se si utilizza FrontPage 2003, sarà possibile aggiungere funzionalità JavaScript al sito Web anche se non si è esperti di JavaScript. Per creare script personalizzati e risolverne eventuali problemi oppure per risolvere i problemi di script gratuiti eventualmente scaricati da siti Web relativi a JavaScript, è utile senza dubbio approfondire le proprie conoscenze su JavaScript.

Creare una finestra popup tramite il riquadro attività Comportamenti di FrontPage 2003

In alcuni casi risulta utile inserire una finestra popup nel sito Web, ad esempio per promuovere un'offerta speciale o segnalare un collegamento a un sondaggio rivolto agli utenti. La finestra popup consente di attirare facilmente e velocemente l'attenzione su informazioni che altrimenti potrebbero non essere notate dall'utente.

MostraPer aggiungere una finestra popup che si apre automaticamente quando l'utente apre la pagina

  1. In visualizzazione Pagina nella parte inferiore della finestra del documento fare clic su NormaleIcona del pulsante.
  2. Scegliere Comportamenti dal menu Formato. Verrà aperto il riquadro attività Comportamenti.
  3. Nel riquadro attività Comportamenti fare clic su Inserisci, quindi su Apri finestra browser.
  4. Nella finestra di dialogo Apri finestra browser eseguire le operazioni seguenti:
    1. Nella casella Vai a URL immettere o selezionare l'URL della pagina da aprire.
    2. Nella casella Nome della finestra immettere un nome per la pagina.

 Nota   Il nome non può includere spazi.

  1. Nella casella Larghezza finestra immettere la larghezza in pixel della nuova finestra.
  2. Nella casella Altezza finestra immettere l'altezza in pixel della nuova finestra.
  3. In Attributi selezionare o deselezionare gli attributi della nuova finestra.

 Nota   La selezione o la deselezione delle caselle di controllo relative agli attributi consente di determinare se la nuova finestra includerà svariate funzionalità tipiche di Microsoft Windows, ad esempio barre degli strumenti, barre di scorrimento o quadratini di ridimensionamento.

  1. Scegliere OK.

MostraPer aggiungere una finestra popup che si apre quando l'utente seleziona un collegamento ipertestuale

  1. In visualizzazione Pagina nella parte inferiore della finestra del documento fare clic su NormaleIcona del pulsante.
  2. Scegliere Comportamenti dal menu Formato. Verrà aperto il riquadro attività Comportamenti.
  3. Nella pagina selezionare l'elemento, ad esempio testo o un'immagine, da utilizzare.
  4. Scegliere Collegamento ipertestuale dal menu Inserisci.
  5. Nella finestra di dialogo Inserisci collegamento ipertestuale immettere nella casella Indirizzo l'URL della pagina da aprire, sostituendo http:// con javascript://.
  6. Scegliere OK.
  7. Nel riquadro attività Comportamenti fare clic su Inserisci, quindi su Apri finestra browser.
  8. Nella finestra di dialogo Apri finestra browser eseguire le operazioni seguenti:
    • Nella casella Vai a URL immettere l'URL della pagina da aprire.
    • Nella casella Nome finestra immettere un nome per la pagina.

 Nota   Il nome non può includere spazi.

  • Nella casella Larghezza finestra immettere la larghezza in pixel della nuova finestra.
  • Nella casella Altezza finestra immettere l'altezza in pixel della nuova finestra.
  • In Attributi selezionare o deselezionare gli attributi della nuova finestra.

 Nota   La selezione o la deselezione delle caselle di controllo relative agli attributi consente di determinare se la nuova finestra includerà svariate funzionalità tipiche di Microsoft Windows, ad esempio barre degli strumenti, barre di scorrimento o quadratini di ridimensionamento.

  1. Scegliere OK.
  2. Nel riquadro attività Comportamenti selezionare in Eventi l'evento predefinito, fare clic sulla freccia, quindi scegliere onclick.

MostraPer modificare l'aspetto di una finestra popup

  1. In visualizzazione Pagina nella parte inferiore della finestra del documento fare clic su NormaleIcona del pulsante.
  2. Scegliere Comportamenti dal menu Formato. Verrà aperto il riquadro attività Comportamenti.
  3. In Azioni fare doppio clic sulla riga corrispondente a Apri finestra browser.
  4. Apportare le modifiche desiderate, infine fare clic su OK.

Aggiungere uno script personalizzato Chiudi finestra alla libreria di frammenti di codice

Una finestra del browser include spesso un collegamento ipertestuale che consente all'utente di chiudere la finestra in modo semplice e rapido. Per ottenere questo risultato, includere una riga di JavaScript in un collegamento ipertestuale che consente di chiudere la finestra quando l'utente lo seleziona.

Se si utilizza più volte uno script, potrebbe risultare utile salvarlo nella libreria di frammenti di codice. Sarà quindi possibile inserire lo script premendo CTRL+INVIO e selezionandolo da un elenco, invece di digitarlo ogni volta.

Di seguito viene illustrata la procedura per la creazione di un frammento di codice che consente di chiudere una finestra del browser e per l'inserimento di tale frammento in una pagina dalla libreria di frammenti di codice.

MostraPer creare un frammento di codice Chiudi finestra

  1. Copiare la riga di codice seguente, che inizia con <a e termina con /a> selezionandola, quindi premendo CTRL+C.

<a href="javascript:window.close();">Chiudi finestra</a>

  1. Scegliere Opzioni pagina dal menu Strumenti, quindi scegliere la scheda Frammenti di codice.
  2. Scegliere Aggiungi.
  3. Nella casella Parola chiave digitare chiudiFinestra.
  4. Nella casella Descrizione digitare Script Chiudi finestra.
  5. nella casella Testo premere CTRL+V per incollare il testo copiato al passaggio 1.
  6. Scegliere OK.

MostraPer inserire un frammento di codice Chiudi finestra in una pagina

  1. In visualizzazione Pagina, nella parte inferiore della finestra del documento, fare clic su CodiceIcona del pulsante.
  2. Posizionare il punto di inserimento dove si desidera inserire il frammento di codice.
  3. Premere CTRL+INVIO.
  4. Selezionare Script Chiudi finestra dall'elenco e premere INVIO.

Aggiungere la data e l'ora correnti tramite operazioni di copia e incolla in JavaScript

Se si è esperti di JavaScript, sarà possibile sviluppare funzioni che ottimizzano il sito Web. Anche gli utenti poco esperti di JavaScript possono usufruire dell'esperienza altrui e semplicemente copiare e incollare il codice nella pagina Web.

Molti sviluppatori JavaScript rendono disponibili gratuitamente gli script sul Web. Per esplorare la vasta gamma di script disponibili, è sufficiente aprire il motore di ricerca preferito e digitare javascript gratuito oppure tagliare e incollare javascript nella casella di ricerca. Sarà possibile trovare numerosi script gratuiti, da utilizzare per aggiungere interattività alla pagina Web.

La maggior parte degli script è costituita da due parti, ovvero la funzione e la chiamata alla funzione. La funzione è solitamente inserita tra i tag <head> e </head> e la chiamata allo script viene solitamente inserita tra i tag <body> e </body> . Le istruzioni associate alla maggior parte degli script gratuiti specificano dove inserire le sezioni di codice per consentirne il funzionamento corretto nella pagina.

L'esempio seguente illustra la procedura per la visualizzazione della data e dell'ora correnti in una pagina Web. È sufficiente copiare sezioni di codice e incollarle nella sezione appropriata della pagina Web.

MostraPer visualizzare la data e l'ora correnti in una pagina Web

  1. In visualizzazione Pagina, nella parte inferiore della finestra del documento, fare clic su CodiceIcona del pulsante.
  2. Copiare le righe di codice seguenti, selezionandole, quindi premendo CTRL+C.
<script language="javascript">
 function datetime(){
  var datetime = new Date()
  var hr = datetime.getHours()
    var min = datetime.getMinutes()
  var mon = datetime.getMonth()
  var monNames = new Array("gennaio", "febbraio", "marzo", "aprile", "maggio", "giugno", "luglio", "agosto", "settembre", "ottobre", "novembre", "dicembre");
  var day = datetime.getDate()
  var year = datetime.getFullYear()
  if(hr < 10){
    hr = " " + hr
    }
  if(min < 10){
    min = "0" + min
    }
  if (hr > 12)
    {
    hr = hr - 12;
    }
document.datetime.digits.value = hr + "." + min + "   " + day +  " " + monNames[mon] + " " + year 
  setTimeout("datetime()", 1000)
  }
</script>

  1. In FrontPage posizionare il punto di inserimento nella parte iniziale del documento HTML tra i tag <head> e </head> e incollare il codice appena copiato, premendo CTRL+V.
  2. Copiare il testo seguente.

<body onload="datetime()">
  1. In FrontPage selezionare il tag <body> e sostituirlo con il codice appena selezionato, premendo CTRL+V.
  2. Copiare il testo seguente.
<FORM name="datetime">
 <INPUT type="text"  name="digits"
    size=25 maxlength=25 value="Loading">
 </FORM>
  1. Posizionare il punto di inserimento dove si desidera visualizzare la data e l'ora correnti, quindi incollare il codice appena copiato, premendo CTRL+V.
  2. Scegliere Salva dal menu File.
  3. Per verificare la pagina, scegliere Visualizza anteprima nel browser dal menu File.

 Nota   Se gli script sono disattivati nel computer in uso, la data o l'ora non verranno visualizzate correttamente.

 Nota   Se sono stati installati aggiornamenti per la protezione recenti di Microsoft Internet Explorer, è possibile che venga visualizzato un avviso. Per consentire la visualizzazione di data e ora, fare clic sulla barra informazioni gialla di Internet Explorer, quindi su Consenti contenuto bloccato. Nella finestra di dialogo Avviso di protezione scegliere .

Per ulteriori informazioni

Sul Web sono disponibili svariate risorse JavaScript che offrono script gratuiti, esempi ed esercitazioni. Nella casella Vedere anche sono disponibili alcuni collegamenti che consentono di trovare ulteriori risorse, apprendere JavaScript e aggiungere elementi interattivi al sito Web.