Mi occorre creare una normalissima pagina html o php, magari anche vuota (giusto per semplificare il test), dove ci sia un codice javascript che faccia sì che ovunque si clicchi nella pagina (che sia sfondo, che sia testo), subito dopo il click si apra un iframe caricando google.it (sempre per semplificare la cosa obv) verso centro pagina, in dimensioni larghezza 700 e altezza 450.
Sono stato abbastanza banale nello spiegare, spero sia abbastanza banale questo codice
Vi ringrazio in anticipo!
ciao
il codice per fare quello che chiedi lo metto qui ...pero c'è una cosa che devi sapere : GOOGLE non permette il cross-web nelle iframe e le blocca ...
quindi questa cosa la puoi fare solo con i siti che lo permettono...non so se mi sono spiegato bene..
qui c'e il codice che ti manda a uno dei siti che sto rifacendo e che ho appena iniziato a modificare...
[code]
<!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="http://www.nolair.it";
}
</script>
</head>
<body>
<p onclick="CaricaIframe()">
Se clicchi sul testo apri il sito nella iframe...
</p>
<br><br>
<iframe id="frame1" style="width:700px;height:450px;" src=""></iframe>
</body>
</html>
[/code
Vic53
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 iframeOriginariamente inviata da danielepalmas88
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>
[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
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
Grazie mille, sei un genio!
Permessi di invio
Rispondi quotando