JeuWeb - Crée ton jeu par navigateur
[XHTML] Bulle sur liste - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [XHTML] Bulle sur liste (/showthread.php?tid=1864)



[XHTML] Bulle sur liste - L04 - 08-10-2007

Salut

Alors voilà, je vous explique mon problème. Je suis nul en Xhtml, et pour m'aider j'utilise assez souvent Dreamweare, mais pour envoyer des attaques sur mon jeu, j'utilise les listes et dans les listes il y a des informations.

Ex:
Lancé de flemme, dans le value il y a 40 qui est la valeur qu'on va soustraire au points de vie de l'ennemi. Mais pour en venir a ma vraie demande, je voudrais que quand la sourie passe sur l'option de la liste, qu'il y ait une bulle qui apparaisse avec combien de points ça enlève et combien d'energie ca nous enlève, vous voyez ?

merci d'avance en tout cas.
L.


RE: [XHTML] Bulle sur liste - jo_link_noir - 08-10-2007

y un tuto sur le site du zero qui n'est pas trop compliquer (au pire tu fait copier-collé)
http://www.siteduzero.com/tuto-3-5272-1-modifier-l-apparence-d-une-infobulle.html

PS : le mieux c'est que tu connaisse un peu le css, ce sera plus facile pour lui donner l'apparence que tu veux


RE: [XHTML] Bulle sur liste - L04 - 09-10-2007

Salut

Merci, mais le truc c'est que j'aurais voulu qu'elle apparaisse sur un champ select. Car je connais déjà ce tuto.

Merci d'avance.


RE: [XHTML] Bulle sur liste - NicoMSEvent - 09-10-2007

il me semble que ce n'est pas possible en xHtml. P-e avec du javascript?


RE: [XHTML] Bulle sur liste - exopi - 09-10-2007

oui c'est avec le javascript :
dans ton <head> tu met :
function afficher(elem){
window.document.getElementById(elem).style.visibility="visible";
window.document.getElementById(elem+"k").style.display="block";
}
function effacer(elem){
window.document.getElementById(elem).style.visibility="hidden";
window.document.getElementById(elem+"k").style.display="none";
}

dans le meme conteneur que <select> du met :
<div id=tonidk style="position:absolute;top:px;left:px;display:none">
<div id=tonid style="visibility:hidden;position:relative;z-index:20; top:10px;left:0px;">
ce que tu veux afficher
</div>
</div>

et dans la balise option : <option onMouseOut="effacer('tonid')" onMouseOver="afficher('tonid')">


en modifiant les paramettre top et left, tu position ta bulle ou tu le souhaite par rapport à sa position dans le conteneur.


RE: [XHTML] Bulle sur liste - exopi - 09-10-2007

ps : quand elle n'est pas affiché, la bulle ne modifie pas l'aspect de la page, grace au display du premier div Wink


RE: [XHTML] Bulle sur liste - L04 - 10-10-2007

Ok, merci à tous, je vais essayer.