June 28
"Inline Floating Frames", o iframe come Microsoft li chiama, permettono ai proprietari di siti di incorporare le pagine Web all'interno delle loro pagine Web. Un sito di viaggi, per esempio, potrebbe includere un piccolo iFrame, che visualizza un'immagine Webcam Live che risiede su un altro sito. Non importa quanto piccolo li fate, iFrame prendono sempre spazio in una pagina. Tramite il Dynamic HTML (DHTML) e un po 'di JavaScript, è possibile dare ai visitatori del sito la possibilità di rimuovere iFrame facendo clic su un pulsante.
1 Aprire un documento HTML esistente oppure crearne uno nuovo.
2 Aggiungere un iFrame al documento incollando il seguente codice nella sua sezione "<body>":
<Nome iframe = "Frame1" id = src "iFrame1" = "Aggiungi URL qui">
</ Iframe>
Sostituire "Aggiungi URL qui" con il nome URL di una pagina Web che si desidera visualizzare nel iFrame.
3 Aggiungere il seguente codice HTML sottostante il codice mostrato nel precedente prospetto:
<Input type = valore "pulsante" = "Rimuovi IFrame" onclick = "return removeIFrame ( 'iFrame1', 'none')" />
Questo crea un pulsante. Quando il pulsante, si chiama la funzione JavaScript "removeIFrame". Il pulsante passa anche che la funzione valore ID del iFrame e la parola "nessuno".
4 Incolla questo codice JavaScript nella sezione del documento "<head>":
<Script type = "text / javascript">
Funzione removeIFrame (iFrameID, azione) {
iFrameObject = document.getElementById (iFrameID);
iFrameObject.style.display = azione;
}
</ Script>
Questa funzione recupera un riferimento al iFrame passata dal pulsante e imposta lo stile di visualizzazione del iFrame a "nessuno". Impostando su "none" rimuove l'iFrame dalla pagina Web.
5 Salvare il documento e lanciare il browser. Aprire il documento nel browser. Il iFrame appare e visualizza la pagina Web definita nel tag iFrame.
6 Fare clic sul pulsante. Il iFrame scompare.