begin process at 2012 02 09 20:16:51
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
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é :15 969 / 1 000
Auteur : rttb

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (7)
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
Toutes les sources de rttb

 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec Zip Source avec une capture TELECHARGEMENT SANS RECHARGER LA PAGE par zulrigh
Source avec Zip SIMULER UN SERVEUR COMET (EN PUSH) EN PHP ET JS par sebcap26
Source avec Zip MOOTABLEAU par Miky76
Source avec une capture JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg

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.

Commentaire de plarts le 11/10/2010 12:34:57

C'est vraiment cette fonction que je cherche,
ca à l'air de fonctionner, sauf qu'il faut rester sur le même domaine
entre le parent et le fichier qui se trouve dans l'Iframe.
Mon parent est un domaine : http://www.xxx.com
dans l'Iframe j'ai une page de : http://www.yyyy.com

et là j'ai un message de sécurité : (dans FireFox console d'erreur)
Erreur : Permission refusée à <http://www.yyyy.fr> d'obtenir la propriété Window.document de <http://www.xxx.com>.

Est ce normal ?

Donc cela semble impossible si les 2 domaines sont différents ?

Merci pour tout commentaire.
Pierre.

 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 Google Visualization Piechart [ par Toutoul ] Voila, je suis actuellement en train de vouloir créer des graph's pour un apps internet avec google api. mais j'arrive pas a faire ce qui est demandé. Changement d'image dynamique dans un tableau [ par ilprim ] salut a tous, voila je voudrais savoir si vous avait des tutos ou des codes sources qui pourrais me permettre de modifier des images dans un tableau Cnager d'image avec onmouseover dans un tableau [ par Pesselles ] Bonjour à toutes et tous, Lien pour visualiser le sujet à traiter: http://www.adaefe.net/bambou/mere-grand.php Objectif à réaliser: en passant la so Lecture fichier et insertion dans tableau [ par thais781 ] Bonjour, Voila ce que j'essaye de faire : - j'ai un tableau 1 ligne et 2 colonnes - Dans la 1ere colonne, j'ai une serie de texte cliquable (dans l'e


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 7,816 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)