onclick return false ne marche pas sur Chrome !

Version imprimable

21/09/2014, 13h49
gstratege

onclick return false ne marche pas sur Chrome !

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 :)
21/09/2014, 13h55
sekaijin

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

A+JYT
21/09/2014, 14h15
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 :?
21/09/2014, 14h46
sekaijin
entoure ton code de try catch
et place ton return false après.
Code:

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
21/09/2014, 19h04
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 ?
21/09/2014, 19h10
TiranusKBX

tu regarde la console ou pas, car ça devrais te mettre quelque chose dedans
21/09/2014, 19h10
gstratege

Question bête : c'est où la console ?
21/09/2014, 19h19
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 ?
21/09/2014, 19h24
TiranusKBX

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

Voici le code de ma fonction :

Code:

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";
}

21/09/2014, 20h51
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
21/09/2014, 21h00
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
21/09/2014, 21h49
TiranusKBX

mais de rien ce fus un plaisir ;)