Discussion :

[gstratege]

Bonjour,

J'ai trouvé un moyen pour cliquer sur un lien pour exécuter une fonction JavaScript puis rester sur la page et ne pas suive le href du lien :

il suffit de rajouter l'instruction : "return false;" à la fin du onclick.

Ca marche sur Firefox, mais ça ne marche pas sur Chrome. Pourquoi ? Est-ce que cette astuce est un bug de Firefox ou c'est Chrome qui pose problème ? Avez vous une autre solution ?

Merci d'avance

[sekaijin]

ça marche sous chrome
le problème est surement dans ton code

A+JYT

[gstratege]

Effectivement, j'ai essayé sur un exemple simple pour tester si ça marche sur Chrome et ça marche. Mais je ne comprend pas pourquoi ça ne marche pas sur mon code initial alors que je fais la même chose et que en plus ça marche sur Firefox...
Bizarre

[sekaijin]

entoure ton code de try catch
et place ton return false après.

Code :

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

1
2
3
4
5
6
Try {
   //ton code
} catch (e) {
 console.error(e);
}
return false;

cela devrait t'écarter le cas on ton code provoque une erreur

A+JYT

[gstratege]

J'ai entouré ma fonction de try catch comme tu m'a indiqué, et maintenant quand je clique sur le lien, rien ne se passe. Ça veut dire quoi ?

[TiranusKBX]

tu regarde la console ou pas, car ça devrais te mettre quelque chose dedans

[gstratege]

Question bête : c'est où la console ?

[gstratege]

C'est bon, j'ai trouvé la console.
Le message d'erreur est le suivant :

"Cannot read property 'id' of undefined"

C'est peut être parce que j'appelle ma fonction avec 2 paramètres avec le deuxième qui est le id d'un élément html qui est défini après l'appel à la fonction dans le code ?

[TiranusKBX]

maintenant pour t'aider à trouver ton pb d'id il nous faut le code de ta fonction ou page

[gstratege]

Voici le code de ma fonction :

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
 
function afficheMenu(obj, obj2)
{
  var idMenu = obj.id;
  var idSousMenu = "sous" + idMenu;
  var sousMenu = document.getElementById(idSousMenu);
  var idImg = obj2.id;
  var img = document.getElementById(idImg);
  var idImg1 = "img1" + idMenu;
  var idImg2 = "img2" + idMenu;
 
  if (sousMenu.style.display == "none")
    sousMenu.style.display = "block";
  else
    sousMenu.style.display = "none";
 
  img.style.display = "none";
  if (idImg == idImg1)
    document.getElementById(idImg2).style.display = "inline";
  else
    document.getElementById(idImg1).style.display = "inline";
}

[TiranusKBX]

les l=numéros de lignes cité sont ceux de ton bloc code plus haut

les problèmes peuvent venir de la ligne 4 ou 7 donc oui tu à effectivement un problème avec tes objets dom

[gstratege]

Effectivement, le problème provenait de la ligne 7, il dit que l'objet obj2 est undefined
Je pense que c'est parce que mon obj2 est défini après l'appel à la fonction dans onclick,
Donc, j'ai modifié dans mon appel de fonction, en mettant l'id du deuxième paramètre entre apostrophes, et j'ai remplacé la ligne 7 par :
var idImg = obj2;
et là ça marche !!!!

Merci pour votre aide sekaijin et TiranusKBX

[TiranusKBX]

mais de rien ce fus un plaisir