11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

est-il possible de simuler un lien de ce genre en javascript
<a href="#toto">lien</a>


En gros je voudrais qu'a l'execution d'une fonction js mon url change pour rajouté #toto à la fin mais sans que la page soit rechargée (cad exactement le même comportement que le lien ci dessus).


Quelqu'un sait faire ça ? ou aurait une piste ?

merci

PoichOU
Modifié par PoichOU (24 Jan 2008 - 13:37)
Salut,
j'ai pas vraiement compris ce que tuveux faire mais je te propose une solution pour ce que j'ai compris Smiley biggol
ton lien HTML
<a href="toto.html" id="lienToto"> toto </a>


la ligne js qui te permet de l'editer

document.getElementById('lienToto').href += '#tata'; // si tu veux ajouter #tata

document.getElementById('lienToto').href = '#tata'; // si tu veux remplacer toto.html par '#tata'
Salut hakkou

erf non, on ne s'est pas compris. Je vais essayer d'être plus clair.

En html, quand tu crées un lien du genre :
<a href="#toto">lien</a>


quand tu vas dans ton navigateur tu vois :
lien

si tu cliques dessus alors l'url de ton navigateur change et #toto se met à la fin de ton url.

C'est ce processus que je voudrais faire en executant une fonction javascript.

exemple si j'ai :
<input type="button" onclick="maFonction('#toto');" />

et que je clique dessus alors il me rajoute #toto à la fin de l'url (sur mon navigateur) et sans recharger la page.

Tu sais comment faire ça ?
pour changer l'url du navigateur c'est

window.location.href +='#toto'

mais ca modifie juste l'url Smiley cligne