Page qui s'adapte (redimensionne) une iframe


Télécharger le projet
Commenter

Description

Si vous voulez qu'une page de votre site apparaisse dans un autre site alors que votre page est dynamique (largeur et hauteur non fixe), utilisez ce script.
Deux conditions :
- Votre page doit etre contenue dans un tableau avec un Id
- Evidement ecrire du code dans la page d'acceuil ;)

Source / Exemple : 


// code de la page d'acceuil
<iframe id="nom_Frame" src="http://www.monsite.com" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>

// fonction javascript pour votre page :

<script language="JavaScript" type="text/JavaScript">
<!--
function redim(){
	as=document.getElementById("nom_du_tableau").offsetHeight;
	parent.document.getElementById("nom_Frame").height=as;
	as=document.getElementById("nom_du_tableau").offsetWidth;
	parent.document.getElementById("nom_Frame").width=as;
}
//-->
</script>

// a mettre sur body
<body onLoad="redim()">

Conclusion :


Ce tout petit et très simple script fonctionne même sur mozilla, coucou ne pourra pas râler.
Je vous vois venir, pourquoi une iframe et pas un include PHP, parce que certains sites sont fais uniquement en HTML (si si cela existe), et c'est bien plus simple de mettre une iframe que de recréer une page en PHP.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (rttb)