Made in Software » popup http://www.madeinsoftware.it In un mondo fatto di software, consigli pratici per gli sviluppatori Mon, 26 Jul 2010 09:17:44 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Popup in primo piano con finestra modale. Solo se… http://www.madeinsoftware.it/index.php/2009/06/30/popup-in-primo-con-finestra-modale-si-ma-con-qualche-se/ http://www.madeinsoftware.it/index.php/2009/06/30/popup-in-primo-con-finestra-modale-si-ma-con-qualche-se/#comments Tue, 30 Jun 2009 13:55:49 +0000 dinox http://www.madeinsoftware.it/?p=86 I se sono relativi alla tipologia di interazione che volete avere con la finestra modale. Chiunque abbia mai avuto a che fare con i popup sa benissimo che essi possono portare qualche problema, tutto sommato risolvibile. Una cosa che risulta impossibile da fare, se non con qualche particolare accorgimento, è metterli in “primo piano” in modo da impedire all’utente di cliccare sulla pagina sottostante senza aver prima chiuso il browser. Lo stesso comportamento, insomma, di una finestra modale di Windows.

Quella delle finestre modali è una possibilità è utilizzabile, usando i browser di ultima generazione quali Firefox 3, Explorer 7 o 8, Safari 4 ma ci sono alcune controindicazioni. A tutti gli effetti con i browser “non Microsoft” tutto funzionerebbe in maniera regolare, come se si avesse a che fare con un normale popup ma messo in primo piano. Con IE, invece, se il popup contiene una form, una volta schiacciato il tasto “Invia” si aprirà una nuova finestra. Oppure se avete nel popup avete una funzione che richiama la pagina che lo ha aperto (parent) ad esempio per fare un refresh questa non funzionerà. Non so se ci sono altri problemi ma per me questi sono stati sufficienti a farmi abbandonare l’idea.

Se invece non avete problemi di gestione simili potreste utilizzare un codice simile al seguente. Nella parte <head> pagina dove dovete chiamare il popup:

function openModalWindows() {
if (window.showModalDialog) {
window.showModalDialog("popup.html","nome","dialogWidth:200px;dialogHeight:300px");
} else {
window.open("popup.html","nome","width=200,height=300,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes');
}
}

Il link presente nella sezione <body> dal quale volete chiamare la funzione per aprire il popup dovrebbe essere del tipo:

<a href="popup.html" target="nome" onclick="openModalWindows(); return false;">Apri popup modale</a>

]]> http://www.madeinsoftware.it/index.php/2009/06/30/popup-in-primo-con-finestra-modale-si-ma-con-qualche-se/feed/ 1 Chiudere un popup e ricaricare la pagina che lo ha aperto http://www.madeinsoftware.it/index.php/2009/05/21/chiudere-un-popup-e-ricaricare-la-pagina-che-lo-ha-aperto/ http://www.madeinsoftware.it/index.php/2009/05/21/chiudere-un-popup-e-ricaricare-la-pagina-che-lo-ha-aperto/#comments Thu, 21 May 2009 16:21:19 +0000 dinox http://www.madeinsoftware.it/?p=78 Quando si lavora con i popup si può avere la necessità di chiuderlo e contemporaneamente ricaricare la pagina che lo ha aperto a seguito, ad esempio, del click su un link. In Javascript questa operazione è davvero semplice. Create una funzione come quella che segue all’interno del tag <head> della pagina HTML:

<script language="JavaScript" type="text/javascript">
<!--
function closeAndLoad (page) {
opener.location.href = page;
close();
}
// -->
</script>

dove page è l’indirizzo della pagina da caricare. All’interno del documento HTML, questo sarà il link per chiamare la funzione e caricare la pagina madeinsoftware.it:

<a href="javascript:closeAndLoad('http://www.madeinsoftware.it')">Apri Made in Software</a>

]]> http://www.madeinsoftware.it/index.php/2009/05/21/chiudere-un-popup-e-ricaricare-la-pagina-che-lo-ha-aperto/feed/ 0