Bonjour
 
J'ai un texte cliquable qui exécute du code javascript (affiche ou cache du texte)
Cela fonctionne bien mais j'ai un problème d'ancrage
 
Si mon code est le suivant

Problème
Lorsque je passe la souris sur le lien cliquable, il ne se transforme pas en main , mais en curseur de modification de texte (la barre verticale avec les deux barres horizontales en haut et en bas)
 
 

Problème
Lorsque je clique sur le lien ,il me ramène en début de page
J'ai essayé HREF="#"
Et je souhaiterais éviter d'utiliser des ancrages
 
 
 
Merci

plusieurs soluce:

tu vires le href vide et tu mets une propriété CSS:

cursor:pointer;

sur le lien.

Sinon tu mets un vrai lien, et tu return false dans ta fonction onclick

Soluce 1 plus propre dans ton cas
Soluce 2 bonne dans le cas d'un choix alternatifs en cas de non JS activé

Bravo l'artiste
J'ai opté pour la solution 1
 

 
Ca marche niquel
 

bonjour,
 
onclick, inutile en général +
sur un lien, on va "exécuter ce lien",  
donc il faut un return false ou void :
<a href="javascript:void(montrerCacher())" >détails</a>
 
mais, de toute manière... c'est une main qui
apparaît pour le pointeur !
si c'est autre chose, c'est que c'est modifé avec le css.
 
Cordialement.

Bravo l'artiste numéro 2
 
Ta solution est beaucoup plus parlante
(Non pas que ta solution xtof_83 soit mauvaise hein ...)
 
J'adhère

ah ben..  j'avions point vu qu'il y avait
une réponse et que c'était résolu !
 
il faudrait tenir compte de ce que dit xtof !
>>en cas de non JS activé ?
@+

Merde
 
j'ai pas tilté que la solution de bul3 est en faite la solution 2 de xtof_83
 
mais alors la je me pose la question
je ne vois pas ce que veux dire exactement

>>la solution de bul3 est en faite la solution 2 de xtof_83  
quasi presque, effectivement.
 
>>JS non activé
tout le javascript est purement et simplement ignoré.
 
on devrait donc ( mais qui le fait réellement ? )
prévoir une "alternative".  
pur html  ou langage serveur,
ou <noscript>html exécuté si js non activé
ne serait-ce qu'un message pour prévenir !</noscript>
...
comme tu parles de montrer / cacher,  
peut-être le css suffit-il d'ailleurs !!
 
@+

Dans ton cas, la solution 1 est la mieux, pas besoin de chercher plus loin
 
Dans un cas du style, pour une raison tu veux une popup, tu auras:
 
<a href="page.html" onclick="popup('page.html');return false;"/>
 
Ce qui permet de faire ton petit bouiboui en JS, et pour les personnes qui ont pas de JS, ils auront page.html dans une page normal.
 
Il y a pleins d'autres exemple, mais dans ton cas, collapse/expand, ben c'est du JS pure donc pas besoin de resultat alternatif.
 
Après pour faire ce que tu veux faire super propre, il faut que tu t'assures que sans JS le contenu soit visible d'une autre maniére, etc...mais ça c'est un autre souci... On va pas trop t'encombrer non plus.

D'accord je viens de comprendre quelque chose    
J'avais complètement oublier qu'on pouvait désactiver Javascript dans le navigateur  
 
Je vois tout à fait où tu veux en venir avec le résultat alternatif
 
Merci pour vos aides