begin process at 2012 02 14 04:12:52
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Frames

 > Les frames q'es-ce-que-c'est et a quoi ça sert ?

Les frames q'es-ce-que-c'est et a quoi ça sert ?


 Information sur le tutoriel

Note :
Aucune note


 Description

Dans ce tutorial nous allons présenter les frames, montrer a quoi ça sert et a la fin il y aura un petit exemple de transfère de donnée d'une frame a une autre !!!

Bonne lecture !!!

Tutorial

Les frames c'est quoi ?

Les frames c'est un objet qui permet de diviser la fenêtre en plusieur partie. Voici un exemple du code html qui permet d'inserer des frames :

<html>
<head>
</head>
<frameset rows="30%,70%">
<frame src="enfant1.htm" name="enfant1">
<frame src="enfant2.htm" name="enfant2">
</frameset>
</html>

Dans cette exemple on peut remplacer 30%,70% par la taille que vous voulez, la seule règle c'est que la somme des tailles des frames doit toujours être égale a 100%. Remplacer "enfant1.htm" et "enfant2.htm" par le chemin qui permet d'accéder aux pages que vous voulez mettre dans chaque frame. "enfant1" et "enfant2" sont a remplacer par le nom que vous voulez donner a vos frames !!!

Les frames ça sert a quoi ?

Les frames servent a séparer l'objet "window" en plusieur morceaux que l'on appelle "enfant" car la fenêtre entière s'appelle "parent". Dans ces morceau on peut mettre plusieur sites web diférents(1 par morceau) comme je vous l'ai montré plus haut !!! Mais ce qui va nous interresser pour le chapitre suivant c'est : Comment on fait pour transférer une donnée d'une frame a une autre ?" !!!

Un petit exemple de transmition de donnée entre deux frames !!!

La page "créatrice" des frames

    <html>
    <head>
    </head>
    <frameset rows="30%,70%">
    <frame src="enfant1.htm" name="enfant1">
    <frame src="enfant2.htm" name="enfant2">
    </frameset>
    </html>

La page "créatrice" contient deux frames "enfant1" et "enfant2".

Le fichier enfant1.htm

    <html>
    <body>
    <form name="form1">
    <input type="text" name="en" value=" ">
    </form>
    </body>
    </html>

Le fichier enfant2.htm

    <html>
    <head>
    <script language="Javascript">
    <!--
    function affi(form) {
    parent.enfant1.document.form1.en.value=document.form2.out.value
    }
    // -->
    </script>
    </head>
    <body>
    Entrez une valeur et cliquez sur "Envoyer".
    <form name="form2" >
    <input type="text" name="out">
    <input type="button" value="Envoyer" onClick="affi(this.form)">
    </form>
    </body>
    </html>

Commentaires

Commentaire de zarkofaj le 06/11/2007 03:32:55

Il n'y a pas de target dans ton source. C'est pourtant évident. J'aurais pensé qu'il fut important que tu témoigne le target. [Deux cadres = cibles]. Juste une question de communication entre cadre. Surtout avec javascript. Seulement il n'y a pas d'appel de fonction. Reprends moi si j'ai tort. J'aimerais aussi te dire que les frames sont de plus en plus abandonné. Surtout depuis la programmation 'client|serveur'. C'est un peu plus que du HTML . . . Lâche pas . . . ton écriture est propre.

Commentaire de nicomilville le 06/11/2007 13:37:15

je sais que les frames sont de plus en plus abandonner raison de plus pour les faire réaparaitre et puis l'appelle de la fonction se situe dans l'évènement onclick du bouton, je ne suis que débutant en javascript, c'est pour cette raison que je ne connais pas le target !!!

Commentaire de XtremDuke le 06/11/2007 17:59:13

Belle initiative, tuto clair et concis.
Cependant, et comme l'a soulevé ZARKOFAJ, il n'est plus recommandé d'utiliser des frames.

Commentaire de nicomilville le 06/11/2007 18:21:02

merci, mais pourkoi personne n'utilise les frames(elles ne sont pas totalement abandoné vu que dans tout les moteur de recherche quand tu clique sur une image ça t'amène a une page avec dans une frame la page d'ou provient l'image et dans la deuxième y a l'image) !!!

Bonne fin de journée !!!

Commentaire de malalam le 06/11/2007 23:59:40 administrateur CS

Hello,

@nicomilville => les frames sont de moins en moins utilisées parce qu'elles sont plutôt mauvaises pour le référencement. Les moteurs de recherche ont un peu de mal avec des "pages" html pointant vers différentes url. La plupart du temps, l'url qui va être référencée sera celle où se trouve la définition de tes frameset. Bref, la page la plus vide, généralement...
Pour approfondir ce tuto, tu aurais dû (devrais) prendre en compte le xhtml, et donc la DTD nécessaire pour rendre tes pages utilisant des frames valides en xhtml.
Et le target en effet (relis d'autres tutos sur les frames, tu comprendras à quoi sert cet attribut sur des balises comme <a../> par exemple). Et <base.../>, au passage.

Commentaire de nicomilville le 07/11/2007 08:23:19

ok mais il faut que je fasse des recherche je ne connais pas le target, qu'es-ce-que la DTD ?

Commentaire de PenGwen le 09/11/2007 10:25:09

s@lut à tous,

je suis un débutant de plus de 60 balais...ne m'en veuillez pas...
je suis sur Mac X.3.9 et j'utilise Komposer qui ne supporte pas les frames et ma question est: comment fait-on pour diviser une page "parent" en sous pages "enfants"que l'on peut disposer comme on veut.

merci

Commentaire de nicomilville le 09/11/2007 18:04:37

pose ta question dans le forum, ici ce n'est pas un endroit adapté pour poser les questions

A++

Commentaire de MadM@tt le 14/11/2007 13:44:44

Comme il a été précisé, c'est une mauvaise chose d'utiliser les frame de nos jours. Il existe de nombreuses technologies (PHP, Javascript ou AJAX ...) qui remplacent complètement les avantages des frames, sans leurs inconvénient. C'est bien de présenter ce qu'ils peuvent faire, mais prend au moins le temps d'expliquer pourquoi les frames devraient être utilisés le moins possible.
(et puis bon vive le niveau du tutorial, t'explique pas grand chose...)

Commentaire de nicomilville le 14/11/2007 17:29:42

ok je vais essayé de faire ce que tu viens de me conseiller si GENTILLEMENT !!!

Commentaire de koriteki le 29/01/2008 13:59:12

Perso, je trouve l'utilisation de frame bien pratique.
Bon, il est probable que l'on peut trouver mieux comme outils... mais, de là à dire que c'est mauvais d'utiliser des frames. Il y'a une éxagération.

Commentaire de BisounoursJos le 29/10/2008 23:33:33

Je pense qu'un peu de lecture ne pourra pas te faire de mal :
http://openweb.eu.org/articles/finir_cadres

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

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

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

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