Discussion :

[Mister Nono]

Je désire connaitre la taille du contenu d'un iframe afin d'adapter sa taille dynamiquement à ce contenu.

Le code suivant me renvoie toujours 150 et ce quelque soit la page.

Code :

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

1
2
3
4
5
 
var h = $('#content_id').contents().find("body").height();
 
            $('#content_id').css('height', h);
            alert('h => ' + h);

Comment obtenir la taille du contenu ?

Merci d'avance.

A+

[danielhagnoul]

Bonjour.

Exemple :

Code :

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

1
2
3
4
$(window).load(function(){
    // plus 24, valeur arbitraire pour tenir compte des marges autour du document
    $("#frameID").css("height", $("#frameID").contents().find("body").outerHeight() + 24);
});

[Mister Nono]

Bonjour.

Exemple :

Code :

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

1
2
3
4
$(window).load(function(){
    // plus 24, valeur arbitraire pour tenir compte des marges autour du document
    $("#frameID").css("height", $("#frameID").contents().find("body").outerHeight() + 24);
});

Merci pour ta réponse. J'aimerai l'essayer mais comment cette fonction est-elle appelée ?

Je l'ai mise en fin de page mais il semble quelle ne soit pas exécutée.

A+

[Mister Nono]

Merci beaucoup : cela fonctionne (sauf pour les contenus PDF).

La fonction ne fonctinnait pas car il fallait vider le cache du navigateur.

A+

[Mister Nono]

Je mets le post en résolu mais si quelques sait comment connaitre la taille du PDF ?

Merci à tous.

A+

[danielhagnoul]

Bonsoir.

Code :

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

1
2
3
4
5
6
7
8
$(window).load(function(){
    // pour voir une page A4 (210 mm * 297 mm) à 100%
    // mais on peut fixer directement la taille de l'iframe
    $("#frameID").css({
        height: parseInt(297*4.65),
        width: parseInt(210*4.65)
    });    
});

ATTENTION, voir : http://www.developpez.net/forums/d86...e/#post4917586

[Mister Nono]

Bonsoir.

Code :

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

1
2
3
4
5
6
7
8
$(window).load(function(){
    // pour voir une page A4 (210 mm * 297 mm) à 100%
    // mais on peut fixer directement la taille de l'iframe
    $("#frameID").css({
        height: parseInt(297*4.65),
        width: parseInt(210*4.65)
    });    
});

ATTENTION, voir : http://www.developpez.net/forums/d86...e/#post4917586

Merci encore.

A+