Afficher fenêtre au survol

Fermé
JJBlow Messages postés 44 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 6 novembre 2010 - 23 nov. 2009 à 23:39
bg62 Messages postés 23408 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 27 mars 2023 - 7 juin 2010 à 16:37
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.

10 réponses

avion-f16 Messages postés 19128 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 25 mars 2023 4 470
23 nov. 2009 à 23:59
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 44 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 6 novembre 2010 2
24 nov. 2009 à 00:15
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 19128 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 25 mars 2023 4 470
24 nov. 2009 à 06:47
Avec Google tu devrais trouver assez facilement
0
JJBlow Messages postés 44 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 6 novembre 2010 2
24 nov. 2009 à 14:27
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 19128 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 25 mars 2023 4 470
24 nov. 2009 à 16:57
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 44 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 6 novembre 2010 2
24 nov. 2009 à 17:20
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 19128 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 25 mars 2023 4 470
24 nov. 2009 à 17:43
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
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 68 Date d'inscription jeudi 3 juin 2010 Statut Membre Dernière intervention 15 juin 2010 7
Modifié par xMiLeY le 7/06/2010 à 11:26
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 23408 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 27 mars 2023 2 324
7 juin 2010 à 16:37
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