Evenement Javascript genre document.location.onchange

Version imprimable

18/04/2008, 15h19
marcha

Evenement Javascript genre document.location.onchange

Bonjour,

J'ai un url dans ma page qui a une ancre, par exemple:

http://www.monsite.com/page1.html#toto

connaissez-vous un moyen pour détecter le changement du nom de l'ancre
en javascript lorsque le changement est effectué manuellement par l'utilisateur
dans la barre d'adresse, par exemple, l'utilisateur écrit toto2 et fait Enter.
18/04/2008, 15h40
DoubleU

En observant périodiquement window.location ou une pression sur la touche entrée, mais pas sur que ca soit suffisant...
18/04/2008, 16h17
Jumano

Bonjour,
Tu peux peut être utiliser :

Citation:

window.location.hash

Description
Contient le nom de l'éventuelle ancre de l'url.
Si l'url vaut index.html#top, hash vaut #top
18/04/2008, 16h29
marcha

Merci pour vos réponses.

@jumano

ma question ne porte pas sur "comment extraire l'ancre"

@DoubleU

le keypress ou keydown ne sont pas levés quand on est en train
d'écrire dans la barre d'adresse.

Quant au timer c'est un moyen de savoir que l'url change mais cela
ne me permet pas de savoir quand l'utilisateur le valide (par enter)
Donc je ne peux pas utiliser ça malheureusement. Car j'observerai
des valeurs d'ancre qui n'ont pas toujours un sens (pendant qu'il les
introduit par exemple)
18/04/2008, 16h35
Matthieu2000

onscroll ?
18/04/2008, 16h35
DoubleU

Pour le coup des keypress, c'est vrai que l'url est pas dans le body, j'avais pas pensé xD

Et pour le timer, j'étais pas convaincu non plus que ca soit efficace, d'autant qu'outre la touche "enter" faudrait trouver aussi la pression sur le bouton qui affiche la page... mais ca pouvait être un point de départ, si d'autres avaient eu des idées (même si je suis assez dubitatif sur la possibilité de faire le truc)
18/04/2008, 16h43
marcha

@Matthieu2000

Merci pour cette idée nouvelle, mais il s'agit d'une ancre qui n'existe pas
dans la page.

A noter qu'il y a quelques cas ou ça ne scrollera pas, par exemple deux ancres
proches en bas de page.

@DoubleU

Je me demandait si il y avait moyen de faire avec le focus, c'est peut-être une
piste. Quand on tappe enter dans la barre d'adresse elle perd le focus, savez
vous qui le reçoit ?

Cela pourrait être l'instant ou je peux faire la comparaison avec une vieille
valeur de document.location.href pour tester un changement après validation
par enter. (comme pour ton idée du timer en fait)
18/04/2008, 16h57
DoubleU

Je suis pas sur qu'on puisse intercepter des évènements ailleurs que sur le body de la page, et l'url du navigateur n'est justement pas dans le body, donc le focus c'est comme le keypress a mon avis, c'est rapé ^^

Bon, voilà une idée basée sur le focus de window,
il semblerait qu'après un Enter dans la barre d'adresse
cet évenement soit levé.

Je suis pas sur que cette solution soit très crossbrowser,
si vous voulez tester il vous faut donc modifier l'ancre dans
votre page de test (ou la créer)

Voici le code, merci pour votre retour.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script type="text/javascript">
 
function addEvent(e, evType, fn) {
  if(e.addEventListener) {
    e.addEventListener(evType, fn, false); // sans capture
    return true;
  } else if (e.attachEvent) {
    var r = e.attachEvent("on"+evType, fn);
    return r;
  } else { return false; }
}
 
// ajoute un oberveur pour document.location.onchange
document.location.oldhref = document.location.href;
addEvent(window, 'focus', function() {
  if(document.location.oldhref != document.location.href) {
	document.location.oldhref = document.location.href;
	if(document.location.onchange) document.location.onchange();
  }
});
 
 
 
document.location.onchange = function() {
  alert(document.location.href);
};
 
</script>