Home > Appunti di Informatica > Tutorial e Appunti Vari > Sviluppo > Javascript

Codici Javascript sulle finestre

Codici Javascript sulle finestre

Codici Javascript sulle finestre

  • Apertura di una generica finestra :

    Generica finestra con tutte le caratteristiche che si possono inserire

    Caratteristiche possibili riconosciute da tutti i browser che riconoscono javascript:

    caratteristica valore possibile effetto della caratteristica valore di default
    height numero altezza della finestra in pixel tutto lo schermo
    width numero larghezza della finestra in pixeltutto lo schermo
    left numero coord in pixel della distanza del bordo sin della finestra dal bordo sin dello schermo 0
    top numero coord in pixel della distanza dal bordo sup  della finestra dal top dello schermo 0
    fullscreen yes/no apre la finestra a pieno schermo togliendo tutti i menu e i pulsanti di navigazione, per chiuderla ci vuole per forza la combinazione di tasti Alt+F4 oppure CTRL+W no
    resizable yes/no da la possibilità di ridimensionare la finestra no
    menubar yes/no rende visibile o meno la barra dei menu no
    toolbar yes/no rende visibile o meno i pulsanti avanti o indietro no
    location yes/no rende visibile o meno la barra degli indirizzi no
    scrollbars yes/no rende visibile o meno le barre di scorrimento laterali no
    status yes/no rende visibile o meno la barra di stato (striscia in basso nella finestra)no
    per lasciare il valore di default di alcune o tutte le caratteristiche basta non menzionarle nell'elenco del codice

    <SCRIPT TYPE="text/javascript">
    window.open('indirizzo_pagina','nome_finestra','width=400, height=500, left=200, top=150, resizable=yes, menubar=yes, toolbar=yes, fullscreen=no, location=yes, scrollbars=yes, status=yes');
    </SCRIPT>  

  • Apertura di una finestra personalizzata a partire da un link ipertestuale:

    <A HREF="#" onClick="window.open('indirizzo_pagina', 'nome_finestra', 'width=585, height=393, resizable=no, menubar=no, toolbar=no, location=no, scrollbars=no, status=no');">testo linkato</A>

  • Apertura di una finestra personalizzata a partire da un'immagine linkata (versione1)

    Con questo codice si apre una finestra delle dimensioni volute che tipicamente contiene una foto più grande del link di partenza che ne è l'anteprima; la pagina che viene richiamata deve essere costruita a parte

    <A HREF="#" onClick="window.open('indirizzo_pagina', 'nome_finestra', 'width=585, height=393, resizable=no, menubar=no, toolbar=no,location=no,scrollbars=no,status=no');">
    <img border="0" src="indirizzo_immagine.gif" width="124" height="106"></A>

  • Apertura di una finestra personalizzata a partire da un'immagine linkata (versione2)

    Con questo codice si crea una nuova pagina di dimensioni note con all'interno un'immagine. Nell'esempio è anche impostato un colore per la nuova finestra, ma si potrebbe inserire anche qualunque altro codice per arricchire la pagina.

    da inserire nell'head:

    <script language="JavaScript">
    function ApriFinestra1(nuova) {
    msg=open("","schermo", "toolbar=no,directories=no,menubar=no,width=180,height=250,resizable=no");
    msg.document.write("<body bgcolor=#000000><img border='0' src=" , nuova, " >")
    }
    </script>

    invece nel  testo dove si vuole l'immagina col link:

    <A HREF="#" onClick="ApriFinestra1('indirizzo_immagine_da_aprire.jpg')">
    <img border="0" src="indirizzo_immagine_link.jpg" width="100" height="67"></A>

  • Inserimento di un pop up all'apertura di una pagina:

    Il seguente codice fa aprire oltre alla pagina anche un pop up:

    <BODY onLoad="window.open('indirizzo_finestra_popup','finestrapopup','width=585, height=393, resizable=no, menubar=no, toolbar=no,location=no,scrollbars=no,status=no') );">

  • Inserimento di un pop up alla chiusura di una pagina:

    Il seguente codice fa aprire un pop up alla chiusura della pagina

    <BODY onUnLoad="window.open('indirizzo_finestra_popup', 'finestrapopup','');">

  • Chiusura della finestra corrente:

    Inserire il seguente codice dove si deve trovare il link di chiusura:

    <A HREF="Javascript: window.close()">chiudi finestra</A>

Ti potrebbe interessare anche:

Ultima revisione pagina: 2019-05-28