L'oggetto iframe

Argomenti trattati: utilizzare gli iframe con MSIE.

MSIE offre la possibilità, oltre a quella di usare una finestra contenente dei frames separati, di incorporare un altro documento nel documento stesso attraverso un iframe.
Similmente, Netscape Navigator ha implementato i layers e gli ilayers.

La caratteristica fondamentale dell'iframe è quella di rimanere nel flusso del documento, pur potendo caricarvi dentro un'altra URL. 

Potremmo quindi scrivere un codice simile al seguente:

<iframe src="un_altro_documento">
</iframe>

Le proprietà dell'iframe sono simili a quelle trattate nell'oggetto frame. Esso ha un parent, ovvero il frame o il documento che lo contiene, e possono essere impostate via HTML le seguenti proprietà:

align valori possibili:
-top;
-middle;
-bottom;
-right;
-left;
fameborder 1: bordo visibile;
0: bordo non visibile;
height specifica l'altezza (un intero in pixel o in percentuale rispetto al documento che lo contiene);
marginheight il numero di pixel tra il lato superiore ed inferiore del frame;
marginwidth il numero di pixel tra il lato destro e sinistro del frame;
name il nome dell'elemento, che può essere utilizzato da JavaScript per gestire e manipolare l'iframe
es.name="myiframe"
noresize impedisce all'utente di ridimensionare l'iframe
scrolling determina la gestione delle barre di scorrimento verticali:
-yes: le barre sono presenti;
-auto: le barre sono presenti solo se l'frame non ha dimensioni sufficienti a visualizzare interamente tutto il contenuto;
-no: le barre di scorrimento non sono mai presenti;
src l'indirizzo del documento contenuto nell'iframe:
es:
src="http://www.miosito.com/nuovo_documento.htm";
title titolo del frame, che si presenta sotto forma di etichetta quando il puntatore del mouse passa sul frame
width larghezza del frame (un intero in pixel o in percentuale rispetto al documento che lo contiene);

L'iframe può avere uno stile proprio, specificato attraverso un attributo class o id, oppure attraverso uno style.

Per accedere all'iframe attraverso JavaScript, è possibile utilizzare una delle seguenti modalità:
- document.all.["nome_iframe"] (...);
- document.nome_iframe (...);

Incorporando l'iframe un documento a sé stante, è possibile accedere ai suoi elementi richiamandone il document:
- document.nome_iframe.document.nome_form (...);


Torna all'inizio | Home