begin process at 2010 02 10 00:20:26
  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 245 / 903

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

VERIFIER UNE ADRESSE E-MAIL par elmersaid
DÉTECTER LES VISITEURS EN PROVENANCE DE GOOGLE par elmersaid
EMPÊCHER QUE VOTRE PAGE NE S'AFFICHE PAS DANS UN CADRE (IFRA... par elmersaid
ROLLOVER SUR LES BARRES DE SCROLL par elmersaid
OUTIL DE SÉLECTION par jdmcreator

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
EMPÊCHER QUE VOTRE PAGE NE S'AFFICHE PAS DANS UN CADRE (IFRA... par elmersaid
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

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 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 PROBLEMES DE CALQUES --- URGENT ! ! ! [ par Foub12 ] Bonjour ! J'aimerais pouvoir afficher un calque au dessus de mon tableau sans que cela perturbe la fonction Onclick qui se trouve dans la cellule de m un truc intéressant !! [ par mickelo ] ben en fait moi j'ai un tableau avec des données qui proviennent d'une base SQL piloté par des ASP, etc ...bref ma liste de données et tellement longu


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

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

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