Costruire pop-up accessibili

Esempio 1 - Uso dell'attributo target

Apri una nuova finestra con target _blank

Codice

<a href="popup_esempio.html" target="_blank">

Esempio 2 - Usare Javascript

Apri il pop-up (senza specificare le caratteristiche della finestra)

Codice

Javascript della funzione

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

Codice del link:

<a href="#" onclick="MM_openBrWindow('popup_esempio.html','','')">Apri il pop-up</a>

Esempio 3 - Usare Javascript

Apri il pop-up (specificando le caratteristiche della finestra)

Codice del link

<a href="#" onclick="MM_openBrWindow('popup_esempio.html','nuovaFinestra','width=400,height=400')">Apri
il pop-up</a>

Esempio 4 - Un pop-up (quasi) accessibile

Apri il pop-up (senza return false)

Codice del link

<a href="popup_esempio.html" onclick="MM_openBrWindow('popup_esempio.html','nuovaFinestra','width=400,height=400')">Apri
il pop-up</a>

Apri il pop-up (con return false)

<a href="popup_esempio.html" onclick="MM_openBrWindow('popup_esempio.html','nuovaFinestra','width=400,height=400'); return false;">Apri
il pop-up</a>

Esempio 5 - Un pop-up (finalmente) accessibile

Apri il pop-up (si apre in una nuova finestra)

Codice del link

<a href="popup_esempio.html" onclick="MM_openBrWindow('popup_esempio.html','nuovaFinestra','width=400,height=400'); return false;" onkeypress="MM_openBrWindow('popup_esempio.html','nuovaFinestra','width=400,height=400'); return false;" title="Esempio di pop-up accessibile - Link interno - Nuova finestra">Apri
il pop-up</a>