AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 04 21:33:48
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

PAGE QUI S'ADAPTE (REDIMENSIONNE) UNE IFRAME


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é: 12 201 / 844
Auteur : rttb Site perso
Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
9,5 / 10 - par 2 personnes
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 !

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.

Commentaires et avis

signaler à un administrateur
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

signaler à un administrateur
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 ?

signaler à un administrateur
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+

signaler à un administrateur
Commentaire de rttb le 17/02/2006 08:54:02

Pas de problème, je serais là.

A+

signaler à un administrateur
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

signaler à un administrateur
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 dans le forum

Redimensionner une page et non une iframe !!! [ par Leneuf8000 ] Bonjour, voil&#224; j'aimerai pouvoir redimensionner une page que je charge dans un tableau. Je m'explique j'ai un tableau qui me place mes &#233;l&#2 tableau + iframe [ par Metrox ] 'lut all,j'aimerais savoir comment on peut faire pour que mes liens, qui sont dans la cellule de droite, s'ouvre dans la cellule de gauche...Et aussi, help [ par syphaxx ] bjr tt le monde, dans une page html j'ai un composant de type "select", en desous il y a un tableau (table), je voudrais que selon la valeur du select changer limage de fond d'un tableau [ par lumesh ] Salut,Bon oila, je suis a la recherche de la maniere pour modifier limage de fond d'une cellule d'un tableau avec javascript lors d'un rollover su cel tableau avec tri dynamique [ par rcedric ] Salut a tous,voila mon probleme; je cherche à afficher un tableau et que lorsqu l'on clic sur le libellé le tableau est trié et réafficher dynamiqueme IFRAME Actualisation [ par julleroyfr ] Salut je débute en javascript et j'utilise une iframe dans une de mes pages je lui envoie des parametres qu'elle s'affiche et si je reviens en changer la couleur des cellules d'un tableau [ par basti ] Bonjour tout le monde,J'aimerais changer la couleur des cellules d'un tableau. Le probleme est que je suis débutant en Javascript alors jai choper la Ancres dans IFRAME fait défiler la fenêtre parente [ par Henri9009 ] Salut à tous! Il y a des ancres dans mon IFRAME qui fonctionnent bien mais dès que je clique sur l'une de ces ancres, la fenêtre parente défile à son tableau bordure mouseouver [ par mathieumg ] J'ai un petit tableau a une cellule et je fais un mouse over sur le background et la bordure mais cela ne le fait pas au complet sur la bordure on voi Netscape, Select et Tableau [ par bavmorda ] Bonjour,J'ai une liste (select) dans un tableau (pour des soucis de mise en forme). Ce Select contient 1 item à l'ouverture de la page. Le contenu est


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


Call of Duty 4: Modern Warfare pour Windows
Entre 55€ et 55€


Visiter le guide achat

Photothèque Nouveau !

Photo alphabet langue des sourdsPhoto pretty girls
Photo cascades de plitvice 

Visiter la photothèque


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,499 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.