Sujet Précédent Sujet Suivant

Animation jquery ne marche pas

Fermé
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 18 août 2009 à 15:31
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 - 18 août 2009 à 16:49
Bonjour,


voici le script:

<script>
$(document).ready(function()
{
$("menu").show("slow");
});

</script>


Partie html:

<TABLE BORDER="0" align= "center">

<div id="menu"><HR WIDTH="57%" size="1px" color="white" style="display: none;"></div>
<div id="menu"><HR WIDTH="57%" size="1px" color="white" style="display: none;"></div>
<TR>
<th><div id="menu"><a href = "collections.php"><font color="white" face="taohma" size="3pt" style="display: none;" >      Collections       </a></div></th>
<th><div id="menu"><a href="actualites.php"><font color="white" face="taohma" size="3" style="display: none;" >Actualités       </a></div></th>
<th><div id="menu"><a href="pointdevente.php"><font color="white" face="taohma" size="3" style="display: none;" >Point de ventes       </a></div></th>
<th><div id="menu"><a href="histoire.php"><font color="white" face="taohma" size="3" style="display: none;" >Histoire       </a></div></th>
<th><div id="menu"><a href="presse.php"><font color="white" face="taohma" size="3" style="display: none;" >Presse       </a></div></th>
<th><div id="menu"><a href="archives.php"><font color="white" face="taohma" size="3" style="display: none;" >Archives       </a></div></th>
<th><div id="menu"><a href="ventenligne.php"><font color="white" face="taohma" size="3" style="display: none;" >Vente en ligne       </a></div></th>
<th><div id="menu"><a href="public/ChoixBijouxPublic.php"><font color="white" face="taohma" size="3" style="display: none;" >Recherche       </a></div></th>
<th><div id="menu"><a href="contact01.php"><font color="white" face="taohma" size="3" style="display: none;" >Contact       </font></a></div></th>

</TR>


</table>
<div id="menu"><HR WIDTH="62%" size="6px" color="white" style="display: none;"></div>



</body>

</html>


Je ne vois pas pourquoi cela ne marche pas.


Merci d'avance

3 réponses

Réponse 1 / 3
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 128
18 août 2009 à 16:03
Tu as oublié de préciser s'il s'agit d'un id ou d'une classe... tu dois simplement mettre #menu au lieu de menu dans ton script. 


>>> $("#menu").show("slow");

C'est un sélecteur css...



Ceci dit, je ne sais pas si ça fonctionnera avec tous les id que tu as mis !
Contente-toi d'un <table id="menu"> ou place un div englobant le tout !
0
Réponse 2 / 3
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
18 août 2009 à 16:43
Ehh ... le code n'est pas valide XHTML : un ID ne peut être présent que une seule fois par page ! Utilise plutôt class="menu" et dans ton JQuery : $('.menu').show('slow');
0
Réponse 3 / 3
monkey_monk Messages postés 641 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 10 août 2012 128
18 août 2009 à 16:49
Oulah, c'est vrai qu'après avoir vu ton code... je ne comprends pas l'utilisation que tu fais de tes balises.
Des balises font, des style inline, des div dans un table... il faudrait que tu clean un peu tout ça histoire de pas tuer les lapins de sybérie (*private joke*).

(On dirait un codage pour un mailing... ou un ordi à vapeur... mais dans ce cas, pas de js... ^^' alors c'est quoi ?)

Courage ! :D
-1

Discussions similaires

comment animer une soirée avec 30 personnes à table ?
sofi -
Nolly94 -

1 réponse
Idées de jeux rigolos pour un anniversaire
gromuss -
gigi -

9 réponses
Idées animations centre d'appel
goliath09 -
romain -

8 réponses
idee sympas pour animer une soire
jb -
Lili.38 -

34 réponses
idée pour comité des fete
spot02 -
mamie50 -

14 réponses