Visualizzazione risultati 1 fino 5 di 5

Discussione: centrare popup

  1. #1
    Guest

    Predefinito centrare popup

    Ciao a tutti
    credo che questa sia una discussione nuova in quanto non ho trovato nulla di specifico

    questo è il mio codice per aprire un popup all'accesso al sito:

    Codice:
    </script>
    <script language="javascript" type="text/javascript">
    function winopen(){
    var win = window.open("fixbike.html", "Popup", "height = 609, width = 660");
    }
    </script>
    seguito da

    Codice:
    <body onload="winopen()">
    questo script funziona perfettamente ma dato che non sono molto ferrato di javascript sapreste consigliarmi come modificarlo per centrarlo sul browser?

    grazi mille

  2. #2
    Guest

    Predefinito

    Codice HTML:
    <html>
    <head>
    <script type="text/javascript">
    function winopen() {
    var to_top = (screen.height - 609) / 2;
    var to_left = (screen.width - 660) / 2
    window.open("fixbike.html", "Popup", "width = 660, height = 609, top = "+to_top+", left = "+to_left);
    }
    </script>
    </head>
    <body onload="winopen()">
    </body>
    </html>

  3. #3
    Guest

    Predefinito

    Grazie infinite, funziona alla grande.

    Spulciando il codice, ho capito che se voglio fare delle modifiche alla finestra devo lavorare sul var, no?


    grazie ancora

  4. #4
    Guest

    Predefinito

    Se ti risulta difficile, si può modificare la funzione.
    Codice HTML:
    <script type="text/javascript">
    function winopen(height, width) {
    var to_top = (screen.height - height) / 2;
    var to_left = (screen.width - width) / 2
    window.open("fixbike.html", "Popup", "width = "+width+", height ="+height+", top = "+to_top+", left = "+to_left);
    }
    </script>
    <body onload="winopen(609, 660)">
    </body>
    Facendo così la funzione richiede 2 parametri cioè altezza e larghezza, che ad ogni suo richiamo dovrai specificare!

    Esempio: voglio aprire un pop up di 700 px di altezza e 300 di larghezza...

    winopen(700, 300);

    Spero sia chiario...
    Saluti!

  5. #5
    Guest

    Predefinito

    wow grazie mille

    Terrò questa pagina tra i preferiti

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •