18042 sujets

Questions générales et questions de débutants

[résolu] Afficher un div sans javascript sans recharger la page

Bonjour,
je voudrais réaliser une carte géographique avec des points actifs.
j'aimerais que cela fonctionne ainsi
1 Au survol de certains points une première information (là pas de probleme grace au tuto modifier une info bulle)
2 au clic une div qui afficherait des données relatives au lieu en question
tout cela sans recharger l'integralité de ma page (là est une partie de mon probleme)

Pouvez vous me dire si cela est réalisable en css et surtout sans javascript?

Si vous aviez un tuto ou un lien qui m'expliquerait comment faire cela je suis tres interessé
merci
yvo
Modifié par yvo (17 Sep 2006 - 11:43)
Salut,

pour le survol en css oui.

Pour ton point 2 je crois que le javascript s'impose, avec un onclick...

Un tuto JS et d'autres liens en bas de cette page comme celui de G. Chagnon qui correspond peut etre plus directement à tes besoins, lis les tous ils sont très bien, il y a du DOM aussi.
Merci ghost et Hum pour vos deux liens des plus interessants;
je regarderai tout cela
... en espérant etre à meme d'apadter le code de Hum
qui , au premier regard semble bien correspondre à ce que je cherche à faire
J'espere pouvoir mettre un "resolu" sous peu !
yvo
Bonjour,
Apres quelques tatonnements j'ai reussi à adapter la carte proposée par
ghost (encore merci Smiley smile )
cela ne correspond pas totalement à ce que je cherchais à faire
car je n'arrive pas à ouvrir un div au clic sur le point ...mais bon
j'ai comme le sentiment que pour cela il faut effectivement
faire intervenir du javascript
yvo
Bonjour ghost,
Géniale cette adresse !!! Directement dans les favoris !
... Va falloir que je bosse mon anglais Smiley cligne
encore merci !
yvo
Bonjour,

Il faut faire attention, bien que les codes soient opérationnels et souvent portables d'un navigateur à l'autre, il faut prendre garde à l'accessibilité et souvent voir ces solutions comme un exercice de style car bien souvent elles sont construites à base de hacks ou limite du hors-jeu et risque de devenir un remède pire que le mal (javascript) si on les utilise à tord et à travers.

Laurent Denis a écrit :
<humour>

Bonjour,

Ouaip.


<a href="...">
   <div class="foo">
      ...
   </div>
</a>




<a href="...">
   <ul>
      ...
   </ul>
</a>




<a href="...">
   <object ...>

   </object>
</a>


Même que.

Non mais.

</h>

<edit>je caricature à très gros traits, mais je me méfie comme de la peste de cssplay, qui n'a volontairement qu'une très vague idée de l'accessibilité et des standards au delà de la forme.
</>
Sujet clos
Aller à