Pop up in sito

**alexdem24** · 19-03-2005, 20:22

ho capito quello che vuoi fare.
ma ti ripeto la domanda.

Perchè vuoi usare gli iframe per ingrandire una semplice immagine ?

Gli iframe in genere vengono utilizzati per tutt'altro che visualizzare una semplice immagine.

Con il codice che ti ho già dato, al click dell'immagine piccola ti si "apre" una finestrella (che sarebbe un div nascosto) con l'immagine ingrandita.

L'unica cosa che devi fare è assegnare alla funzione Apri i giusti parametri, e settare il path giusto di dove l'immagine è situata.

Tutto quì.

ciao

**luipol** · 19-03-2005, 21:36

Devo aprire un'altra finestra perchè la grafica che ho non mi permette di far visualizzare l'anteprima all'interno della stessa page. Con i popup il problema era risolto, ma SP2 li blocca...

Il codice che mi hai dato tu prevede l'apertura della finestrella-div all'interno della stessa page e quindi mi sconvolge tuta la grafica.

Come posso fare a risolvere questo problema?

**alexdem24** · 19-03-2005, 23:01

ti sconvolge la grafica perchè probabilmente il div eè situato all'interno di qualche oggetto.

Infatti anche se il div ha come position absolute, se inserito all'interno di un'altro oggetto, assoluto fa riferimento all'oggetto che lo contiene, causandoti così lo sconvolgimento del layout della pagina.

Prova a mettere quel div subito sotto il tag <body>, in modo che il posizionamento fa riferimento come contenitore al body della pagina, posizionandoti così il div in una posizione assoluta reale, sovrascrivendoti tutti gli oggetti inclusi nella pagina in quel momento.

ciao !

Se ancora hai problemi, postami l'intera pagina !

**luipol** · 22-03-2005, 19:17

Ciao,
ho seguito il tuo consiglio ma il risultato è sempre lo stesso.
Questo è il codice (semplificato) della page.

<html>
<script language="javascript">
function Apri(img,altezza,lunghezza){
document.getElementById("nuovaImmagine").src=img;
document.getElementById("test").style.height=altez za; //imposta la nuova altezza del div
document.getElementById("test").style.width=lunghe zza; //imposta la nuova larghezza del div
document.getElementById("nuovaImmagine").height=al tezza; //imposta la nuova altezza dell'immagine
document.getElementById("nuovaImmagine").width=lun ghezza; //imposta la nuova lunghezza dell'immagine
document.getElementById("test").style.display="blo ck";
}
</script>

<body>

<div id="test" style="margin-top:30px; margin-left:150px; font-size:12pt; color:white; border:1px solid black; padding-left:2px; width:100px; height:100px; display:none; position">
[img]immagini/img_18.jpg[/img]
<div align="center">
Chiudi
</div>
</div>

<a href="#">
[img]immagini/tragara_18.jpg[/img]</a>
[img]tuaimmagine.jpg[/img]

</body>
</html>

Mi daresti tu una mano?
In ogni caso, con questo codice che mi hai dato, cmq explorer mi dice che il contenuto è stato bloccato.

thx

Luipol

**alexdem24** · 22-03-2005, 19:29

Originariamente inviato da luipol
Ciao,
ho seguito il tuo consiglio ma il risultato è sempre lo stesso.
Questo è il codice (semplificato) della page.

<html>
<script language="javascript">
function Apri(img,altezza,lunghezza){
document.getElementById("nuovaImmagine").src=img;
document.getElementById("test").style.height=altez za; //imposta la nuova altezza del div
document.getElementById("test").style.width=lunghe zza; //imposta la nuova larghezza del div
document.getElementById("nuovaImmagine").height=al tezza; //imposta la nuova altezza dell'immagine
document.getElementById("nuovaImmagine").width=lun ghezza; //imposta la nuova lunghezza dell'immagine
document.getElementById("test").style.display="blo ck";
}
</script>

<body>

<div id="test" style="margin-top:30px; margin-left:150px; font-size:12pt; color:white; border:1px solid black; padding-left:2px; width:100px; height:100px; display:none; position:absolute ">
[img]immagini/img_18.jpg[/img]
<div align="center">
Chiudi
</div>
</div>

<a href="#">
[img]immagini/tragara_18.jpg[/img]</a>
[img]tuaimmagine.jpg[/img]

</body>
</html>

Mi daresti tu una mano?
In ogni caso, con questo codice che mi hai dato, cmq explorer mi dice che il contenuto è stato bloccato.

thx

Luipol

Ciao, mancava la fine del tag position(quello in grassetto). Non sapeva che posizionamento allocare al div, per quello che ti sconvolgeva il layout.

Adesso dovrebbe essere a posto.

p.s.
Se non vuoi lo sfondo transparente nel div che compare, inserisci coem opzione "background-color:white".

ciao

ciao

**luipol** · 24-03-2005, 15:57

Il risultato è splendido!
Thx alex.

Unica pecca: la prima volta che carico la page, mi dice che c'è un contenuto che è stato bloccato..
Non posso fare in modo che quel messaggio non esca?

**alexdem24** · 24-03-2005, 16:02

che io sappia no.
E' un controllo di windows XP che effettua a tutti gli script.
A meno che l'utente non abbia il controllo degli script disabilitato, non credo sia cosa cosa controllabile.

Ma come ti ripeto, non vuol dire che non sia possibile.
Sicuramente esiste qualcosa per ovviare al problema, ma al momento mi sfugge!

ciao

**luipol** · 24-03-2005, 16:30

mhh ok!

Giriamo il quesito a qualche altro specialista del forum..

Luipol

**Marco Colli** · 31-03-2005, 13:47

Originariamente inviato da alexdem24
eccoti un esempio pratico.

Fai un copia ed incolla del codice e vedi se e' quello che vuoi

Ciao.

codice:

<script language="javascript">
function Change() {
  document.getElementById("test").style.display="none";
}
function CountDown(){
  var visualizzaper=5000 // 5 secondi
  timerID=setTimeout("Change()", visualizzaper) // fa' scomparire il div dopo 5 secondi
}
</script>
<html>
  <body onload="CountDown();">
    <div id="test" style="position absolute; margin-top:100px; margin-left:100px; background-color:red; font-size:12pt; color:white; border:1px solid black; padding-left:2px; width:270px; height:200px; overflow:auto;display:block">
      Tra 5 secondi questo testo non sara' piu' visibile.
    </div>
  </body>
</html>

Prima di tuto mi scuso per l'intromissione, ma
Come posso fare ad impostare il tempo in modo che il testo, ad esempio, rimanga per il tempo di caricamento di una pagina?

Discussione: Pop up in sito

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio