Newsgroup: it.comp.www.html
Titolo: popup e foto

salve ragazzi
ho un problemino e non riesco a trovare una soluzione
uso DreamWeaver Mx (se puň servire)
ho una pagina con una tabella e 20 articoli, 
di cui riporto una foto mini e una breve descrizione.
Mi piacerebbe che quando clicco sulla foto mini
si aprisse una finestra popup con la foto ingrandita
(ovviamente puntando ad un JPG effettivamente piů grande)
in poche parole il collegamento dovrebbe essere dinamico
tra 1 file popup.htm e la foto grande di turno.
Ma come si fa ?
Alex
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 
Si potrebbe anche lanciare direttamente il file della foto, anzichè la 
pagina popup.htm. E non serve altro.
Però può dare dei problemi su OS diversi da Windows (nel senso che, per 
esempio su certi MAc, ti fa scaricare il file anzichè aprirlo) o su PC 
configurati in maniera un po' inusuale.
Altra soluzione, è mandare una variabile in querystring (contenente ad 
esempio il nome del file), oltre alla pagina popup.htm. Poi la pagina 
dovrebbe leggere tale variabile, e applicare l'immagine di conseguenza.
Quindi nel javascript che apre la popup, la pagina chiamata sarà 
popup.htm?filename=pippo.jpg
Ora, nella pagina popup.htm devi usare qualcosa, diverso dall'HTML, per 
leggere la variabile e caricare l'immagine.
Il tuo server supporta qualcosa lato server, tipo ASP, PHP...?
Se sì, è facilissimo.
Altrimenti, immagino potrai fare qualcosa di analogo in javascript 
(quindi lato client).

 Ma come si fa ?
Sei un po' OT, perché occorre una cifra di codice javascript.
Per una risposta dettagliata ti conviene chiedere su it.comp.lang.javascript,
ma, le linee guida sono queste:
- In tutte le pagine html che contengono le anteprime richiami un file js esterno "popup.js"
es:
<script type="text/javascript" src="popup.js"></script>
- Nel file popup.js, scriverai una funzione "apri"
  a cui passerai come parametri le dimensioni dell'immagine
  e le farai fare queste belle cose:
  1. confronta altezza e larghezza dell'immagine con altezza e larghezza (avail)
      dello schermo del client e ricava il minimo, calcolando l'eventuale aggiunta di scrollbars.
  2. assegna alla variabile popup una finestra ricavata con la funzione javascript window.open.
      Ad es:
      popup = window.open('','_blank','width='+larghezza+',height='+altezza+',toolbar=no,left=0,top=0')
  3. scrivi dinamicamente il tuo codice html nella popup, es:
      popup.document.open();
      popup.document.write('il tuo codice html');
      popup.document.close();
- Quando richiami l'anteprima:
<a href="immagine.jpg" target="_blank" onclick="apri('immagine.jpg','larghezza','altezza'); return false">
(non fare <a href="javascript:apri(ecc...)"> che è uréndo)
MaRoK

 
xchè no? :-)
è molto + comodo
-- 
********************
http://www.scirio.tk
100% COMMERCIALE
********************

 è molto + comodo
L'uso della sintassi <a href="javascript:ecc...">
rende il link accessibile SOLO mediante javascript.
Questo implica che il link non è più accessibile se javascript non è attivo
o se la funzione del file .js non viene caricata (come può accadere in caso
di salvataggio parziale della pagina nella visualizzazione offline,
o anche nel caso che il browser, magari un po' vecchio, non riconosca la funzione...).
Ma, SOPRATTUTTO, il link NON viene indicizzato dagli spider.
Dunque l'accessibilità ne risente in modo pesante!
MaRoK