Bonjour,
Je rencontre quelque souci avec du java, je crois que le mieux est encore d'illustrer : http://japan.keuf.net/index.htm
Lorsque l'on survole l'un des boutons de la PA, une zone de texte s'ouvre, jusque-là tout est normal, seulement si je veux amener ma souris dans la dite zone, celle-ci disparait Pas très pratique donc quand on sait que je compte mettre des liens etc.

Ce que je voudrais c'est qu'en survolant un bouton la zone correspondante apparaisse, que je suis aller promener ma souris dessus, cliquer etc. et qu'elle disparaisse seulement quand je survole un autre bouton, qui lui laissera apparaisse la zone qui y correspond

Voilà... Est-il possible de réaliser cela ? Et si oui, comment faut qu'il procéder ? Je ne mis connais pas très bien en java et j'ai modifier un code trouvé sur le net (que je ne retrouve plus. malheureusement pour moi >.<) du coup je suis perdue

voici mes codes :

HTML (le rappel du java vient d'un autre forum à moi)

Spoiler:

EDIT FB : Ajout du "spoiler" pour une meilleure lisibilité du tuto.

Euh oui exact c'est ce que je recherche, je n'avais même pas vu >.<
Pour le code, il était en libre accès, mais j'avoue qu'au final il ne m'a pas plus avancé côté connaissance java xD

Je suis prête à en refaire un sans souci, au contraire, cela me permettra de comprendre dans quoi je mets les pieds, le hic c'est que je ne sais pas quel élément/balise mettre pour obtenir ce que je souhaite

OK...
Alors, tout d'abord, mets les quatre zones à masquer/afficher chacune dans un div avec un display: none;, et chaque div doit avoir un id différent.

Exemple :

Code:

<div id="premier" style="display: none;">CONTENU 1</div>
<div id="seconde" style="display: none;">CONTENU 2</div>

Merci de bien vouloir m'aider
Concernant ce début, il me semble que mon codage était correct ? Cependant je suis, donc je retire les class, mais pourront-elles être remise par la suite ?

Code:

<div  id="bienvenue" style="display: none;">Message de bien, descriptif du forum, dernières nouvelles et membres de la semaine</div>
    <div  id="staff" style="display: none;">image des administratrices et modérateurs ainsi qu'une brève description, lien vers leur boîte mail</div>
    <div  id="partner" style="display: none;">logo des partenaires et des coups de cœur</div>
    <div  id="credits" style="display: none;">crédits concept, thème, codage, Pa etc.</div>

Oui, mais je préférerai que tu mettes le class dans un div à l'intérieur de ces divs avec des ID...

Donc bon, passons au Script : Voici ce qu'il faut mettre dans la page HTML :

Code:

function showbienvenue()
{
document.getElementById('bienvenue').style.display='block';
document.getElementById('staff').style.display='none';
document.getElementById('partner').style.display='none';
document.getElementById('credits').style.display='none';
}
function showstaff()
{
document.getElementById('bienvenue').style.display='none';
document.getElementById('staff').style.display='block';
document.getElementById('partner').style.display='none';
document.getElementById('credits').style.display='none';
}
function showpartner()
{
document.getElementById('bienvenue').style.display='none';
document.getElementById('staff').style.display='none';
document.getElementById('partner').style.display='block';
document.getElementById('credits').style.display='none';
}
function showcredits()
{
document.getElementById('bienvenue').style.display='none';
document.getElementById('staff').style.display='none';
document.getElementById('partner').style.display='none';
document.getElementById('credits').style.display='block';
}

Ensuite, pour les boutons, il ne faut mettre qu'un onMouseover :

Code:

onmouseover="javascript:showbienvenue()"
onmouseover="javascript:showstaff()"
onmouseover="javascript:showpartner()"
onmouseover="javascript:showcredits()"

ze_chaofan a écrit:Oui, mais je préférerai que tu mettes le class dans un div à l'intérieur de ces divs avec des ID...

Comme ceci donc ?

Code:

<div  id=";" style=";"><div id=";">contenu</div></div>

D'ailleurs, il y a grande différence entre id et class ? Je me pose toujours la question..

Je vais travailler sur le reste, merci ^^

Plutôt :

Code:

<div  id=";" style=";"><div class=";">contenu</div></div>

Un id est comme une classe, mais unique par page.





EDIT FB : Correction de "div iclass="...

Uhm. Je n'arrive pas à ré appliquer l'effet CSS dans les zones qui doivent apparaitre =/

édit: je retire ça marche pour ça ^^ A quoi l'intérêt du "i" dans la class ?

C'est pour ça que j'ai corrigé le code de ZC qui avait une faute de frappe --> "iclass" au lieu de --> "class".

D'accord Merci beaucoup, ça fonctionne ♥♥♥

Oui, j'ai vu.

C'est résolu pour toi ?

Ou petite question :
En l'état actuel du code, quand on arrive sur la page il n'y a rien, ni même le bouton "accueil"...
Est-ce que c'est ainsi que tu le souhaites, ou bien tu voudrais que le contenu "accueil" s'affiche par défaut lorsqu'on recharge la page ?

(Nope, c'est pas du chinois ! )

Si XD Désolé je n'ai compris =S
Edit: \o/ Ayé, j'ai compris, oui, se serait une excellente idée que le contenu "bienvenue" s'affiche pas défaut ^^

C'était vraiment tout bête, merci \o/
Je crois que tout est bon ^^