begin process at 2010 03 22 09:30:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > PAGE QUI S'ADAPTE (REDIMENSIONNE) UNE IFRAME

PAGE QUI S'ADAPTE (REDIMENSIONNE) UNE IFRAME


 Information sur la source

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :13 468 / 910

Auteur : rttb

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent 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.

 Sources du même auteur

Source avec Zip AVION PUBLICITAIRE
Source avec Zip UNE JAUGE ENTIÈREMENT PARAMÉTRABLE
Source avec Zip Source avec une capture JAUGE QUI OBÉIT AU DOIGT ET À L'OEIL
COLORISE LES MOTS D'UNE PAGE (APRES RECHERCHE)
Source avec Zip EFFET DE TEXTE DANS LA BARRE DE STATUS

 Sources de la même categorie

HTML_ENTITIES_DECODE par zen69
ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
Source avec une capture JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg
Source avec Zip TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91
Source avec Zip PALETTE DE COULEURS par lgh
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Commentaires et avis

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 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, mettre une iframe dans un tableau (une cellule) [ par adris ] Bonjour, je suis entrain de réaliser un éditeur WYSIWYG. [u]Pour IE :[/u] j'écris le texte dans la balise div et j'arrive à la mettre dans le tableau Ligne d'un tableau cliquable [ par KasPe ] Bonjour, Désolé si ma question n'est pas au bon endroit, mais comme j'ai l'intention de rajouter à ce code du javascript, je me suis dis ... Je cherc OnMouseOver texte encadré [ par Oumbra ] Bonjour tout le monde, Je vais allé droit au but ! J'ai un petit problème technique. J'ai créé une table dans un table pour créer une barre variable Séparer entètes et tableau [ par bydouille ] Bonsoir à tous, J'ai fait un tri dynamique de tableau HTML avec le DOM Mon tableau s'affiche dans un div avec un overflow Quand le nombre de ligne Peut on modifier une cellule d'un tableau ??? [ par webgagner ] Est-il possible de modifier le contenu d'une celulle d'un tableau apres clic sur un bouton de la celule voisine??? Style et Script [ par Pocel ] Débutant,je voudrai changer la couleur de la cellule d'un tableau à la sélection de cette dernière. Pour le moment j'applique un style au onClick, mai tableau à 2 dimensions [ par meskiki ] Comment faire pour créer un tableau à deux dimensions?meskiki iframe & js [ par benoitL ] bonjour,savez-vous comment faire passer un menu en js en premier plan, c-a-d devant une iframe et des objet flash ?je rencontre ce probléme avec les n


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,030 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales