Création d'une infobulle / tooltip

Version imprimable

05/04/2006, 16h20
Poutchou

Création d'une infobulle / tooltip

bonjour,

Voilà j'ai consulté la FAQ, j'ai visité de nombreux scripts concernant les infobulles mais je suis tjs en galère.
sur une page j'affiche les résultats d'un questionnaire que des personnes viennent d'effectuer. et je voudrai qu'en passant leur souris sur le numéro de la question celà affiche une infobulle qui récapitule
la question les réponses proposé la réponse donnée la réponse juste et la solution.

le problème c'est que je sais pas trop comment faire.
je ne connait pas le javascript. je peux me baser sur des cours y'a pas de problème mais c'est pour commencer ma fonction que je galère.

merci de votre aide !!
05/04/2006, 16h33
_beber85

En fait ca s'appelle pas infobulle mais tooltip ... c'est surement pr ca que tu as rien trouvé :)

recherche sur google il y a plein de truc notamment (en 2ème resultat :p )

http://<br /> http://www.ljouanneau...ltip.php<br />

qui te donne toutes les cartes (et meme plus) pour faire ce que tu souhaites.

Si tu as des pbs pr "mettre en oeuvre" les tooltips, hesites pas !
05/04/2006, 16h40
Poutchou

ah merci !!
je vais me renseigner sur ça alors. je met pas résolu car bientot je sens que je vasi reavoir besoin de ce topic. lol
05/04/2006, 17h01
Poutchou

il doit y avoir une étape que j'ai pas suivi parce que ça ne marche pas :s
05/04/2006, 17h10
_beber85

Bon d'accord ... avec infobulle, il y a aussi des trucs :D

JavaScript c'est u imperatif ??? car tu peux aussi faire ca en CSS

Qu'est ce qui marche pas ?? tu as quoi comme erreur ?? ou ??
05/04/2006, 17h12
_beber85

Bon je viens d'essayer ... c'est vrai que le rendu est pas le meme ...
05/04/2006, 17h13
Poutchou

oui je suis obligée de faire ça en javascript. faut que je récupère des données et tt.
dc je suis allée sur le 1er site que tu m'as passée j'ai copier collé dans ma page les deux premiers trtucc s à copier. et là bah ça maffiche

Citation:

Voici le contenu d'une div, avec un exemple de bulle d'aide.Passez votre souris au dessus.

mais c'est pas un lien, c'est juste du texte :s

Code:

echo"<div onmouseover=\"tooltip.show(this)\" onmouseout=\"tooltip.hide(this)\" title=\"Hello you !\">Voici le contenu d'une div, avec un exemple de bulle d'aide.Passez votre souris au dessus.</div>";
05/04/2006, 17h19
Poutchou

il manquerait pas un a href ? pour que ça fasse comme un lien ?
j'ai essayé mais ça marche pas. mais bon jsuis pas douée pour ce genre de choses.moi c'est plus programmation
05/04/2006, 17h19
_beber85

bah moi ca marche nickel ....

pq tu as un echo ??? tu fais du PHP ??

tu as pas oublié la balise DIV d'initialisation ??

tu as bien importé la CSS et le JS ?
05/04/2006, 17h22
Poutchou

grrr il m'a fait mentir le coded ça a pas marché au début j'ai refait actualiser et là ça a marché. grrr. bon maintenant c'est cool ça marche. par contre c'est possible de le personnaliser ? ou ce genre dee choses n'est pas possible en tooltip ? parce que je dois y afficher un tableau avec les résultats d'une requete .
05/04/2006, 17h26
_beber85

bah si tu generes dynamiquement le DIV ... il y a que ton imagination qui va te freiner !!

ata 2 sec j'essaye qd meme vite fait mais a priori il y a pas de pb !
05/04/2006, 17h33
_beber85

bah j'arrive a faire un tableau ... mais je sais pas si tu peux mettre des variables dedans ! et les CSS je sais pas non plus (j'essaye)

bah en tout cas avec une JSP ca pose pas de pb !!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
			<%	
			// Initialisation
			String a = "MOI :D !";
			%>
	<div onmouseover="tooltip.show(this)" onmouseout="tooltip.hide(this)"  title="
	<table>
		<tr>
		<td>coucou <%=a %></td>
		</tr>
 
		<tr>
		<td>blabla</td>
		</tr>
		</table>
	">
		Voici le contenu d'une div, avec un exemple de bulle d'aide. Passez votre souris au dessus.
	</div>

lool les CSS aussi, tu peux faire des trucs sympa !

Je pense que le RESOLU est bien venu ?

05/04/2006, 17h40
Poutchou

c'est quoi une JSP ?
je vais tester cee que tu as fait.
en attendant j'avais testé aussi
j'avais fais $contenu=<table><tr><td>.....</td></tr></table>

et je fais

Code:

echo "<a href=\"#\"><div onmouseover=\"tooltip.show(this)\" onmouseout=\"tooltip.hide(this)\" title=\"Hello you $k1 $contenu!\">Question n°$k1 : ".$v1."</div></a>";

ça maffiche bien hello you la valeur ds i sf que après ça maffiche <table> :s
mais je vais essayer par ta technique
05/04/2006, 17h42
_beber85

Les JSP c'est des pages HTML qui integre du code JAVA (=> c'est du J2EE)
Tu as besoin d'un conteneur de servlet pour faire fonctionner les JSP (le plus courant etant TomCat
05/04/2006, 17h46
Poutchou

wahou j'ai rien compris. je vais mieux regarder ce soir. et je dirai ce que j'ai fait demain.