menu dynamique et javascript qui ne se lance pas

Bonjour ;)
Actuellement je travaille sur un site à rénover, et l'on me demande un menu dynamique. j'ai pensé à utiliser du javascript pour travailler sur le menu.
J'ai donc codé le script, mais quand je le lance absolument rien ne se passe --'...

si vous y jetiez un coup d'½il c'est pas de refus ;)

le code javascript

<script language="javascript" type="text/javascript">

        function overmouse1() {

        document.L1.style.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';

        document.C1.style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';

        document.R1.style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}

        function overmouse2() {

        document.L2.style.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';

        document.C2.style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';

        document.R2.style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}

        function overmouse3() {

        document.L3.style.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';

        document.C3.style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';

        document.R3.style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}

        function overmouse4() {

        document.L4.style.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';

        document.C4.style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';

        document.R4.style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}

</script>

et le menu en html:



<table class=tab_menu>

<tr>

<td width=28 height=26 class=Lp name=L1><!-- choix 1 -->

</td>

<td height=26 class=Cp name=C1>

<a href="index.html" onmouseover="overmouse1();">Accueil</a></td>

<td width=25 height=26 class=Rp name=R1>

</td>

<td width=28 height=26 class=L name=L2><!-- choix 2 -->

</td>

<td height=26 class=C name=C2>

<a href="index.html" onmouseover="overmouse2();">Design</a></td>

<td width=25 height=26 class=R name=R2>

</td>

<td width=28 height=26 class=L name=L3><!-- choix 3 -->

</td>

<td height=26 class=C name=C3>

<a href="index.html" onmouseover="overmouse3();">Programes/jeux</a></td>

<td width=25 height=26 class=R name=R3>

</td>

<td width=28 height=26 class=L name=L4><!-- choix 4 -->

</td>

<td height=26 class=C name=C4>

<a href="index.html" onmouseover="overmouse4();">Iramon</a></td>

<td width=25 height=26 class=R name=R4>

</td>

</tr>

</table>

...

Bonjour,
>>j'ai pensé à utiliser du javascript pour travailler sur le menu.
bof... de nos jour on fait cela en pur css
tout ch'tiot exemple ici    mais pléthore sur CodesSources et sur la toile

>>mais quand je le lance absolument rien ne se passe
mais encore ?
tu as autorisé le javascript ?
de plus, tu utilises :
document.L4.style.backgroundImage =... et <td width=28 height=26 class=L name=L4>
donc FF ne va pas aimer à priori, ta balise n'as pas id="L4"
il te manques aussi des " : <td width="28" height="26" class="L" name="L4">

ça aide :

Navigateurs	Quelques Explications
Chrome	contrôler page actuelle / Options pour développeurs / Console Javascript
FireFox	Outils / Console d'erreurs et mieux : télécharger FireBug
Internet Explorer	activer le deboggage : Outils/options Internet/Avancés dans la liste, sous "Navigation" : décocher o Afficher une notification de chaque erreur de script o Désactiver le débogage de Scripts (Internet Explorer) et mieux (pour IE < 8) : télécharger le Debogger IE voir aussi : DebugBar et Companion JS
K-Meleon	Outils / Console d'erreurs
Opera	Outils / Avancé / Console d'erreurs
Safari	Debug / Show JavaScript Console ° modifier Fichier com.apple.Safari.plist situé dans le répertoire : Support:\Documents and Settings\utilisateur \Application Data\Apple Computer\Safari\Preferences\ y ajouter <key>IncludeDebugMenu</key> <true/>

Cordialement [mon Site] [M'écrire] Bul

bonjour

deja a ta place je ne ferait que un fonction

et ensuite il faut remplacer document.R1. par  document.getElementById('r1')

<script language="javascript" type="text/javascript">

        function overmouse( pa,pb,pc) {
      document.getElementById(pa) tstyle.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';

        document.getElementById(pb).style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';

        document.getElementById(pc)document.R1.style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}

et quand tu appel la fontion tu fait par exemple pour le premier

onmouseover="overmouse('L1','C1','R1')"

Je vous remercie de votre réponse aussi rapide ;)
je vous ai écouter tout les deux, pour les " qui manque, le faite que j'utilisais name="" et mes fonction mal écrites.

ainsi après les changement éffectué cela fonctionne correctement ;)

voici le code avec les modifications apporté:

   le javascript :

<script language="javascript" type="text/javascript">
function overmouse( pa,pb,pc)  {
document.getElementById(pa).style.backgroundImage = 'url(\'styles/img/menu_left_hover.gif\')';
document.getElementById(pb).style.backgroundImage = 'url(\'styles/img/menu_center_hover.gif\')';
document.getElementById(pc).style.backgroundImage = 'url(\'styles/img/menu_right_hover.gif\')';}
</script>

et le html:

<table class="tab_menu">
<tr>
<td width="28" height="26" class="Lp" id="L1"><!-- choix 1 -->
</td>
<td height="26" class="Cp" id="C1">
<a href="index.html" onmouseover="overmouse('L1','C1','R1')">Accueil</a></td>
<td width="25" height="26" class="Rp" id="R1">
</td>
<td width="28" height="26" class="L" id="L2"><!-- choix 2 -->
</td>
<td height="26" class="C" id="C2">
<a href="index.html" onmouseover="overmouse('L2','C2','R2')">Design</a></td>
<td width="25" height="26" class="R" id="R2">
</td>
<td width="28" height="26" class="L" id="L3"><!-- choix 3 -->
</td>
<td height="26" class="C" id="C3">
<a href="index.html" onmouseover="overmouse('L3','C3','R3')">Programes/jeux</a></td>
<td width="25" height="26" class="R" id="R3">
</td>
<td width="28" height="26" class="L" id="L4"><!-- choix 4 -->
</td>
<td height="26" class="C" id="C4">
<a href="index.html" onmouseover="overmouse('L4','C4','R4')">Iramon</a></td>
<td width="25" height="26" class="R" id="R4">
</td>
</tr>
</table>