Auteur / Message

Info bulle

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Sam 29 Avr 2006 13:32 Sujet du message: Info bulle

Bonjour, je viens d'aménager la tanière de la Guilde.

Et je souhaiterais utiliser des infos bulles sur les images représentant les armes (dans Equipements), mais je ne sais pas comment faire.

J'utilise EasyPHP1-8 pour construire mes pages web.

Pouvez vous m'aider Question

Adresse de la tanière :

http://games.mountyhall.com/mountyhall/View/TaniereDescription.php?ai_IDLieu=244631

Very Happy

_________________
Trõll : [url=http://games.mountyhall.com/mountyhall/View/PJView.php?ai_IDPJ=53237]Tarte aux Pommes[/url] - Guilde : [url=http://games.mountyhall.com/mountyhall/View/AllianceView.php?ai_IDAlliance=2302]Les Fun Trõlls Aquatiques[/url]

Aline
Assistante Bricol' Troll

Inscrit le: 30 Jan 2005
Messages: 1790

Posté le: Lun 01 Mai 2006 16:39 Sujet du message:

t'inquiète, Ratibus a bien vu ton message, il a juste la flemme de te repondre Surprised

_________________
Assistante des Bricoll' Trolls
Mon troll : Aline (15607)
Raconte-moi des histoires

Ratibus
Bricol' Troll en chef

Inscrit le: 30 Jan 2005
Messages: 6520

Posté le: Lun 01 Mai 2006 18:16 Sujet du message:

Un premier truc simple si t'as pas trop d'infos à mettre c'est renseigner l'attribut title de la balise <img> Wink

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mar 02 Mai 2006 12:25 Sujet du message:

Sad

Je ne comprend pas "attribut title de la balise" et je ne sais pas comment faire ce que tu m'as demandé.

Voici le début de la page,.
Peux tu me la compléter ?
Afin d'y inclure l'info bulle, s'il te plait. Smile

<HTML>
<body leftmargin="30" topmargin="30" background="fond2.jpg">
<center>Bienvenue dans l'Antre des Fun Trõlls Aquatiques</center> 
 
 
 
 

<center>Equipements</center> 
 
 
 
 

<img SRC="http://.free.fr/www/Mountyhall/Turban" title="Turban">

</body>
</html>

Je suis autodidacte, je ne sais pas si ce que j'ai fait, c'est bien ou pas, mais ça à le mérite de fonctionner.
Very Happy

Ratibus
Bricol' Troll en chef

Inscrit le: 30 Jan 2005
Messages: 6520

Posté le: Mar 02 Mai 2006 12:59 Sujet du message:

<img SRC="http://antonio.lotito.free.fr/www/Mountyhall/Turban" title="Turban">

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mar 02 Mai 2006 19:58 Sujet du message:

Cool, ça marche. Smile

Maintenant, je souhaiterai mettre dans la même info bulle, sous le titre ses caractéristiques (RM : 12 %) et en dessous encore son poids (3 min)

Oh! la! la! ça va déchirer. Smile

Ratibus
Bricol' Troll en chef

Inscrit le: 30 Jan 2005
Messages: 6520

Posté le: Mar 02 Mai 2006 20:15 Sujet du message:

Dès que tu veux un contenu + élaboré, le title ça va pas aller.
Je te conseille ceci : http://www.bosrup.com/web/overlib/

Ca permet de faire des infos bulles + complexes Wink

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mar 02 Mai 2006 20:40 Sujet du message:

Shocked

Qu'est ce c'est cette langue Question

Oupsss!!! moi pas du tout parler anglais.

Moi parler un peu trõll, un peu français et un tout petit peu italien.

Peux tu me donner un exemple d'écriture avec une info bulle avec 3 lignes avec ce système ?

Tarte aux Pommes qui se gratte la tête trés trés fort, car il a trés mal à la tête.

Smile

Aline
Assistante Bricol' Troll

Inscrit le: 30 Jan 2005
Messages: 1790

Posté le: Mar 02 Mai 2006 21:21 Sujet du message:

J'aii parcouru en diagonale, voilà ce que ça donne :

1) tu rajoute ça

Code:

juste après ton <HTML>

2) tu rajoutes ça

Code:

juste après ton <body>

3) tu rajoutes ça

Code:

onmouseover="return overlib('Exemple de texte de tooltip.');" onmouseout="return nd();"

dans ta balise IMG

Je sais pas comment faire les saut de ligne, teste \n ou 

edit: si le saut de ligne marche pas direct test avec le parametre FULLHTML :

Code:

overlib('Exemple de texte de tooltip. Avec un saut de ligne',FULLHTML)

_________________
Assistante des Bricoll' Trolls
Mon troll : Aline (15607)
Raconte-moi des histoires

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mar 02 Mai 2006 23:02 Sujet du message:

J'ai essayé ça

Citation:

<HTML>
<head><script type="text/javascript" src="overlib.js"></script></head>
<body leftmargin="30" topmargin="30" background="fond2.jpg">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

<center>Bienvenue dans l'Antre des Fun Trõlls Aquatiques</center> 
 
 
 
 

<center>Equipements</center> 
 
 
 
 

<img SRC="http://.free.fr/www/Mountyhall/Turban" onmouseover="return overlib('Turban');" onmouseout="return nd('RM : 12%');">

<center>Retour Accueil</center> 
<center><a HREF="http://games.mountyhall.com/mountyhall/View/TaniereDescription.php?ai_IDLieu=244631" TARGET="_blank"><img SRC="http://.free.fr/www/Mountyhall/Escarcelle" BORDER="none"></a></center> 
</body>
</html>

Mais ça ne marche pas.

Ou peut bien être mon erreur ? Think

Aline
Assistante Bricol' Troll

Inscrit le: 30 Jan 2005
Messages: 1790

Posté le: Mer 03 Mai 2006 03:09 Sujet du message:

j'ai ublié de te péciser de mettre le fichier overlib.js dans ton répertoire ou il y a tes pages php
tu le trouvera ici https://sourceforge.net/project/showfiles.php?group_id=6218&package_id=6280&release_id=339422

il y a un erreur dans tes paramètres:
onmouseover signifie "lorsque la souris passe dessus"
onmouseout signfie "lorsque la souris sort de passer dessus"
tu dois donc mettre le texte à afficher en parametre de la fonction overlib et laisser la fonction nd sans paramètre (le but de cette fonction est que l'infobulle se referme)

ça devrait donner : onmouseover="return overlib('Turban RM : 12%');" onmouseout="return nd();"

( signifie saut de ligne)
_________________
Assistante des Bricoll' Trolls
Mon troll : Aline (15607)
Raconte-moi des histoires

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mer 03 Mai 2006 07:35 Sujet du message:

Oh! la! la! la! laaaaaa! Dancing

Ca marche. Smile

Comment ça déchire.

Si je peux abuser encore un peu.

Il y a t il un moyen de définir automatiquement la largeur de l'info bulle ainsi que ça couleur?
_________________
Trõll : [url=http://games.mountyhall.com/mountyhall/View/PJView.php?ai_IDPJ=53237]Tarte aux Pommes[/url] - Guilde : [url=http://games.mountyhall.com/mountyhall/View/AllianceView.php?ai_IDAlliance=2302]Les Fun Trõlls Aquatiques[/url]

Aline
Assistante Bricol' Troll

Inscrit le: 30 Jan 2005
Messages: 1790

Posté le: Mer 03 Mai 2006 08:52 Sujet du message:

t'as tous les parametres ici : http://www.bosrup.com/web/overlib/?Command_Reference
et y a pas moyen que je te les explique tous, va falloir te mettre à l'anglais !

ceux que tu cherches sont :
- WIDTH (signifie largeur)
- HEIGHT (signifie hauteur)
- FGCOLOR (signifie couleur du premier plan)

pour utiliser, à priori tu alignes les paires (parmètres, valeur) : overlib('Turban RM : 12%',WIDTH, 800, HEIGHT, 600, FGCOLOR, '#DDCCBB')
_________________
Assistante des Bricoll' Trolls
Mon troll : Aline (15607)
Raconte-moi des histoires

tarte_aux_pommes

Inscrit le: 09 Aoû 2005
Messages: 59
Localisation: Ici

Posté le: Mer 03 Mai 2006 10:02 Sujet du message:

Dancing

Yeapppyyyyy Dancing

Un grand merci à Aline et Ratibus pour toutes les infos qui vont améliorer notre tanière.

Il ne me reste plus qu'à me mettre au travail.

Merci.

Applause

Pierre

Inscrit le: 26 Fév 2006
Messages: 78

Posté le: Mer 03 Mai 2006 22:07 Sujet du message: Re: Info bulle

tarte_aux_pommes a écrit:

Bonjour, je viens d'aménager la tanière de la Guilde.

[...]

Adresse de la tanière :

http://games.mountyhall.com/mountyhall/View/TaniereDescription.php?ai_IDLieu=244631

c'est quoi c'est affichage de la tannière ? comment on l'obtient ? en pasant par "tannière" dans le menu de gauche dans le jeu ?

Pierre.