JAVASCRIPT: DIV qui se "cale" sur le poi
123pierre
Messages postés
53
Statut
Membre
-
N@th@ Messages postés 100 Statut Membre -
N@th@ Messages postés 100 Statut Membre -
Bonjour à tous,
J'imagine que mon probleme est asse chaud. Mais ca doit etre assez courant et des scripts existent peut etre? Enfin je ne trouve pas.
Voila je suis en train de faire la FAQ de mon site.
Le site n'etant pas large, j'ai mis la liste des question dans une div avec "overflow:auto".
Quand l'utilisateur clique sur une question, la reponse apparait juste en dessous grace a un javascript qui rend le block de la reponse en "display:true". Les autres responses ouvertes, elles se referment. ("display:none").
Tout marche nickel, si ce n'est que ce n'est absolument pas ergonomique. Effectivement, le fait qu'un autre "bloc question" se ferme, surtout si il est place en dessus, decale tout. Le texte est tout decalé dans la DIV et l'utilisateur perd la question/reponse de vue.
(J'espere que tout ceci est assez bien expliqué)
Je n'ai aucune idée si il y a une solution en Javascript pour que au moment du clique, le texte reste calé sur les coordonnées de la souris???
Avez vous des idées??
Merci pour votre aide.
Pierre.
J'imagine que mon probleme est asse chaud. Mais ca doit etre assez courant et des scripts existent peut etre? Enfin je ne trouve pas.
Voila je suis en train de faire la FAQ de mon site.
Le site n'etant pas large, j'ai mis la liste des question dans une div avec "overflow:auto".
Quand l'utilisateur clique sur une question, la reponse apparait juste en dessous grace a un javascript qui rend le block de la reponse en "display:true". Les autres responses ouvertes, elles se referment. ("display:none").
Tout marche nickel, si ce n'est que ce n'est absolument pas ergonomique. Effectivement, le fait qu'un autre "bloc question" se ferme, surtout si il est place en dessus, decale tout. Le texte est tout decalé dans la DIV et l'utilisateur perd la question/reponse de vue.
(J'espere que tout ceci est assez bien expliqué)
Je n'ai aucune idée si il y a une solution en Javascript pour que au moment du clique, le texte reste calé sur les coordonnées de la souris???
Avez vous des idées??
Merci pour votre aide.
Pierre.
A voir également:
- JAVASCRIPT: DIV qui se "cale" sur le poi
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Javascript arrondi - Forum Javascript
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
2 réponses
Bonjour,
Je n'ai jamais essayé, mais je pense que le principe de l'ancre répond à votre besoin.
Voici comment en créer une :
http://pagesperso-orange.fr/jmpetit/dossiers/webmaster/ancres_liens.htm
Vous devrez en créer une par question de la FAQ.
Ensuite à l'aide de javascript, vous ajouter un évènement sur le onclick de chaque question et vous atteignez l'ancre correspondant à la question par un code javascript.
Conseil :
Envoyé l'id de la question cliquée comme paramètres de la fonction javascript et faites en sorte d'avoir une correspondance avec le nom de l'ancre.
ex : <a name="ancre1"/> <div id="question1">
Je n'ai jamais essayé, mais je pense que le principe de l'ancre répond à votre besoin.
Voici comment en créer une :
http://pagesperso-orange.fr/jmpetit/dossiers/webmaster/ancres_liens.htm
Vous devrez en créer une par question de la FAQ.
Ensuite à l'aide de javascript, vous ajouter un évènement sur le onclick de chaque question et vous atteignez l'ancre correspondant à la question par un code javascript.
Conseil :
Envoyé l'id de la question cliquée comme paramètres de la fonction javascript et faites en sorte d'avoir une correspondance avec le nom de l'ancre.
ex : <a name="ancre1"/> <div id="question1">
