+- 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
RE: [XHTML] Bulle sur liste - L04 - 10-10-2007
Ok, merci à tous, je vais essayer.