Aprire finestre popup con HTML e Javascript

Configurare l’apertura di una finestra popup collegata ad un link

Non dilunghiamoci in discorsi inutili e andiamo direttamente al dunque. Per aprire un link in una finestra popup separata alla nostra pagina dobbiamo inserire all’interno dell’head della pagina il seguente codice javascript.

<script type="text/javascript">
function ApriPopup(pagina) {
   window.open(pagina, "", "top=20, left=30, width=600, height=200, status=no, menubar=no, toolbar=no scrollbars=no");
}
</script>

dopodiché, invece di inserire il link nell’href del collegamento, bisogna inserire il richiamo alla nostra funzione che si aspetta il link da aprire. Praticamente dobbiamo scrivere questo codice

<a href="javascript:ApriPopup('https://www.selectallfromdual.com/blog/')">Apri la popup</a>

Controlliamo ciclicamente il funzionamento dei link nei nostri articoli. Se noti dei link che non funzionano segnalacelo tra i commenti. Se hai apprezzato l'articolo considera l'idea di sostenere il blog anche con una piccola donazione. Grazie. Patreon / Ko-fi / Liberapay / Paypal

2 commenti

  1. ciaosapresti impostare una pagina popup come prima pagina di apertura di un sito?
    Cioè sapresti scrivere il codice JS per aprire una pagina popup all’apertura di un sito?
    se puoi rispondimi sulla mail per favore niente mail in pubblico, abbiamo una gdpr da rispettare

    1. Dovresti inserire la funzione di apertura del popup nell’attributo onload del body, ma non serve a nulla in quanto tutti i browser te la bloccherebbero. Nessun browser di default permette l’apertura di popup senza iterazioni. Ciao

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *