script pop up

**i@nn@** · 16-07-2003, 14:55

ciao a tutti, avrei bisogno un piccolo aiuto. Mi servirebbe un piccolo javascript che mi permette di fare aprire dei pop up che si autodimensionano a seconda della dimensione dell'immagine all'interno. Ovvero, sto realizzando un sito, vorrei che quando clicco sulla miniatura dell'immagine mi si apra un pop up che abbia la stessa dimensione dell'immagine. Le immagini hanno dimensioni diverse e purtroppo non posso cambiare loro la dimensione!

**Federix** · 16-07-2003, 14:59

codice:

<script>
function finestra(str,w,h) {
msg = window.open(str,'','width='+w+',height='+h+',scrollbars=no,resizable=no'); 
}
</script>

poi scrivi il collegamento

codice:

Apri

In questo caso apri un immagine grande 300 per 300 le cui dimensioni vengono applicate alle impostazioni della finestra

**i@nn@** · 16-07-2003, 15:08

Originariamente inviato da Federix

codice:

<script>
function finestra(str,w,h) {
msg = window.open(str,'','width='+w+',height='+h+',scrollbars=no,resizable=no'); 
}
</script>

poi scrivi il collegamento

codice:

Apri

In questo caso apri un immagine grande 300 per 300 le cui dimensioni vengono applicate alle impostazioni della finestra

mi da un errore appena apro la pagina su questa riga

