Trucsweb.com

Javascript

Gestion des cadres « frameset » en Javascript

RDFFav

Gestion des cadres « frameset » en Javascript - Et ouvrir des documents dans plusieurs cadres

Le HTML ne permet pas d’ouvrir plusieurs liens en même temps. Pour ce faire vous pouvez utiliser le Javascript pour ouvrir les documents dans les cadres désirés.cadre frames cadres framesets location src url liens multiples gestions hypertexte javascript parent self windows object objet propriétés propertys redirection

  • · Niveau : INTERMÉDIAIRE
  • · Compatibilité : Netscape 3+ IE 3+

Le HTML ne permet pas d’ouvrir plusieurs liens en même temps. Pour ce faire vous pouvez utiliser le Javascript pour ouvrir les documents dans les cadres désirés.

Pour bien comprendre les cadres ou les " frames ", lire le tutoriel "Frame et Frameset" dans la section HTML. Un cadre est un objet, vous pouvez donc modifier les propriétés de l’objet à l’aide du Javascript. Basé encore une fois sur la relation "parent/enfants", vous pouvez modifier les propriétés d’un cadre ou du document affiché dans le cadre. Plus d’information sur la gestion du document, voir "Les fenêtres ou l’objet WINDOW".

Il est donc très façile de modifier les propriétés d’un document contenu dans un cadre.

Exemple

Parent.NomDuCadre.document

Permet de modifier ou d’obtenir les propriétés du cadre "NomDuCadre". Donc :

Parent.NomDuCadre.document.bgcolor

Permet de modifier ou d’obtenir la couleur de fond du document du cadre "NomDuCadre". Vous avez tout compris, il est donc possible de modifier à la volée les propriétés d’un document. Voici comment modifier la propriété "location" d’un document qui permet de changer la page affichée dans un cadre. Noter que le nom du cadre "NomDuCadre" est la valeur donner à l’attribut "SRC" dans la déclaration d’un "FRAMESET".

Parent.NomDuCadre.document.location = "http://url.com";
ou
Parent.NomDuCadre.location = "http://url.com";

- Plusieurs cadre à la fois

Parent.
NomDuCadre1.location = "http://url1.com";
Parent.
NomDuCadre2.location = "http://url2.com";

Exemple avec ce "frameset"
<frameset cols="200,*">
  <frame SRC="menu1.htm" NAME="menu">
  <frame SRC="text1.htm" NAME="text">
</frameset>

Avec un formulaire
<INPUT TYPE="button" VALUE="Voir le Texte #2"
onClick="parent.text.location=’text2.htm’">

Exemple complet
Personnellement je me fais une fonction que j’appelle par la suite avec les liens hypertexte.

<HEAD>
<script language="Javascript">
<!--
function go(nURL) {
  if (nURL==1) {
    parent.menu.location="menu1.htm";
    parent.text.location="text1.htm"
  }
  if (nURL==2) {
    parent.menu.location="menu2.htm";
    parent.text.location="text2.htm"
  }
}
// -->
</script>

</HEAD>

<BODY>
<a HREF="javascript:go(1)">Lien 1</A><BR>
<a HREF="javascript:go(2)">Lien 2</A>
</BODY>

Syntaxe et propriétés d’un cadre

  1. [RéférenceFenêtre.]NomCadre.NomPropriété
  2. [RéférenceFenêtre.]frame[index].NomPropriété
  3. Window.NomPropriété
  4. self.NomPropriété
  5. parent.NomPropriété
  • RéférenceFenêtre = Variable "WindowVar" de la définition de la fenêtre ou " window " en d’autres mots le nom de la fenêtre principale. Parent et self sont synonymes.
  • NomCadre = valeur de l’attribut " NAME " de la balise " FRAME " en d’autres mots le nom du cadre.
  • Index = un " interger " représentant un objet cadre. Car les cadres d’un document sont stockés dans un tableau. (frame[0], frame[1], frame[2]…)
  • NomPropriété = une des propriétés du cadre ou du document.

Propriété d’un cadre

  • Frames = tableau contenant chaque cadre d’une fenêtre (commence à 0)
  • Name = l’attribut NAME de la balise " frame "
  • Length = le nombre d’enfants de l’objet cadre. Si le cadre contient lui-même un " frameset "
  • Parent = synonyme de la fenêtre ou du " frameset " qui contient le cadre.
  • Self = synonyme du cadre courant.
  • Window = synonyme du cadre courant.

Le tableau des cadres a aussi une propriété " length " pour savoir le nombre de cadres dans le tableau.

NOTE : L’attribut " NAME " d’un cadre donner dans la déclaration d’un " frameset " peut aussi être donnée directement en utilisant " OPEN " qui permet d’ouvrir une nouvelle fenêtre, voir le tutoriel à ce sujet. Cadre2 est le nom du cadre parent ou de la fenêtre.

<script>
Mafenetre2=open("cadre2.htm", "cadre2")
</script>

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

       Visites : 3241 - Pages vues : 30575
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@