+ Rispondi alla Discussione
Risultati da 1 a 34 di 34

PopUp con dimensioni variabili

Ultimo Messaggio di pikadilly il:
  1. #1
    User
    Data Registrazione
    Sep 2005
    Messaggi
    148

    PopUp con dimensioni variabili

    Secondo Voi possibile da una pagina html aprire una pop up con dimensioni variabili a seconda delle dimensioni dell'immagine contenuta nella stessa popUP

    attendo Vostre notizie

    grazie
    ciao
    CIRMAS (lottointelligente.it - creazionesitiwebmarketing.it)

  2. #2
    User L'avatar di fenics
    Data Registrazione
    May 2006
    Messaggi
    116
    Qualche tempo fa ho avuto a che fare con questo tipo di popup ed ho utilizzato il seguente codice, che nella "normalit" dei casi funziona abbastanza bene.

    pagina popup.htm

    <HTML>
    <HEAD>
    <TITLE>Fit the Pic</TITLE>
    <script language='javascript'>
    var arrTemp=self.location.href.split("?");
    var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
    var NS = (navigator.appName=="Netscape")?true:false;

    function FitPic() {
    iWidth = (NS)?window.innerWidth:document.body.clientWidth;
    iHeight = (NS)?window.innerHeight:document.body.clientHeight ;
    iWidth = document.images[0].width - iWidth;
    iHeight = document.images[0].height - iHeight;
    window.resizeBy(iWidth, iHeight);
    self.focus();
    };
    </script>
    </HEAD>
    <BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
    marginheight="0" leftmargin="0" marginwidth="0">
    <script language='javascript'>
    document.write( "<img src='" + picUrl + "' border=0>" );
    </script>
    </BODY>
    </HTML>


    pagina dove inserisci il link da cui si apre il popup

    <HTML>
    <HEAD>
    <TITLE>Image Gallery</TITLE>
    <script language="Javascript">
    function PopupPic(sPicURL) {
    window.open( "popup.htm?"+sPicURL, "",
    "resizable=1,HEIGHT=200,WIDTH=200");
    }
    </script>
    </HEAD>
    <BODY bgcolor="#FFFFFF">
    <a href="javascript:PopupPic('Image1.gif')">Image 1</a><br>
    <a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
    <a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
    </BODY>
    </HTML>

    chiaramente vanno rinominati i nomi delle immagini...

    Ultima modifica di fenics; 15-09-06 alle 23:29

  3. #3
    User
    Data Registrazione
    Sep 2005
    Messaggi
    148
    Grazie 1000 perfetto, proprio quello che cercavo!!

    ti ringrazio ancora

    ciao
    CIRMAS (lottointelligente.it - creazionesitiwebmarketing.it)

  4. #4
    User L'avatar di fenics
    Data Registrazione
    May 2006
    Messaggi
    116
    Figurati, alla prossima

  5. #5
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164

    aaaaaaaaaaaa

    Ciao... ho inserito il codice e funziona tutto correttamente.
    Cosa devo fare per uttilizzare lo stesso codice per altre pagine in altre directory?
    Ho provato a modificare il link "popup.html" in "../popup.html" nel comando:

    Codice:
    window.open( "popup.htm?"+sPicURL, "", "resizable=1, HEIGHT=200, WIDTH=200");
    ma non funziona... dove sto sbagliando??

  6. #6
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Nessuno mi sa aiutare??

  7. #7
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Citazione Originariamente Scritto da asso82 Visualizza Messaggio
    Nessuno mi sa aiutare??
    Tutti in vacanza oppure ho chiesto una cosa impossibile??

  8. #8
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Non sono esperta di javascript ma prova a mettere tutto il percorso del file.
    Nell'esempio tu hai messo html o htm? se il documento di destinazione un htm o un html fa differenza. se io cerco una pagina con estensione htm e magari un html non me la trova...Prova prova.
    Siamo in Agosto...stare davanti al pc un odissea.

  9. #9
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Il file html e l'ho scritto correttamente.
    Per quanto riguarda la directory... come faccio a scriverla completa??
    Dovr sempre partire dalla cartella dove risiede il file in questione...

  10. #10
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Se la cartella ciao metti ciao/file.html...provo anche io a farlo...vediamo se ci riesco.

  11. #11
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Responso...dimmi se sbaglio...
    Chiamiamo le pagine 1.html e 2.html

    se 1.html richiama 2.html e questa si trova nella cartella ciao...tu devi scrivere cosi in 1.html

    Codice HTML:
    <HTML>
    <HEAD>
    <TITLE>Image Gallery</TITLE>
    <script language="Javascript">
    function PopupPic(sPicURL) {
    window.open( "ciao/2.html?"+sPicURL, "",
    "resizable=1,HEIGHT=200,WIDTH=200");
    }
    </script>
    </HEAD>
    <BODY bgcolor="#FFFFFF">
    <a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
    <a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
    <a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
    </BODY>
    </HTML>
    Vedi? c' scritto ciao/2.html...

    Funza, l'ho provato...
    In 2.html devi scrivere il relativo percorso dell'immagine...

    spero che sia questo quello che cercavi.

  12. #12
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Perfetto... e fino qui ci sono arrivato.
    Ma cosa succede se 1.html sta dentro un altra cartella??

  13. #13
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Semplice anche se un p pidocchioso...

    abbiamo due cartelle:
    ciao1 e ciao2

    In ciao1 abbiamo 1.html
    In ciao2 abbiamo 2.html

    In 1.html scriviamo cosi:
    Codice:
    <HTML>
    <HEAD>
    <TITLE>Image Gallery</TITLE>
    <script language="Javascript">
    function PopupPic(sPicURL) {
    window.open( "../ciao2/2.html?"+sPicURL, "",
    "resizable=1,HEIGHT=200,WIDTH=200");
    }
    </script>
    </HEAD>
    <BODY bgcolor="#FFFFFF">
    
    <a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
    <a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
    <a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
    
    </BODY>
    </HTML>
    Cos ciao1 contiene 1.html e ciao2 contiene 2.html con la foto.
    vedi se ti funziona.

  14. #14
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    E' quello che ho fatto io sin dall'inizio ma non funziona.
    Prova anche tu e vedrai..

  15. #15
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Che errore ti da? A me funziona...ti metto un esempio il prima possibile

  16. #16
    User L'avatar di Dusy
    Data Registrazione
    Apr 2006
    Localit
    Dsseldorf - Deutschland
    Messaggi
    421
    Se hai praticit con PHP
    io ti consiglierei la funtione getimagesize(..)
    se cerchi con google, qualcosa di fatto lo trovi sicuramente!

  17. #17
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Rieccomi....
    esempio pratico:
    http://www.pikadilly.it/provafilmatoforum/ciao1/1.html

    la foto della micina e la relativa pagina si trovano in una cartella diversa dalla cartella che contiene 1.html.

    aprendo http://www.pikadilly.it/provafilmatoforum/ciao2/2.html

    Vedi la foto della micia senza passare da 1.html e la provenienza sono due cartelle separate.

    nel secondo documento togli questo:
    Codice:
    <script language='javascript'>
    document.write( "<img src='" + picUrl + "' border=0>" );
    </script>
    Ultima modifica di pikadilly; 07-08-07 alle 13:57

  18. #18
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Ho trovato il problema...
    se non metto il file 2.html in una cartella non funziona.
    Mi spiego meglio: se scrivo
    window.open( "../ciao2/2.html?"+.......) tutto ok.
    Ma se non metto il file dentro la cartella ciao2 ma nella root principale e scrivo
    window.open( "../2.html?"+......) non funziona.

    Poco mi importa per... metto il file dentro una cartella e risolvo.

    Grazie per l'interesse

  19. #19
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Come non detto.
    Se salgo di due cartelle (../../cartella/1.html) non funziona

  20. #20
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Allora...solo una volta puoi mettere i .../ metti cosi...
    .../cartella/cartella/file.html


  21. #21
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Citazione Originariamente Scritto da pikadilly Visualizza Messaggio
    Allora...solo una volta puoi mettere i .../ metti cosi...
    .../cartella/cartella/file.html
    Mi stai dicendo di mettere 3 puntini invece che 2???
    Non funziona lo stesso... credo che non risalga nemmeno di una cartella

  22. #22
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Ricapitolando:

    io ho il file popup.html nella cartella cart1 quindi cart1/popup.html

    poi ho il file file.html nella cartella root1/root2/ quindi root1/root2/file.html

    ho provato con ../../cart1/popup.html e non funziona
    ho provato con .../cart1/popup.html e non funziona

    Prova tu

  23. #23
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    No no...scusa l'errore dei puntini...solo due ne devi mettere...io sono una che mette tanti puntini e alle volte sbaglio...
    Adesso provo e ti sapr dire...per un percorso molto ardimentoso.
    LOL


    ECCOMI ECCOMI...

    metti cos ../../../ciao2/2.html
    Ultima modifica di pikadilly; 07-08-07 alle 14:58

  24. #24
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Citazione Originariamente Scritto da pikadilly Visualizza Messaggio
    ECCOMI ECCOMI...

    metti cos ../../../ciao2/2.html
    Nemmeno per idea... non vuole funzionare

  25. #25
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Ho provato a cambiare totalmente script seguendo l'esempio di questa pagina http://www.dynamicdrive.com/dynamici...box2/index.htm.

    Ebbene sono riuscito a farlo funzionare ma... non riesco a far visualizzare "close X" per chiudere l'immagine... sto sclerando!!!

  26. #26
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Questa la lightbox...molto pi complessa di quello che stavamo facendo...Dove hai messo l'immagine della x?


    A me funza benissimo...

    http://www.pikadilly.it/provafilmato...3/ciao4/1.html


    <script language="Javascript">
    function PopupPic(sPicURL) {
    window.open( "../../../ciao2/2.html?"+sPicURL, "",
    "resizable=1,HEIGHT=200,WIDTH=200");
    }
    </script>
    Ultima modifica di pikadilly; 07-08-07 alle 18:01

  27. #27
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    A me invece continua a non funzionare e ho lasciato perdere.

    Se non ti chiedo troppo, potresti testare anche la lightbox... non riesco a far visualizzare la scritta "close X" per uscire dalla visualizzazione della foto.

    Funziona solamente se metto il file nella cartella lightbox altrimenti no.

    TUTTE A ME

  28. #28
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Io uso le lightbox, guarda il percorso del file immagine della x e regolati di conseguenza.
    Devi rispettare i percorsi.
    LOL

  29. #29
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Citazione Originariamente Scritto da pikadilly Visualizza Messaggio
    Io uso le lightbox, guarda il percorso del file immagine della x e regolati di conseguenza.
    Devi rispettare i percorsi.
    LOL
    Ma io i percorsi li rispetto...
    Non funziona lo stesso...
    ho modificato il seguente percorso del file lightbox.js
    Codice:
     
    var fileLoadingImage = "images/loading.gif";  
    var fileBottomNavCloseImage = "images/closelabel.gif";
    non ho ottenuto alcun risultato.

    La cosa strana che lightbox.js contnuto nella cartella js ma con gli indirizzi riportati sopra, riesco comunque ad accedere alle immagini (senza mettere ../). Ovviamente solo se il mio file nella cartella del lightbox altrimenti non funziona.

    Non riesco a spiegarmi questa cosa

  30. #30
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Ci sono tre cartelle per la lightbox
    1.images
    2.js
    3.css

    Supponiamo che queste tre cartelle siano a loro volta dentro una cartella assieme all'html che richiama la lightbox nel percorso dell'img sar questo

    images/closelabel.gif

    Se tu hai spostato il file html fuori dalla cartella generale allora il percorso un altro. Sia nel file html sia nel js;
    ../images/closelabel.gif
    ../images/immagine.jpg sia nell'anteprimina sia nel suo collegamento a quella grande.
    Ma non trovo il senso di prendere e spostare il file html che richiama la lightbox.
    Alla fine ti si sta riproponendo lo stesso problema di prima, solo che questo pi arduo perch ci sono di mezzo altre cartelle.

  31. #31
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Citazione Originariamente Scritto da pikadilly Visualizza Messaggio
    Ma non trovo il senso di prendere e spostare il file html che richiama la lightbox.
    Come non ha senso?
    Se io voglio richiamare la lightbox da file diversi che risiedono in cartelle diverse come faccio??

  32. #32
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    Si tratta tutto di saper impostare i percorsi delle immagini e dei file che richiamano le immagini, le popup o le lightbox.
    Spiegazione semplice.
    Se il file che richiama un immagine in una cartella nella stessa cartella delle immagini allora il percorso :

    img.jpg

    Il file di immagine all'interno di un'altra cartella chiamata ad esempio images allora il percorso :

    images/img.jpg

    se entrambi i file si trovano i due cartelle completamente distinte allora si mettono i percorsi o assoluti o relativi.

    Assoluto:

    src="http://www.miosito.com/images1/images2/img.jpg"

    relativo:
    src="images/images2/images/img.jpg"

    Il percorso relativo si basa a seconda di dove si trova il documento che richiama l'immagine e vale per tutti i file esterni al documento.

    Fai come spiegato in precedenza.
    Richiami la lightbox secondo dove si trova il documento che la richiama, non cambia nulla, uguale alla popup, se non impari i percorsi cambiare metodo non serve. LOL
    Il problema di percorsi non di metodi usati per mostrare la singola immagine.
    Se vuoi richiamare un img da tremila cartelle devi impostare correttamente i percorsi.

    La lightbox si trova nella cartella ciao 2
    e il file che la richiama nella cartella ciao4 che sta dentro a ciao3, che a sua volta dentro ciao1 il percorso sar:
    ../../../ciao2/img.jpg

    Una spiegazione la trovi anche qui:
    http://docs.hp.com/it/5187-2209/ch02s10.html


  33. #33
    User L'avatar di asso82
    Data Registrazione
    Jun 2007
    Messaggi
    164
    Ti ringrazio della spiegazione ma queste cose elementari le conoscevo gi... vero che sono ignorante... ma non fino a questo punto

    Comunque ci sono riuscito

    Forse la mattina riesco a concentrarmi meglio.

    Sbagliavo perch io cercavo di mettere un percorso assoluto alle immagini "X close" e "loading" ma invece sono sempre relativi alla posizione del mio file dove intendo caricare la lightbox.
    Tu mi dirai "hai fatto la scoperta dell'acqua calda"...
    Non proprio cosi perch se io provassi a caricare la lightbox in un file da una cartella che si trova in un livello diverso da quella impostata, la cosa non funziona piu...
    Non importa, mi accontento lo stesso...
    Ti ringrazio infinitamente... complimenti per la pazienza

  34. #34
    Esperta L'avatar di pikadilly
    Data Registrazione
    Dec 2006
    Localit
    Old City
    Messaggi
    6,305
    Segui pikadilly su Twitter Aggiungi pikadilly su Google+ Aggiungi pikadilly su Facebook
    LOL...ma io non ti ho preso di certo come un ignorante, figurati.
    Un piccolo punto pu sballare tutto.
    Comunque stato un ripasso per me.
    In bocca al lupo per le immagini!
    LOL

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] Attivato
  • Il codice [VIDEO] Attivato
  • Il codice HTML Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.