Changer l'adresse dans la barre d'url

**bond70** · 21/12/2011, 05h12

Salut,

La fonction history.pushState permet de modifier l'url qui s'affiche dans la barre d'url sans pour autant recharger la page.

Plus d'infos ici : https://developer.mozilla.org/en/DOM...rowser_history

Voici le code que j'utilise pour le moment, il permet de changer l'url qui s'affiche en cliquant sur le lien présent dans la page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var stateObj = { foo: "bar" };
function change_my_url()
{
   history.pushState(stateObj, "page 2", "bar.html");
}
</script>
 
and a href:
 
<a href="#" onclick="change_my_url(); return false;">Click to change url to bar.html</a>

Je voudrais savoir s'il était possible de changer automatiquement l'adresse qui s'affiche dans la barre d'url dès qu'un visiteur arrive dessus.
Sans que celui-ci doive cliquer sur le lien présent dans la page ?

Merci !

**Rachel** · 21/12/2011, 12h35

évidemment, si dans le code html, tu as fait ceci :

Code :

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

<body onload="change_my_url()">

**bigboomshakala** · 21/12/2011, 14h47

bonjour,

ce n'est pas conseillé d'utiliser le onload du body. il est préférable d'utiliser

Code :

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

window.onload

ou mieux

Code :

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

1
2
3
4
if(window.addEventListener)
  window.addEventListener('load', myfunc, false);
else if(window.attachEvent)
  window.attachEvent('onload', myfunc);

(ou encore $(document).ready() pour ceux qui utilisent jQuery)

Changer l'adresse dans la barre d'url

JavaScript

Vue hybride

Discussions similaires

Partager

Partager