Discussion :

[Jean R.]

Bonjour

Bon changer le href d'un lien je sais faire c'est élémentaire.

Seulement là ce que je veux faire c'est rendre inopérant ce lien après le clic, en remplaçant la destination par #. Et là ça ne va plus le # ne remplace pas le lien il s'ajoute à la fin.

Code :

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

 <a href="http://monSite/link1.html" onClick="change(this);">link1</a>

Code :

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

1
2
3
4
 
function change(link){
      link.href = '#';
}

Alors j'ai essayé:

Code :

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

1
2
 
link.href = 'http:/#';

Et là ça me remplace bien le lien mais ça me renvois à la racine du site, cela ne me le rend pas inopérant.
Il faut que je mette quoi svp ?

[MisterPur]

Bonjour,

Je ne comprend pas le but de mettre un lien avec un chemin et de le rendre non cliquable...
Cela dit ça a l'air de fonctionner chez moi (avec ta fonction change) ou alors je ne comprend pas tout à fait ce que tu veux faire.
Pourrais tu préciser ?

ton exemple avec un jsFiddle : http://jsfiddle.net/R4YdQ/

[EDIT] :
Au passage tu peux aussi utiliser preventDefault si c'est juste annuler le fonctionnement par défaut du clic. Par exemple :

Code :

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

<a href="http://monSite/link1.html" onClick="event.preventDefault();">link1</a>

Le lien devient non cliquable mais utilisable avec "ouvrir dans un nouvel onglet" ou encore avec le code.

[Jean R.]

Merci de ta réponse MisterPur

Le but est simple: j'ai un script php qui me génère une table avec des liens cliquables, et quand on clique sur le lien on affiche en haut de la table le détail d'une fiche.

C'était fait à la bourrin: quand on clique sur un lien, on rechargeait toute la page, table comprise, alors que l'on a besoin que de l'affichage de la fiche en plus.

Donc j'ai voulu faire mieux avec de l'ajax; seulement j'ai un souci avec IE qui malgré tous les return false que je peux mettre persiste à me suivre le lien. Voir ce sujet http://www.developpez.net/forums/d13...-reponse-json/

D'où l'idée de désactiver le lien. Mais ça ne marche pas. IE décide de suivre le lien quand on clique dessus, si je le change après c'est trop tard.

Et puis c'est plus d'actualité. Je viens de passer 2h a ré-écrire mon code php de génération de la table et mon ajax. J'ai mis des liens avec # et j'ai inclus dans chaque ligne de ma table un form que je poste avec l'ajax. C'est plus lourd mais plus de souci avec IE.

Enfin j'ai contourné mais j'aimerais bien avoir une réponse.

J'ai un lien http://monSite/link1.html
Avec ma fonction le lien devient http://monSite/link1.html#
Du moins sur mon wamp!!
Comment faire pour obtenir # tout seul?

Cela peut avoir d'autres intérêts : par exemple un lien cliquable une seule fois.

[SpaceFrog]

essaye

Code :

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

1
2
3
function change(link){
      link.setAttribute("href","#");
}

quand tu dis il s'ajoute à la fin ...
tu parle de ce que tu vois dans la barre d'adresse ou de ce qui est visible dans le DOM au niveau de la console ?

[Jean R.]

Merci SpaceFrog

J'avais déjà essayé: le résultat est le même.

Et je teste avec :

Code :

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

1
2
3
4
5
 
function change(link){
      link.setAttribute("href","#");
      alert(link.href);
}

Et je retrouve mon url d'origine avec # ajouté à la fin.

[SpaceFrog]

tu parles de ce que tu vois dans la barre d'adresse ou de ce qui est visible dans le DOM au niveau de la console ?

tu ne pourras pas modifier le contenu de la barre d'adresse, si c'est ce que tu cherches à faire ...

[Bovino]

un lien constitué uniquement de "#" a pour effet de recharger la page

Euh non... pas tout à fait.
Un lien constitué d'une ancre va créer un lien interne à la page vers l'élément référencé par l'ancre. Si l'ancre est vide (caractère # seul) alors le lien renverra en haut de la page, mais celle-ci n'est pas rechargée (pas de passage vers le serveur) elle est juste remontée.

[ABCIWEB]

Ah oui tu fais bien de préciser, j'avais oublié le contexte effectivement. J'ai trop l'habitude mettre le '#' dans l'attribut action d'un formulaire et dans ce cas cela recharge la même page, mais pas pour un lien standard.