Je n'arrive pas a redimentionner un iframe

pierrot10 · 30/11/2011, 11h26

Bonjour à tous,

J'utilise Fancybox pour afficher soit un page extrene, soir une page interne.

J'utilise fancybox en mode iframe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(document).ready(function() {
	$(".iframe").fancybox({
 
        	'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'			: 'iframe',
		'centerOnScroll'	: true,
		'onClosed'		: function() {
			location.reload();
		},
		//http://stackoverflow.com/questions/5389927/fancybox-updating-size-of-fancybox-with-iframe-content
		'onComplete' : function() {
			$('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
			  $('#fancybox-content').height($(this).contents().find('body').height()+30);
			  //$('#fancybox-content').width($(this).contents().find('body').width()+30);
			});
		}
 
	});

Je cherche une solution pour que la fentre qu'ouvre fancybox, soit auto redimentionné, Meme si fancybox est extra, on ne peut pas le faire avec le mode iframe (a moins que je n'ai pas trouvé)

En surfant sur le web j'ai trouvé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
			  $('#fancybox-content').height($(this).contents().find('body').height()+30);
			  //$('#fancybox-content').width($(this).contents().find('body').width()+30);
			});

mais ca ne marche pouas

Quand j'ouvre une page externe, fancy box prend sa taille par défaut.

Es-ce que vous pourriez m'aider à valider le code que j'ai mis juste la dessus?
En gros,
quand #fancybox-frame est charger, il va redimentionner #fancybox-content, en fonction de la balise <body>, mais je demande si c'est façon de faire est juste.
je connais pas assez bien jQuery.

Merci pour votre lumière

SpaceFrog · 30/11/2011, 11h32

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.css({"height:"....px","width":"....px"})

?

30/11/2011, 11h32	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	Code : Sélectionner tout - Visualiser dans une fenêtre à part .css({"height:"....px","width":"....px"}) ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email