Comment faire un Resize iFrame

Une iframe est un élément Web qui permet aux utilisateurs intégrer une version plus petite d'un autre site dans leur propre page. Parfois, les développeurs Web utilisent iframes afin qu'ils puissent afficher le contenu sans avoir besoin d'envoyer leurs utilisateurs hors de la page qu'ils visitent actuellement. Habituellement, l'utilisateur peut faire défiler la page Web dans une iframe. Cependant, vous pouvez également inclure un peu de JavaScript sur votre page pour redimensionner automatiquement l'iframe pour que la page HTML complet tient dans la boîte de iframe.

Instructions

1 Connectez-vous à votre serveur Web et saisissez votre nom d'utilisateur et mot de passe. Cliquez sur le fichier HTML sur lequel vous voulez inclure l'iframe pour l'ouvrir.

2 Cliquez sur votre curseur entre les balises <head> et </ head>.

3 Insérez le code suivant:

<Script language = "JavaScript">

<! -

fonction calcHeight ()

{

// Trouve la hauteur de la page interne

var the_height =

document.getElementById('the_iframe').contentWindow.

document.body.scrollHeight;

// Modifier la hauteur de l'iframe

document.getElementById ( 'the_iframe'). height =

the_height;

}

// ->

</ Script>

4 Cliquez sur votre curseur dans la section de la page où vous souhaitez insérer le iframe. Ce doit être quelque part entre le <body> et <body>.

5 Insérez le code suivant:

<Iframe width = "500" id = "the_iframe"

onLoad="calcHeight();"

avec l'URL de la page que vous souhaitez inclure dans le iframe.

7 Publier la page.