Afficher fenêtre au survol

JJBlow Messages postés 50 Statut Membre -  
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
j'ai une partie dans mon site affiche par ordre alphabétique les membres.

Je souhaiterais savoir (car je ne sais pas du tout) comment faire pour qu'au passage de la souris sur le pseudo il y ai une fenêtre qui apparaisse contenant certaines informations que je souhaite afficher (une sorte de résumer) et si le visiteur veut connaître les autres informations il reste à cliquer.

Alors je sais que les informations seraient appelées depuis la base de données via PHP/MySQL mais par contre pour les afficher en temps réel je n'ai jamais fais cela. Je crois avoir entendu (lu ^^) parlé d'AJAX mais sa m'a l'air très compliqué.

Voilà un exemple de rectangle que je voudrais faire apparaître avec les informations correspondantes:
http://nsa11.casimages.com/img/2009/11/23//091123114416239908.jpg

Comment puis-je faire ?

Merci d'avance.

A voir également:

10 réponses

avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Je ne comprends pas trop bien.
Tu veux une infobulle qui suit la souris, comme quand tu passes ton curseur sur "avion-f16" ?
0
JJBlow Messages postés 50 Statut Membre 2
 
Bonsoir, merci bien à toi de me répondre.

Alors en fait oui, je voudrais que lorsque l'on passe le curseur de la souris sur un pseudo de la liste, un "rectangle" apparaisse comportant certaines informations sur le membre.
Voici un autre exemple:
http://nsa10.casimages.com/img/2009/11/24/091124121959564420.gif

et donc lorsque l'on passe à chaque fois sur un membre cela s'affiche.
http://nsa11.casimages.com/img/2009/11/24//091124122127349342.gif

Merci.
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Avec Google tu devrais trouver assez facilement
0
JJBlow Messages postés 50 Statut Membre 2
 
Bonjour avion-f16, alors malheureusement non je n'ai pas trouvé avec Google. C'est d'ailleurs pour cela que je m'en suis remis à demander sur ce forum.

Voilà les seuls résultats avec Google: https://www.google.fr/?gws_rd=ssl#hl=fr&q=tuto+ajax+php+infobulle&meta=&aq=f&oq=&fp=6f1632fc3b1625e8 rien de correspondant.

Saurait tu comment faire cette "infobulle" au passage de la souris, mais pas du simple Javascipt ou CSS car il faut que les infos qui apparaissent soient appelées depuis la base de données.

Merci encore.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Tu ne trouveras pas un tutoriel qui parles à la fois d'AJAX, des infobulles et du PHP.
Donc apprends séparemment AJAX et à faire des infobulles. Tu peux explure le termes "PHP" car il n'a rien à voir dans l'histoire (tu en entendras parler avec AJAX).
0
JJBlow Messages postés 50 Statut Membre 2
 
Merci avion-f16.
Cependant, non pas que je veuille tout sur un plateau, je ne pense pas apprendre AJAX, c'est un langage qui paraît faire de grandes choses mais ma fois compliqué. C'est pourquoi j'aurais aimé que, si quelqu'un connais l'AJAX, qu'il me guide pour réaliser ce script.
Il suffit de me dire comment on appelle les données à partir de la base de données (via une requête mais comment faire pour le faire en direct à chaque fois que la souris passe sur un pseudo ?) et comment lier cela à une infobulle. En effet j'ai recherché via Google, j'ai trouvé comment faire l'infobulle il ne me reste plus qu'à savoir comment appeler les donner et les mettre dedans.

Merci et bonne journée.
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
AJAX n'est pas un langage mais une technologie en Javascript qui permet de charger le code source d'une page pour la stocker dans une variable. Comme le JS est côté client, le PHP est exécuté avant d'être envoyé.
→ http://www.siteduzero.com/tutoriel-3-4745-ajax-et-l-echange-de-donnees-en-javascript.html
0
Flog78
 
il y a ça come solution :

<a title="text de linfobulle ici"> mon texte de base ici </a>

voila mais je previen ce n'est pas immédiat pour s'afficher faut rester avec la souris dessus 1 seconde.
de plus il faut trouver un moyen d'inserer de l'html et/ou php dans le texte de linfobulle
0
xMiLeY Messages postés 73 Statut Membre 7
 
pas besoin d'etre superdoué en Ajax pour le faire!
J'ai pas ça sous la main, mais il existe plein de petites fonctions (en javascript donc) qui font toutes la même chose => une requête ajax toute faite qui prend en paramètre :

- l'id de la div de ta page actuelle dans laquelle les infos vont être affichées;
- le lien vers ton script php qui va aller chercher et afficher les infos
- une liste de paramètre en GET (l'id de ton membre en l'occurence dans ton cas)

Je suis désolé de ne pas pouvoir te fournir cetet petite fonction d'une quinzaine de ligne, mais cherche "requete ajax" sous google, tu devrais trouver quelquechose ;)
0
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 426
 
si c'est pour des infobulles, quelques exemples différents :
https://www.unesourisetmoi.info/
ou en css:
http://peutetreunereponse.over-blog.com/article-6614978.html
:-)
0