OVH Cloud OVH Cloud

début en js

19 réponses
Avatar
yoyo
bonjour,

Suite à mon dernier post sur le js, j'ai décidé de m'y mettre tout doucement
avec un petit menu déroulant.

<div id="menu">
<ul if="menu1" onMouseOver ="afficher('menu1')"
onMouseOut="fermer('menu1')">
<li> <a bref ="#"> Menu 1 </a>
<ul>
<li> <a bref ="#"> Smenu 1 </a> </li>
<li> <a bref ="#"> Smenu 1 </a> </li>
<li> <a bref ="#"> Smenu 1 </a> </li>
</ul>
</li>
</ul>

mais apparemment j'ai du merdé quelque part.

merci de vos conseils

9 réponses

1 2
Avatar
yoyo
Laurent vilday wrote:

yoyo :
Bruno Desthuilliers :
yoyo :
function afficher(idBalise)
{
var balise=document.getElementById("idBase");
balise.class.Name=("ouver");
}


C'est 'idBase' ou 'idBalise' ?-)



j'avais pas vu, mais il y a encore un truc qui cloche car il se passe
rien



Tu m'étonnes. Enfin il ne se passe rien ... humm .. disons que tu n'as
pas vu les messages d'erreurs :)

function afficher(idBalise)
{
// pas de " autour du idBalise
// tu ne veux pas un string
var x = document.getElementById(idBalise);

// c'est la propriété className, pas class.Name
x.className = 'ouvert';
}





en effet afficher indefined

c'est mieux comme ceci
function afficher (idBalise)
{
var balise = document.getElementById (idBalise);
balise.className = "ouvert";
}


est ce qu'il y a moyen de permettre d'affichier les menu en cas de
rafraichissement de la page.
Avatar
SAM
Le 7/1/09 9:28 PM, yoyo a écrit :

est ce qu'il y a moyen de permettre d'affichier les menu en cas de
rafraichissement de la page.




Que veux-tu dire ?
Au rafraichissement les menus ouverts doivent être ré-ouverts ?

Ce n'est donc plus un rafraichissement ;-)

Non, je ne vois pas bien comment.

Peut-être avec des trucs hyper compliqués ?
Comme de refiler à window quels sont les menus ouverts et qu'au
chargement de la page celle-ci se serve des trucs collés à window?
Je ne sais même pas si c'est possible.
Il semblerait que window oublie tout de la page précédente.

Restent les cookies ...
(bonjour la gestion des cookies quand on balbutie avec un simple
élément.className, hein ?)

--
sm
Avatar
yoyo
SAM wrote:

Le 7/1/09 9:28 PM, yoyo a écrit :

est ce qu'il y a moyen de permettre d'affichier les menu en cas de
rafraichissement de la page.




Que veux-tu dire ?
Au rafraichissement les menus ouverts doivent être ré-ouverts ?

Ce n'est donc plus un rafraichissement ;-)

Non, je ne vois pas bien comment.



si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.
Peut-être avec des trucs hyper compliqués ?
Comme de refiler à window quels sont les menus ouverts et qu'au
chargement de la page celle-ci se serve des trucs collés à window?
Je ne sais même pas si c'est possible.
Il semblerait que window oublie tout de la page précédente.


je ne suis pas sous windows.
Restent les cookies ...
(bonjour la gestion des cookies quand on balbutie avec un simple
élément.className, hein ?)



Avatar
SAM
Le 7/2/09 8:28 AM, yoyo a écrit :
SAM wrote:

si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.



? ?
et ça ne le fait pas au chargement ?

Peut-être avec des trucs hyper compliqués ?
Comme de refiler à window quels sont les menus ouverts et qu'au
chargement de la page celle-ci se serve des trucs collés à window?
Je ne sais même pas si c'est possible.
Il semblerait que window oublie tout de la page précédente.


je ne suis pas sous windows.



J'ai parlé de "window" et non pas "Windows" ;-)
Le window de :
window.document.etoussalaquoi


