Accueil > Forum > > > > Passer d'une frame à l'autre
 Passer d'une frame à l'autre
mercredi 26 juillet 2006 à 09:11:31 |
Passer d'une frame à l'autre
linkinpar236737
|
Bonjour, j'ai un petit problème avec mon site. Voila, en fait, j'ai une frame pour faire une sorte de menu à gauche et à droite, je mets un lien vers un site qui ne m'appartient pas, donc je ne peux pas le modifier. Dans la frame de gauche, il y a écrit le chiffre 3. Comment faire pour que quand quelqu'un clique sur un lien du site de droite, le chiffre 3 de la frame baisse à chaque clic pour devenir 2, 1 puis 0 ? Si vous avez des idées, n'hésitez pas, j'ai vu ce genre de script sur plusieurs sites déjà mais je ne comprends pas le code qui est écrit. Merci |
|
jeudi 27 juillet 2006 à 18:14:19 |
Re : Passer d'une frame à l'autre
PetoleTeam
|
B
onjour...
<GAG>Mais diantre pourquoi tant de vicieux sur cette planéte </GAG>
Ton probléme est des plus simple<RIRE>
;0)))))
</RIRE>
Allez on y va...
supposons que nous ayons
-- index.htm ------------------
<FRAMESET ROWS="*" COLS="150,*" >
<FRAME SRC="menu.htm" NAME="GAUCHE">
<FRAME SRC="page.htm" NAME="DROITE">
</FRAMESET>
...pour ouvrir tes pages...
ça c'est Banal...
Tout d'abord dans la page HTML de gauche, donc dans menu.htm, il faut créer un objet pour l'écriture du compteur...
exemple :
<DIV ID="D_COUNT">.....</DIV>
Maintenant revenons à index.htm...
il faut donc insérer dans index.htm la gestion d'un compteur et préparer la page DROITE à répondre au clic
var Count = 0; // variable globale
//-----------------
function Compteur(){
var Obj = parent.frames['GAUCHE'].document.getElementById('D_COUNT'); // Get l'objet dans lequel on écrit
Count++; // on fait l'opération sur le compteur +/-
Obj.innerHTML = Count; // on l'écrit dans le <DIV>
return( true); // Important pour que l'événement se propage
}
Bon c'est fait on pourra écrire la valeur du compteur...
Occupons nous de l'événement déclencheur dans la page de DROITE OnClick for exemple
//----------------
function InitClick(){
var Obj = parent.frames['GAUCHE'];
if( Obj.attachEvent){ // Ca c'est IE
Obj.document.attachEvent( 'onclick',Compteur); // On ajoute une fonction à l'événement OnClick
}
else{
Obj.addEventListener('click', Compteur, false); // Idem pour les autres
}
}
Bon ça c'est fait aussi...
Il ne reste plus qu'a initialiser tout cela correctement soit dans index.htm on ajoute onload="InitClick()" à la <FRAMESET>, le onload ce justifie car la frame de gauche n'existe encore pas...
cela donne :
<FRAMESET ROWS="*" COLS="150,*" onload="IniClick()">
Au FINAL on a un index.htm qui doit ressembler à cela
-- index.htm ------------------
<HTML>
<HEAD>
<TITLE>Vous en Reviez je vous l'ai fait...</TITLE>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
var Count = 0; // variable globale
//-----------------
function Compteur(){
var Obj = parent.frames['GAUCHE'].document.getElementById('D_COUNT'); // Get l'objet dans lequel on écrit
Count++; // on fait l'opération sur le compteur +/-
Obj.innerHTML = Count; // on l'écrit dans le <DIV>
return( true); // Important pour que l'événement se propage
}
//----------------
function InitClick(){
var Obj = parent.frames['GAUCHE'];
if( Obj.attachEvent){ // Ca c'est IE
Obj.document.attachEvent( 'onclick',Compteur); // On ajoute une fonction à l'événement OnClick
}
else{
Obj.addEventListener('click', Compteur, false); // Idem pour les autres
}
}
</SCRIPT>
<FRAMESET ROWS="*" COLS="150,*" onload="IniClick()">
<FRAME SRC="menu.htm" NAME="GAUCHE">
<FRAME SRC="page.htm" NAME="DROITE">
</FRAMESET>
</HEAD>
</HTML>
<NOGAG>
SI je n'ai rien oublié et pas fait de fôte de frappe cela devrait fonctionner...
</NOGAG>
...j'espère avoir été clair...
;0)
|
|
Cette discussion est classée dans : site, frame, gauche, passer, droite
 Répondre à ce message
 Sujets en rapport avec ce message
Redirection dans une frame [ par stephane160 ]
Voila je vous explique mon problème.J'ai trois fichiers html : menu, gauche et droite.Je lance donc ma page internet par menu.html dans lequelle il y
GetElementById dans une autre frame [ par snowteam ]
Bonjour,J'ai un petit problème. Je fait un frameset, appelé fs, avec gauche et droite. Dans gauche, j'ai un bouton qui va faire un innerHTML dans un l
transmettre des données d'une frame à une autre et vice versa [ par sagat06 ]
Bonjour, je tente à l'aide de multiples bouquins et bensûr du Net, de réaliser un petit projet personnel.Pour celui-ci, j'avais besoin de transmettre
Problème de frame. [ par alex2100 ]
Bonjour,Voici mon petit problème, sur mon site j'ai un system de frame. Du côter gauche c'est mon menus, et du côter droite c'est la page principale.
Frame [ par ReMi34 ]
Bonjour.Alors voila, j'ai fais une site avec une frame à gauche, (c'est le menu), et quand je clique sur un lien du menu, ça me change la page de gauc
ouverture rideau [ par webide ]
Bonjour, Je souhaite modifier un script permettant d'ouvrir une page sous forme de rideau mais au lieu de faire cela du centre vers gauche et droite ,
Solution autre que frame et javascript [ par aliwam ]
Bonjour à tous, Donc je voudrais créer un site avec un genre de système de frames, celle du haut contiendrait un script qui affiche certaines infos en
Accéder a une fenêtre par son nom [ par spottydj ]
Bonjour, J'ai un sacré problème.J'ai une fenetre pincipale, coupée en 2 frames.A partir de la frame de droite, j'ouvre une fenetre.Depuis cette nouvel
Pb Ajax et transmissons de données via url [ par sagat06 ]
Bonjour à tous,j'ai un petit soucis dans la réalisation d'un projet.Je vous fais le topo vite fait: Ma page web se divise en 2 frames, celle de gauche
Site web dynamique [ par sagat06 ]
Salut tout le monde, vu le faible nombre de personne ayant lu ma précedente missive (comparée aux questions postérieures), je la réecrit en changeant
 Livres en rapport
|
Derniers Blogs
 SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPSSLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko
Retrouvez les slides et les démo de ma session Fast & Furious XAML Apps. A ceux qui se posent la question : "est-ce que le code de la DataGrid est disponible?", je vous répondrais "pas encore". Je vais mettre en place un projet codeplex pour part...
Cliquez pour lire la suite de l'article par Vko XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|