popup ceh si ridimensiona..

**Gigi84** · 04-06-2004, 16:33

per questo script mi funziona in locale ma sul server no??
cliccando sulla immagini nella paginahttp://www.webalice.it/iamgigi/servizi.html dovrebbe aprirsi una popup con l'immagine ingrandita e una breve didascalia!

la funzione showPopup viene chamata tramite il click su un link..

dentro function.js

codice:

function showPopup(numero){
	a = window.open("popup.html",null,"width=300,height=300,Menubar=no,Status=no,Toolbar=no,Resizeable=no");
	a.document.getElementById("descrizione").innerHTML = a.descr[numero];
	a.document.getElementById("foto").src = "imgs/estesa"+numero+".jpg";
	a.window.resizeTo(a.dim[numero][0] + 30, a.dim[numero][1] +80);
}

popup.html

codice:

<HTML>
	<HEAD>
		<TITLE>Servizi - Foto</TITLE>
		<SCRIPT language="JavaScript">
			var descr = new Array(4);
			descr[0] = "Le camere riservate ai nostri ospiti.";
			descr[1] = "L' ampia sala.";
			descr[2] = "Il parco di fronte all'Istituto.";
			descr[3] = "La nostra infermeria.";
			descr[4] = "Ecco un ingrandimento della cartina.";
			descr[5] = "L'organigramma.";
			
			var dim = new Array(5);
			
			dim[0] = new Array(2);
			dim[1] = new Array(2);
			dim[2] = new Array(2);
			dim[3] = new Array(2);
			dim[4] = new Array(2);
			dim[5] = new Array(2);
			   /* width         height */
			dim[0][0] = 450; dim[0][1] = 277;
			dim[1][0] = 500; dim[1][1] = 321;
			dim[2][0] = 550; dim[2][1] = 282;
			dim[3][0] = 350; dim[3][1] = 281;
			dim[4][0] = 390; dim[4][1] = 382;
			dim[5][0] = 500; dim[5][1] = 257;
		</SCRIPT>
	</HEAD>
	<BODY marginheight="0" marginwidth="0">
		[img][/img]
		<DIV style="linksotto" id="descrizione"></DIV>
	</BODY>
</HTML>

grazie in anticipo!

Ciao!!!

**Xinod** · 04-06-2004, 22:29

è un errore di temporizzazione: stai cercando di modificare elementi che non ancora sono presenti nel documento

perchè non provi scrivendo dinamicamente il contenuto della popup con il document.write()?

es. (tutto da tenere solo nella principale)

codice:

<SCRIPT language="JavaScript">
			var descr = new Array(4);
			descr[0] = "Le camere riservate ai nostri ospiti.";
			descr[1] = "L' ampia sala.";
			descr[2] = "Il parco di fronte all'Istituto.";
			descr[3] = "La nostra infermeria.";
			descr[4] = "Ecco un ingrandimento della cartina.";
			descr[5] = "L'organigramma.";
			
			var dim = new Array(5);
			
			dim[0] = new Array(2);
			dim[1] = new Array(2);
			dim[2] = new Array(2);
			dim[3] = new Array(2);
			dim[4] = new Array(2);
			dim[5] = new Array(2);
			   /* width         height */
			dim[0][0] = 450; dim[0][1] = 277;
			dim[1][0] = 500; dim[1][1] = 321;
			dim[2][0] = 550; dim[2][1] = 282;
			dim[3][0] = 350; dim[3][1] = 281;
			dim[4][0] = 390; dim[4][1] = 382;
			dim[5][0] = 500; dim[5][1] = 257;

function showPopup(numero){
  a = window.open("about:blank","popup","width=300,height=300,Menubar=no,Status=no,Toolbar=no,Resizeable=no");
  a.document.write("\<html\>\<head\>\<title\>ingrandimento\<\/title\>\<\/head\>\<body\>");
  a.document.write("\<img src=\"imgs/estesa"+numero+".jpg\" \/\>");
  a.document.write("\<div\>"+descr[numero]+"\<\/div\>\<\/body\>\<\/html\>");
  a.document.close();
  a.resizeTo(dim[numero][0] + 30, dim[numero][1] +80);
}
</SCRIPT>

occhio alla formattazione del forum (tra about e :blank non va lo spazio)
ciao

**Gigi84** · 05-06-2004, 14:37

Grazie mille!!
questa è la soluzione!

Solo una domanda: a cosa server quel document.close(); prima del resizeTo?

**Gigi84** · 07-06-2004, 22:04

Originariamente inviato da Gigi84
solo una domanda: a cosa server quel document.close(); prima del resizeTo?

**Xinod** · 07-06-2004, 22:18

se apri un flusso di dati verso una nuova finestra è opportuno chiuderlo
altrimenti ulteriori richiami potrebbero accodare le informazioni,
forse non sarà il tuo caso ma è meglio procedere così
ciao

**Gigi84** · 07-06-2004, 22:50

ok, ho imparato 1 cosa nuova!

grazie!

Discussione: popup ceh si ridimensiona..

Strumenti discussione

Ricerca discussione

Visualizza

popup ceh si ridimensiona..

Permessi di invio