--
sm
Avatar
yoyo
SAM wrote:

Le 7/2/09 8:28 AM, yoyo a écrit :
SAM wrote:

si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.



? ?
et ça ne le fait pas au chargement ?



je voulais dire que cela ne le faisait qu'au rafraichisement.

Peut-être avec des trucs hyper compliqués ?
Comme de refiler à window quels sont les menus ouverts et qu'au
chargement de la page celle-ci se serve des trucs collés à window?
Je ne sais même pas si c'est possible.
Il semblerait que window oublie tout de la page précédente.


je ne suis pas sous windows.



J'ai parlé de "window" et non pas "Windows" ;-)
Le window de :
window.document.etoussalaquoi





oups: ok
Avatar
SAM
Le 7/2/09 9:49 PM, yoyo a écrit :
SAM wrote:

Le 7/2/09 8:28 AM, yoyo a écrit :
SAM wrote:

si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.


? ?
et ça ne le fait pas au chargement ?



je voulais dire que cela ne le faisait qu'au rafraichisement.



et on peut voir ?

(je ne sais pas trop où tu en es)

--
sm
Avatar
yoyo
SAM wrote:

Le 7/2/09 9:49 PM, yoyo a écrit :
SAM wrote:

Le 7/2/09 8:28 AM, yoyo a écrit :
SAM wrote:

si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.


? ?
et ça ne le fait pas au chargement ?



je voulais dire que cela ne le faisait qu'au rafraichisement.



et on peut voir ?

(je ne sais pas trop où tu en es)




---->html

<div id="menu">
<ul id="menu1" onMouseOver ="afficher('menu1')"
onMouseOut="fermer('menu1')">

<li> <a href ="#"> menu </a>
<ul>
<li> <a href ="#"> S1 </a> </li>
<li> <a href ="#"> S2</a> </li>
<li> <a href ="#"> S3 </a> </li>
</ul>
</li>
</ul>


---->

.fermer{height:1em;overflow:hidden;}
.ouvert{background-color:yellow;overflow:none;}
Avatar
SAM
Le 7/4/09 10:20 PM, yoyo a écrit :
SAM wrote:

Le 7/2/09 9:49 PM, yoyo a écrit :
SAM wrote:

Le 7/2/09 8:28 AM, yoyo a écrit :
SAM wrote:

si je rafraichis la page tout les menu s'ouvre jusqu'au passage de la
souris.


? ?
et ça ne le fait pas au chargement ?


je voulais dire que cela ne le faisait qu'au rafraichisement.







Ha! j'ai oublié de demander :
avec quel(s) navigateur(s) ça ne marche pas ?

et on peut voir ?

(je ne sais pas trop où tu en es)




---->html

<div id="menu">
<ul id="menu1" onMouseOver ="afficher('menu1')"
onMouseOut="fermer('menu1')">



Ce code, même au chargement, m'affiche les sous-menus.

Mais je n'ai aucun pb, même au rafraichissement, avec :

<ul id="menu1" class="fermer"
onMouseOver="afficher('menu1')"
onMouseOut="fermer('menu1')">

Sauf que sans JS ... pas de sous-menu
(le lien 'menu' doit donc envoyer sur une page qui aura les liens vers
les sous-menus)

Prendre l'habitude de tout écrire en minuscules (balises et attributs)

<ul id="menu1" class="fermer"
onmouseover="afficher('menu1')"
onmouseout="fermer('menu1')">


<li> <a href ="#"> menu </a>
<ul>
<li> <a href ="#"> S1 </a> </li>
<li> <a href ="#"> S2</a> </li>
<li> <a href ="#"> S3 </a> </li>
</ul>
</li>
</ul>


---->

.fermer{height:1em;overflow:hidden;}
.ouvert{background-color:yellow;overflow:none;}



Avatar
yoyo
SAM wrote:

Ha! j'ai oublié de demander :
avec quel(s) navigateur(s) ça ne marche pas ?




avec firefox.
1 2