Utilizzando il metodo create Popup, potete creare utilizzando Javascript delle finestre popup che simula l’apertura di una nova pagina. Il contenuto di queste pagine viene scritto direttamente all’interno del codice Javascript. Seguite il codice commentato:
// CREO L'OGGETTO POPUP var popup = window.createPopup(); var contenuto = popup.document.body; // IMPOSTO GLI STILI CSS contenuto.style.backgroundColor = "#EEEEEE"; contenuto.style.color = "#000000"; contenuto.style.fontSize = "10"; contenuto.style.fontFamily = "Verdana"; contenuto.style.padding = "10"; contenuto.style.border = "Solid #CCCCCC 1px"; // SCRIVO ALL'INTERNO DEL POPUP contenuto.innerHTML = "Contenuto..."; // MOSTRO IL POPUP popup.show(150, 150, 450, 500, document.body);
Ciao,
ottimo tutorial, il codice mi sembra facile da personalizzare perchè è ben commentato.
Io però vorrei aggiungerci qualcosa e siccome non so nulla di javascript lo chiedo direttamente qui.
vorrei creare un piccolo popup (anche se sarebbe meglio una modal woindow, vedrò in seguito) per avvisare i miei visitatori che arrivano sul blog tramite iphone o mobile che possono usare la versione per iphone.
ho un\’icona con un link per questo però magari non a tutti salta all\’occhio e un piccolo avviso in un popup che venga lanciato per chi ha una risoluzione minore di 480px in width mi sembra utile.
quindi vorrei aggiungere al tuo un piccolo codice che si accorga se qualcuno usa un iphone o una risoluzione minore a 480px e automaticamente apra il popup. è possibile?
fosse stata solo una questione di css avrei aggiunto @media only screen and (max-device-width: 480px) {} e buonanotte, ma il blog è su wordpress e nella versione mobile ho dovuto creare un theme a parte, modifiche solo nel foglio di stile non erano abbastanza.
spero tu possa darmi una mano.
Grazie mille!