Bonjour,
actuellement dans le jeu que je suis en train de réaliser, j'ai besoin d'afficher des notifications sur l'écran du joueur, du genre un "conseiller" qui donne toutes sortes de conseils : "attention si vous vous déplacez sur cette zone vous allez être attaqué", en gros un message au dessus de tout les autres.
J'ai trouvé mon bonheur ici même :
http://boedesign.com/demos/gritter/
Je trouve ca très bien sauf un petit détail :
j'aimerai que lorsque l'on clique sur "Add regular notification" (dans la démo), la notification soit positionné au niveau du lien qui déclenche celle ci. Et je ne sais pas du tout comment faire: jquery, css ect c'est vraiment pas mon truc.
L'auteur dans son css il affiche la notification toujours au même endroit :
http://boedesign.com/demos/gritter/css/gritter.css
Au haut, à gauche de l'écran.
Il faudrait que je récupére la position "du déclencheur" (le lien "add notification ...", voir démo) par rapport au document, la page web, je sais pas comment ? et ensuite que je change la position de ma notification avec les nouvelles valeurs.
J'ai entendu parler d'éléments parents :
http://www.cssbasics.com/chapter_17_css_position.html
Apparemment c'est ca qu'il me faudrait ?
Est ce qu'il y a mieux ? comment faire ?
merci de votre aide
actuellement dans le jeu que je suis en train de réaliser, j'ai besoin d'afficher des notifications sur l'écran du joueur, du genre un "conseiller" qui donne toutes sortes de conseils : "attention si vous vous déplacez sur cette zone vous allez être attaqué", en gros un message au dessus de tout les autres.
J'ai trouvé mon bonheur ici même :
http://boedesign.com/demos/gritter/
Je trouve ca très bien sauf un petit détail :
j'aimerai que lorsque l'on clique sur "Add regular notification" (dans la démo), la notification soit positionné au niveau du lien qui déclenche celle ci. Et je ne sais pas du tout comment faire: jquery, css ect c'est vraiment pas mon truc.
L'auteur dans son css il affiche la notification toujours au même endroit :
Code :
#gritter-notice-wrapper {
position:fixed;
top:20px;
right:20px;
width:301px;
z-index:9999;
}
Au haut, à gauche de l'écran.
Il faudrait que je récupére la position "du déclencheur" (le lien "add notification ...", voir démo) par rapport au document, la page web, je sais pas comment ? et ensuite que je change la position de ma notification avec les nouvelles valeurs.
J'ai entendu parler d'éléments parents :
http://www.cssbasics.com/chapter_17_css_position.html
Citation :Positioning an element absolutely, removes the element from the normal flow of your (X)HTML file, and positions it to the top left of its nearest parent element that has a position declared other than static.
Apparemment c'est ca qu'il me faudrait ?
Est ce qu'il y a mieux ? comment faire ?
merci de votre aide