PAGE QUI S'ADAPTE (REDIMENSIONNE) UNE IFRAME iframe, tableau, redimensionne, Source N°28512

Information sur la source

Catégorie :Trucs & Astuces Classé sous : iframe, tableau, redimensionne Niveau : Débutant Date de création : 30/12/2004 Date de mise à jour : 06/05/2006 08:22:18 Vu / téléchargé: 10 272 / 731

Auteur : rttb

Site perso

Ecrire un message privé

Ce membre participe au partage de revenus publicitaires

Note :

9,50 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (6)

Ajouter un commentaire et/ou une note

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

// 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()">

// 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.

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

page_a_integrer.html 2 917 octets
page_qui_integre.html 394 octets

Télécharger le zip

Historique

06 mai 2006 08:22:19 :: Ajout d'un fichier zip à titre d'exemple comme demandé dans les commentaires. NOTA : le fichier page à intégrer est censé être un fichier dynamique (PHP ou autre), mais pour l'exemple il est en HTML.

Sources du même auteur

Toutes les sources de rttb

Sources de la même categorie

Toutes les sources de la catégorie Trucs & Astuces

Sources en rapport avec celle ci

Commentaires

Commentaire de tueur_a_gage le 24/01/2006 23:01:07

J'ai essayé ton script et j'ai un soucis. Tout d'abord je respecte pas vraiment tes conditions de base, mon iFrame n'est pas dans un tableau mais dans un div. Je suis passé à travers en utilisant l'ID du Div, mais... marche pas !

J'ai essayé en ajoutant un tableau autour de mon iFrame à l'intérieur de mon Div, pas mieux, à savoir que mon div est dynamique et s'adapte en largeur en fonction de son contenu.

T'as des idées ?

PS : je suis sous Firefox
Commentaire de rttb le 12/02/2006 11:15:33

Désolé tueur_a_gage pour le temps de réponse, mais déménagement oblige, plus d'Internet...
Si la page (de src de la iframe) est contenue dans un tableau avec ID, cela ne doit pas poser de problème.
Tu remplaces bien tous les noms dans la fonction ?
Tu n'as pas oublié le onload dans le body de ta page ?
Commentaire de tueur_a_gage le 16/02/2006 15:05:51

Merci pour l'info RTTB, je n'ai pas trop le tps de rejeter un coup d'oeil en ce moment, mais merci pour l'info, dès que j'aurai le tps, je reviendrai ici pour te tenir au courant et te reposer t'éventuelles questions...

a+
Commentaire de rttb le 17/02/2006 08:54:02

Pas de problème, je serais là.

A+
Commentaire de DeaX le 05/05/2006 17:06:28

Salut,

Pourrai tu expliquer en mettant un exemple avec 2 page et un iframe, car je cherche un script comme le tien depuis longtemp et je n'arive pas a le faire fonctionné !

Merci
Commentaire de rttb le 06/05/2006 08:23:09

Voila, pour le fichier zip, c'est fait.

Ajouter un commentaire

Discussions en rapport avec ce code source

Redimensionner une page et non une iframe !!! par Leneuf8000

tableau + iframe par Metrox

help par syphaxx

changer limage de fond d'un tableau par lumesh

tableau avec tri dynamique par rcedric

IFRAME Actualisation par julleroyfr

changer la couleur des cellules d'un tableau par basti

Ancres dans IFRAME fait défiler la fenêtre parente par Henri9009

tableau bordure mouseouver par mathieumg

Netscape, Select et Tableau par bavmorda