Discussion :

[Poutchou]

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 !!

[_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 !

[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

[Poutchou]

il doit y avoir une étape que j'ai pas suivi parce que ça ne marche pas :s

[_beber85]

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

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 ??

[_beber85]

Bon je viens d'essayer ... c'est vrai que le rendu est pas le meme ...

[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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>";

[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

[_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 ?

[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 .

[_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 !

[_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)

[_beber85]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

 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

[_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

[Poutchou]

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