msg = window. open(str,'','width='+w+',height='+h+',sc

**Federix** · 16-07-2003, 15:14

codice:

msg = window. open(str,'','width='+w+',height='+h+',scrollbars=no,resizable=no');

Devi scrivere tutto attaccato

**i@nn@** · 16-07-2003, 15:25

ma non mi apre il pop up! mi apre una pagina bianca normale con dentro l'immagine. che devo mettere nella pagine del pop up come codice?

**Federix** · 16-07-2003, 15:32

Nel mio sito funziona alla perfezione. Mi posti il codice della tua pagina, così vedo dove è l'errore.

**i@nn@** · 16-07-2003, 15:34

ok, il codice è:

__________________________________________________ ______________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>.: 3M :.</title>
<link href="main.css" rel="STYLESHEET" type="text/css">

<script>
function finestra(str,w,h) {
msg=window.open(str,'','width='+w+',height='+h+',s crollbars=no,resizable=no');
}
</script>

</head>

<body>
<table align="center" width="770" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="229" align=center bgcolor="#EAECF4" valign=top>
<table align="center" width="229" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="229" align=center valign=top>[img]img/01.gif[/img]</td>
</tr>
<tr>
<td width="229" align=center valign=top>[img]img/03.gif[/img]</td>
</tr>
</table>
</td>

<td width="541" align=center valign=top>
<table align="center" width="541" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="541" align=left>[img]img/02.gif[/img]</td>
</tr>
<tr>
<td width="541" align=left>[img]img/eventi.gif[/img][img]img/img_01.gif[/img]</td>
</tr>
<tr>
<td width="541" align=left>[img]img/linea_o.gif[/img]</td>
</tr>
<tr>
<td width="541" align=right class=undici>
<table align="center" width="541" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="1" bgcolor="#001871"></td>
<td>
<table align="center" width="540" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="380" align=left class=undici>
<table align="center" width="380" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="380" align=left class=undici>
Fondazione 3M sponsorizza eventi Incredibiliter pretosius concubine corrumperet optimus utilitas ossifragi, quod chirographi deciperet cathedras.
Ossifragi senesceret verecundus catelli. Agricolae insectat pessimus pretosius matrimonii, semper quadrupei miscere concubine, ut parsimonia agricolae
deciperet fiducia suis.

</td>
</tr>
</table>
</td>
<td width="160" align="right" valign=top>[img]img/img_01-2.gif[/img]</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="1" bgcolor="#001871"></td>
<td>
<table align="center" width="540" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="220" align=left class=undici>
<table align="center" width="220" cellspacing="0" cellpadding="5" border="0">
<tr bgcolor="#001871">
<td width="220" align=left class="quattordicib">Luxardo. La voluttà e il sogno</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" align=left class=undici>
<table align="center" width="540" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="540" align=left class="dodici">
Dall’archivio fotografico Fondazione 3M, a Palazzo Ducale:

le foto di Elio Luxardo a Sabbioneta 23 novembre 2002 - 31 gennaio 2003
</td>
</tr>
<tr>
<td width="540" align=left class="dieci" valign=top>
[img]img/foto_01.gif[/img]
Dopo i successi di Villa Reale (Milano) e della Collezione Peggy Guggenheim (Venezia), la mostra di Elio Luxardo, grande protagonista della fotografia italiana negli anni Trenta e Quaranta, arriva a Palazzo Ducale di Sabbioneta.
Per questa nuova edizione della mostra, sempre curata da Luca Violo presentate 66 immagini fotografiche, di cui un nuovo vintage mai esposto nelle precedenti mostre di Luxardo: Primo Piacere (1958). Tutte le fotografie, ad
[img]img/foto_02.gif[/img]
eccezione della stampa contemporanea da lastra originale di Il Corpo e La Luce XII (1937/200), sono stampe originali ai sali d’argento provenienti dal ricchissimo archivio fotografico Fondazione 3M.

La mostra di Palazzo Ducale è un percorso cronologico che affronta, dall’inizio degli anni’30 fino alla fine degli anni’50, tutti i problemi e gli aspetti dell’opera di Luxardo: i ritratti, la pubblicità, la moda e i nudi. Fra le opere in mostra, intensi ritratti di personaggi della cultura come Luigi Pirandello, del cinema come Assia Noris e una giovanissima Claudia Cardinale; non mancheranno i nudi della seconda metà degli anni Trenta fra i quali Venere, Sinuose Armonie e Forza II.
[img]img/info_1.gif[/img]
La ricerca fotografica operata da Luxardo a cavallo degli anni Trenta e Quaranta è in linea con i grandi fotografi internazionali, sia per le foto di nudo, dove non è azzardato fare un paragone con Weston, Hoyningen-Huene e Man Ray, che per i ritratti,
dove Luxardo guarda ai fotografi di moda di Vogue
e Harper’s Bazaar e a quelli del cinema
hollywoodiano come George Hurrel.

Oltre alle immagini di Luxardo in mostra a Sabbioneta l’archivio fotografico Fondazione 3M conserva trentamila fotografie tra lastre, dagherrotipi, stampe originali e negativi. In questo spazio è raccolta la storia del marchio Ferrania e dell’omonima rivista, che dal ’46 al ’67 ha raccontato la storia del nostro paese attraverso le foto e l’evoluzione del costume.

</td>
</tr>
</table>
</td>
</tr>

<tr>
<td width="270" align=left class=undici>
<table align="center" width="270" cellspacing="0" cellpadding="5" border="0">
<tr bgcolor="#001871">
<td width="270" align=left class="quattordicib">Mostra personale di Loredana Raciti</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" align=left class=undici>
<table align="center" width="540" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="540" align=left class="dodici">
31 maggio 2003, Presentazione privata organizzata dalla Fondazione 3M

presso la Collezione Peggy Guggenheim, Palazzo Venier dei Leoni,

Dorsoduro 701, 30123 Venezia
</td>
</tr>
<tr>
<td width="540" align=left class="dieci" valign=top>
[img]img/foto_03.gif[/img]
La Galleria Tondinelli presenta dal 18 al 25 giugno 2003 la mostra personale di Loredana Raciti “Psicogrammi”, dopo la presentazione privata del 31 maggio 2003, organnizzata dalla Fondazione 3M presso la Collezione Peggy Guggenheim di Venezia.
L’esposizione comprende dieci tele di grande formato appartenenti all’ultimo ciclo creativo dell’artista. Sempre affascinata dal suo tempo, dalla travolgente attualità, Loredana Raciti continua a interrogarsi sulla funzione dell’arte all’interno della nostra contemporaneità. Da questa intenzione programmatica, alle soglie del Terzo Millennio, dà vita al ciclo dell’emotion painting. La partecipazione ancora più intensa e penetrante agli accadimenti del contingente si converte sulla tela nelle vigorose, nervose, consciamente istintuali pennellate dai forti contrasti cromatici.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" align=left class=undici>
<table align="center" width="540" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="315" align=left class="dieci">
L’artista, però, non dimentica il passato. Le proprie radici. Abbandona l’olio, gli acrilici. Si appropria delle terre, fin dall’antichità usate come colori. Una trasformazione del pigmento ricontestualizzato. Un affresco contemporaneo della società. Anche qui la divisione a compartimenti. L’esigenza di ordinare. La creatività nasce dall’ordine. E non è detto che il caos non abbia un suo ordine. Una mappatura dell’ordine del disordine. Ogni sezione è collegata all’altra. Il trait d’union è emotivo, non segnico. Il collegamento è permanente. L’autonomia dell’opera è legata al ciclo narrativo che include, ma la sua dipendenza a quella che la precede e a quella che la segue è imprescindibile e immanente. Una continuità emo-ra-zionale infinibile. Così come la poliedrica ciclicità concettuale dell’artista, di cui è possibile rintracciarne la genesi, ma di cui non si può mai individuarne l’epilogo. Una permanente ruota vichiana in movimento, ora in accelerazione, ora in frenata
</td>
<td width="225" align=left class="dieci" valign=top>
[img]img/foto_04.gif[/img]

[img]img/info_2.gif[/img]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" align=left class=undici>
<table align="center" width="540" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="540" align=left class="dieci">
L’esposizione è accompagnata dalla nuova monografia di Loredana Raciti, a cura di Cesare Biasini Selvaggi, con testi del curatore e di Nicoletta Castagni, pubblicata per i tipi di ELECTA.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<map name="02">
<area alt="" coords="143,13,189,73" href="pop_up_01.html" onclick="finestra('pop_up_01.html','340','459'),">
</map>

</body>
</html>

**Federix** · 16-07-2003, 15:37

Se ho capito bene la opo-up la metti quì, sostituisci il codice con questo, non puoi mettere due collegamenti:

codice:

<map name="02"> 
<area alt="" coords="143,13,189,73" href="#" onclick="finestra('pop_up_01.html','340','459'),"> 
</map>

**i@nn@** · 16-07-2003, 15:43

trovato l'errore!!!!!!

<map name="02">
<area alt="" coords="143,13,189,73" href="javascript:finestra('pop_up_01.html','340',' 459')">
</map>

adesso cosi funziona!

**i@nn@** · 16-07-2003, 15:49

Originariamente inviato da Federix
Se ho capito bene la opo-up la metti quì, sostituisci il codice con questo, non puoi mettere due collegamenti:

codice:

<map name="02"> 
<area alt="" coords="143,13,189,73" href="#" onclick="finestra('pop_up_01.html','340','459'),"> 
</map>

Grazie lo stesso!!

Discussione: script pop up

Strumenti discussione

Ricerca discussione

Visualizza

script pop up

Permessi di invio