|
La Communauté Webmaster 
| Pages: [1] |
 |
|
|
|
Auteur |
Sujet: Ouvrir deux liens dans deux frames différentes (Lu 1637 fois) |
|
 |
Ouvrir deux liens dans deux frames différentes
« sur: le 14-05-2005 a 14:03:04 » |
|
|
|
|
|
|
 |
Re:Ouvrir deux liens dans deux frames différentes
« Répondre #1 sur: le 14-05-2005 a 21:04:22 » |
|
|
|
|
 |
Re:Ouvrir deux liens dans deux frames différentes
« Répondre #2 sur: le 14-05-2005 a 22:16:07 » |
|
jb_gfx
Superactif
   
Hors-Ligne
Sexe: 
Messages: 562

|
Si tu permet que je te donne mon avis : les frames c'est dépassé, inaccessible, mal pour le référencement et l'utilisateur, etc... bref c'est beurk!
Mais bon si tu tiens vraiment à les utiliser, voilà une méthode simple et propre pour changer 2 liens à la fois avec un peu de js. Code à placer dans la partie head de ta page HTML (la Frame qui contiendra ton lien double) :
<script type="text/javascript" src="scripts/changeframes.js"></script>
<script type="text/javascript"> <!-- window.onload = function runScripts() { changeFrames() ; } --> </script>
|
|
Tes liens HTML (à placer aussi dans ta page HTML, la même où tu appelle le script) :
<a id="lien_accueil" href="menu-accueil.html" target="menuFrame" title="Présentation de la boutique">Accueil</a> <a id="lien_catalogue" href="menu-catalogue.html" target="menuFrame" title="Catalogue de produits">Catalogue</a>
|
|
Javascript, le fichier changeframes.js :
function changeFrames () { var accueil = document.getElementById('lien_accueil'); accueil.onclick = function () { self.location='accueil.html'; }
var catalogue = document.getElementById('lien_catalogue'); catalogue.onclick = function () { self.location='catalogue.html' ; } }
|
|
Comme tu peux voir, l'une des 2 frames est changé par ton lien HTML (comportement normal) la 2eme frame est elle changée par le script js. Ce qui fait que pour les utilisateurs qui n'ont pas javascript, au moins une des deux frames sera quand même changée. A toi de faire en sorte que ce soit la plus importante des deux.
Pour tes liens il suffit de leur attribuer un id :
Rappelle toi que l'id doit être UNIQUE!
Ensuite tu peux avoir autant de liens que tu veux il te suffit de duspliquer le bout de javascript et de changer l'id, le nom des variables et les cibles...
Dans le script d'exemple je change la frame ou se trouve le lien (self) mais si tu veux changer une autre frame il te suffit de préciser le nom que tu lui a attribué, différents exemples :
parent.maFrame.location='catalogue.html' ; self.location='catalogue.html'
|
|
Voilà, ce script fonctionne sur IE 5, 6, Mac, Safari, Opera, FireFox, j'en passe et des meilleurs 
Note finale, tu peux changer autant de frames que tu veux avec un seul lien :
var catalogue = document.getElementById('lien_catalogue'); catalogue.onclick = function () { parent.maFrame1.location='page1.html' ; parent.maFrame2.location='page2.html' ; parent.maFrame3.location='page3.html' ; parent.maFrame4.location='page4.html' ; }
|
| |
http://www.pixemedia.com |
|
|
 |
Re:Ouvrir deux liens dans deux frames différentes
« Répondre #3 sur: le 15-05-2005 a 15:34:39 » |
|
|
|
|
 |
Re:Ouvrir deux liens dans deux frames différentes
« Répondre #4 sur: le 16-05-2005 a 00:29:36 » |
|
|
|
|
| Pages:
[1] |
|
|
|
| |
|
|