Faire en sorte que tous liens s'ouvrent de la même manière

**Athos77** · 30/07/2009, 14h02

ça ne marche pas.. mais c'est sans doute pas bien codé ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
function initlinks(){
 tablinks=document.getElementsByTagName('a');
i=0;
var reg=/pop/
while(tablinks[i]){
          if (reg.test(tablinks[i])){
                           tablinks[i].onclick=function(){
                                                                  window.open(this.href);
          return false;};
           }
            i++;}
		  if (tablinks[i].className=='pop'){
                           tablinks[i].onclick=function(){
                                                                  window.open(this.href,'toolbar=1,menubar=0,location=0,scrollbars=1,resizable=yes,width=600,height=500,left=500,top=30');
          return false;};
           }
            i++;}
 
}
</script>

**SpaceFrog** · 30/07/2009, 20h50

en effet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
function initlinks(){
 tablinks=document.getElementsByTagName('a');
params='toolbar=1,menubar=0,location=0,scrollbars=1,resizable=yes,width=600,height=500,left=500,top=30'
 
i=0;
var reg=/pop/
while(tablinks[i]){
          if (reg.test(tablinks[i])){
                           tablinks[i].onclick=function(){
                                                                  window.open(this.href,,params);
          return false;};
           }
            i++;}
 
}
</script>

le test

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

   if (reg.test(tablinks[i])){

vérifie si le class comporte le mot pop. Pas besoin d'autre chose. Ainsi si il ya pop dans le class il attribue le window.open, si il n'y a pas pop il ne fait rien et les liens ne sont pas modifiés ...

**Athos77** · 01/08/2009, 21h49

Salut Spacefrog,

je pense que tu vas t'arracher les cheveux avec ma réponse...

J'ai bien copié-collé le code indiqué dans le <head>.
Ensuite, pour les liens que je souhaite voir s'ouvrir en popup paramétrée, j'ai appliqué la

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

class="up pop"

en laissant un espace entre "up" et "pop" car ces liens comportent déjà une class CSS.

Malheureusement ces liens s'ouvrent désormais en self.

Je ne sais plus quoi faire...
Si tu repasses par là, veux-tu essayer de voir ce qui cloche ?
D'avance merci à toi

**SpaceFrog** · 01/08/2009, 22h16

mea culpa une erreur dans mon code...
il faut tester le className ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
  if (reg.test(tablinks[i].className)){

**Athos77** · 03/08/2009, 09h18

Spacefrog,
ça ne fonctionne toujours pas.... Je n'ai touché à rien si ce n'est remplacer la ligne indiquée dans ton dernier message.

...

Merci

**SpaceFrog** · 03/08/2009, 09h29

Voici un code entier fonctionnel

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script>
function initlinks(){
tablinks=document.getElementsByTagName('a');
params='toolbar=1,menubar=0,location=0,scrollbars=1,resizable=yes,width=600,height=500,left=500,top=30'
i=0;
var reg=/pop/g;
while(tablinks[i]){
          if (reg.test(tablinks[i].className)){
                           tablinks[i].onclick=function(){window.open(this.href,'',params);
          															return false;}
           }
            i++;}
 
}
</script>
<style type='text/css' >
.rouge {color:red;}
.vert{color:green;}
</style>
 
 </head>
<body onload="initlinks()">
<a href="about:blank" class="rouge pop">dsfdsf</a>
<a href="mailto:truc@machinchose.fr" >dsfdsf</a>
<a href="about:blank" class="pop vert">dsfdsf</a>
<a href="mailto:truc@machinchose.fr" >dsfdsf</a>
<a href="about:blank" class="rouge">dsfdsf</a>
 
 </body>
 </html>

Seul lein lienas ayant le mot pop dasn le class sotn modifiés poru s'ouvrir en popup .

Essaye de comprendre le focntionnement c'est pourtant pas bein compliqué ...
le test avec expression régulière teste le contenu des classNames des balises a.
Si il y trouve le mot pop il rajoute un onclick dans la balise a pour faire un window.open.
Si le mot pop n'y est pas les liens s'ouvriront dans la fenetre actuelle ou declencheront le gestionnaire de messagerie pour les mailto

**Athos77** · 03/08/2009, 19h49

ok merci Spacefrog,

j'ai repris tous mes éléments dans le bon ordre et ça fonctionne (c'est la grande "class" !) !
Sauf quelques satanés liens qui résistent et continuent à s'ouvrir en self on ne sait pourquoi, alors que je leur applique le paramètre popup...

Une dernière question ; y aurait-il un moyen (je suppose que ce sera en js) pour que la page ne remonte pas dès qu'on ouvre un lien en pop up ? Car on perd le fil et il faut à nouveau scroller pour reprendre la lecture...

Aurais-tu une suggestion ?

**SpaceFrog** · 03/08/2009, 22h05

a priori le return false est là pour inhiber le href des liens, le fait de cliquer sur un lien ne devrait en aucun cas influer sur le scroll ...

Pour ce qui est des liens récalcitrants il faudrait voir le code intégral

**SpaceFrog** · 03/08/2009, 22h08

Arf je viesn de me rappeler ...
je me fais avoir à chaque fois la fameuse histoire du pointeur de regExp ...
Il faut reinitlaliser le pointeur de la regExp en faisant un test à vide ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
while(tablinks[i]){
          if (reg.test(tablinks[i].className)){
                           tablinks[i].onclick=function(){
                                                                  window.open(this.href,'www',params);
          return false;};
           }
           reg.test('');
            i++;}

**Athos77** · 04/08/2009, 12h14

Spacefrog :

BRAVO et MERCI ENCORE !!!!!!!!!!!!!!

Je mets "Résolu"

Au plaisir d'un prochain casse-tête

Faire en sorte que tous liens s'ouvrent de la même manière

JavaScript

Discussions similaires

Partager

Partager