Visualizzazione dei risultati da 1 a 6 su 6

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2010
    residenza
    Cagliari
    Messaggi
    198
    Ti ringrazio

    L'ho modificato un po', al posto della scritta da cliccare ci ho messo un'immagine grande quanto tutta la pagina, che quindi in qualsiasi punto venga cliccata, apre conseguentemente l'iframe.

    C'è però un piccolo problema: l'iframe lo apre sotto l'immagine, quindi molto in basso nello schermo.

    Esiste un qualche modo per farlo comparire tipo popup al centro dello schermo (e dell'immagine?

    Ti posto il codice che sto usando:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>test iframe</title>

    <script type="text/javascript">
    function CaricaIframe() {
    document.getElementById("frame1").src="PAGINA DA PROIETTARE IN IFRAME";
    }
    </script>
    </head>
    <body bgcolor="#000000">
    <center>
    <p onclick="CaricaIframe()">
    <img src="URL IMMAGINE GIGANTE CHE USO PER RIEMPIRE TUTTO LO SCHERMO"><iframe id="frame1" style="width:600px;height:439px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" src=""></iframe>
    </p>
    </center>
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di vic53
    Registrato dal
    Oct 2010
    residenza
    Fonte Nuova (Roma)
    Messaggi
    592
    Quote Originariamente inviata da danielepalmas88 Visualizza il messaggio
    Ti ringrazio

    L'ho modificato un po', al posto della scritta da cliccare ci ho messo un'immagine grande quanto tutta la pagina, che quindi in qualsiasi punto venga cliccata, apre conseguentemente l'iframe.

    C'è però un piccolo problema: l'iframe lo apre sotto l'immagine, quindi molto in basso nello schermo.

    Esiste un qualche modo per farlo comparire tipo popup al centro dello schermo (e dell'immagine?

    Ti posto il codice che sto usando:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>test iframe</title>

    <script type="text/javascript">
    function CaricaIframe() {
    document.getElementById("frame1").src="PAGINA DA PROIETTARE IN IFRAME";
    }
    </script>
    </head>
    <body bgcolor="#000000">
    <center>
    <p onclick="CaricaIframe()">
    <img src="URL IMMAGINE GIGANTE CHE USO PER RIEMPIRE TUTTO LO SCHERMO"><iframe id="frame1" style="width:600px;height:439px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" src=""></iframe>
    </p>
    </center>
    </body>
    </html>
    puoi mettere la iframe in una posizione assoluta tramite style...basta che modifichi la definizione di iframe

    [code ]
    id="frame1" style="width:600px;height:439px;position:absolute; top:50px;left:50px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" src=""></iframe>
    [/code]

    in questo caso metti la iframe a posizione 50 pixel a sinistra dello schermo e distante 50pixel dal Top screen...

    ciao
    Vic53

  3. #3
    Utente di HTML.it L'avatar di vic53
    Registrato dal
    Oct 2010
    residenza
    Fonte Nuova (Roma)
    Messaggi
    592
    per il centraggio nello schermo devi calcolare quanto è grande l'area screen de visitatore tramite l'oggetto screen e le sue properties
    quindi screen.height e screen.width togliendo la fetta sopra che appartiene alle barre del browser e quindi utilizzando le proprietà "screen.availHeight" e "screen.availWidth"....il centraggio si ottiene sottraendo e dividendo a metà sia altezza che larghezza.
    (sreen.availableHeight - "altezza iframe") / 2 ti da la posizione verticale
    (sreen.availableWidth - "larghezza iframe") / 2 ti da la posizione orizzontale


    ciao
    Vic53

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.