Salve! Devo aprire dei link in un iframe con colorbox, e fin qui tutto bene, il problema è che devo passare alla pagina che apro nell'iframe delle variabili in GET, in particolare le dimensioni della pagina (in modo da creare su misura il contenuto nell'iframe.
Questo script, messo nell'head, FUNZIONA:
codice:
jQuery(document).ready(function () {
	var x = Math.ceil(window.innerWidth*0.8-10);
	var y = Math.round(window.innerHeight*0.8);
	jQuery('#latest ul li').colorbox({
		iframe:true,
		innerWidth:"80%",
		innerHeight:"80%",
		opacity:0.5,
		rel:'latest', 
		href:function(){ 
			return $(this).find('a').attr('href')+"?x="+x+"&y="+y; 
		}, 
		title:function(){ 
			return $(this).find('a').attr('title'); 
		}
	});
});
Il problema è che immagazzina la dimensione della finestra al caricamento della pagina, quindi se dopo averla caricata si ridimensiona il browser si sballa tutto. Vorrei che le variabili x e y siano assegnate al momento del click sul link.
Ho quindi provato a spostare l'assegnazione delle variabili all'interno della chiamata al colorbox, così
codice:
jQuery(document).ready(function () {
	jQuery('#latest ul li').colorbox({
		iframe:true,
		innerWidth:"80%",
		innerHeight:"80%",
		opacity:0.5,
		rel:'latest', 
		href:function(){ 
			var x = Math.ceil(window.innerWidth*0.8-10);
			var y = Math.round(window.innerHeight*0.8);
			return $(this).find('a').attr('href')+"?x="+x+"&y="+y; 
		}, 
		title:function(){ 
			return $(this).find('a').attr('title'); 
		}
	});
});
Così però colorbox non funziona e mi apre il link in una nuova pagina, e non capisco il perchè (premetto che non sono molto ferrato sul JS).
C'è qualche errore di sintassi per caso? Perchè vanno per forza inizializzate fuori? Conoscete un modo per risolvere?
Grazie!