Ajax et url uniques avec Hash

**sebnutt** · 21/03/2012, 14h19

Bonjour,

J'ai un div dans ma page, appelé par un évenement click sur un lien.

Code :

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

1
2
3
<div id="mydiv" style="position:absolute; display:none">
	<p>text du div</p>
</div>

le lien

Code :

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

<a href="javascript:;" onclick="$('#mydiv').show().load('script.php')">lien</a>

(sous Jquery)

J'aimerais savoir s'il est possible d'avoir un lien du genre

Code :

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

<a href="script.php" rel="XXXX">lien</a>

pour utliser une hash #index de sorte que l'URL unique du genre http://www.monsite.com/#index permette d'accéder à la page avec le div déjà ouvert et le script.php chargé à l'intérieur.

Je sais pas si c'est très clair

**NoSmoking** · 21/03/2012, 18h51

Bonjour,
j'ai au moins une réponse à ta dernière question

Envoyé par sebnutt

Je sais pas si c'est très clair

c'est Non !

**Bovino** · 21/03/2012, 21h24

Peut-être un début de réponse : Ajax et le référencement.

**sebnutt** · 22/03/2012, 11h32

Envoyé par NoSmoking

Bonjour,
j'ai au moins une réponse à ta dernière questionc'est Non !

pour clarifier, comment obtenir une URL avec une ancre qui me permette, lorsque je charge la page dans mon navigateur, de faire apparaitre mon div ?

par défaut, si je clique sur le lien, l'URL dans la barre d'adresses ne changera pas (à cause du href="javascript:;"). Comment faire pour obtenir une URL différente sachant que je ne peux rien mettre dans le href=""

**Loceka** · 22/03/2012, 11h58

Ben au lieu de passer par une fonction "onclick", tu mets, dans le href, un lien contenant ancre qui aura un sens pour ton script et tu fais le traitement javascript lors du onload.

**sebnutt** · 22/03/2012, 14h27

Envoyé par Loceka

Ben au lieu de passer par une fonction "onclick", tu mets, dans le href, un lien contenant ancre qui aura un sens pour ton script et tu fais le traitement javascript lors du onload.

comment dans ce cas, dois-je rédiger mon href ?

Code :

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

<a href="javascript: $('#mydiv').show().load('script.php')">

?

où je mets mon hash # dans ce cas ?

**Loceka** · 22/03/2012, 15h01

Côté HTML :

Code html :

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

1
2
3
4
5
<body onload="listenHash();">
  <!-- ... -->
  <a href="#mydiv">...</a>
  <!-- ... -->
</body>

Côté Javascript :

Code :

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

1
2
3
4
5
6
function listenHash() {
  var divSelectionne = window.location.hash;
  if (divSelectionne && divSelectionne.length > 0) {
    // ton traitement.
  }
}

Ajax et url uniques avec Hash

JavaScript

Vue hybride

Discussions similaires

Partager

Partager