1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Newbie total a besoin d'aide pour inserer menu vertical (html) en JavaScript [Résolu]

Signaler
Messages postés
2
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
3 juin 2008
 -
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
 -
Bonjour a tous,
Je suis totalement débutant en la matière et je connais depuis peu le mot "JavaScript". Je suis assomé d'information depuis que j'ai commencé a m'interressé à la création de sites. Mais alors la je bloque!
Voici mon probleme:
Je souhaite insérer un menu horizontal sur mon site, un menu que j'ai créé avec Dreamweaver. Ce menu a été créé en html et je souhaiterais le convertir en Javascript afin d'alleger l'HEAD de mon site.
Encore une fois, je suis totalement debutant en la matiere et je vous demande d'être indulgent sur ma naiveté et sur la façon d'exposer mon probleme.

Code HTML du menu

<html>

<head>
<title>Doudous - Mobiles Poussettes</title>

<style><!--
.nmsw_header { font-family:Arial; font-size:11; background-color:rgb(238,196,196); }
.nmsw_headerbleu { font-family:Arial; font-weight:bold; font-size:11; background-color:rgb(191,241,249); }
.nmsw_headervert { font-family:Arial; font-weight:bold; font-size:11; background-color:rgb(166,242,187); }
.nmsw_headerviolet { font-family:Arial; font-weight:bold; font-size:11; background-color:rgb(249,199,242); border-right-width:1; border-left-width:1; border-right-color:rgb(153,153,153); border-left-color:rgb(153,153,153); border-style:none; }
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #000000;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Namo WebEditor">
<script language="JavaScript">
<!--
function namosw_cell_rollover(cell, classname) {
  if (document.all || document.getElementById) {
    cell.classBackup = cell.className;
    cell.className   = classname;
  }
}

function namosw_cell_rollout(cell)
{
  if (document.all || document.getElementById) {
    cell.className   = cell.classBackup;
  }
}
// -->
</script></head>

    ----

                    <table border="0" width="980" height="50">
                ----

                   ,
                        <table border=\"0\" width=\"308\" height=\"25\" style=\"font-family:Arial; font-weight:bold; font-size:11px; text-align:center; line-height:100%; margin-top:0; margin-bottom:0; margin-left:0; border-right-width:1; border-left-width:1; border-right-color:rgb(153,153,153); border-left-color:rgb(153,153,153); border-style:none;\">
                            ----

                                Doudous - Mobiles Poussettes,
                                                                    &nbsp;Jouets d'éveil

                             ,
                                Puériculture,
                                Porteurs Tricycles,
                           
                       

                    </td>
                    <td width="699" background="Files/20482/arpheaderrouge.gif" align="left" valign="bottom">
                                                    ----

                                Jouets  filles,
                                Jouets garçons,
                                Jouets éducatifs,
                                Playmobil,
                                Jouets créatifs,
                                Peluches Marionnettes,
                                Extérieur Jardin Plage,
                                Radiocommande Modélisme,
                                Lego,
                           
                       

                    </td>
                </tr>
            </table>
                            ----

                                            <table border="0" width="613" height="25" style="font-family:Arial; font-weight:bold; font-size:11; text-align:center; line-height:100%; margin-top:0; margin-bottom:0; margin-left:0;">
                            ----

                               , Tous les jeux</td>
                                Jeux de cartes,
                                Juniors,
                                Jeux en famille,
                                Jeux de stratégie,
                                Jeux d'experts,
                                Jeux d'addresse,
                                Echèques Dames,
                                Nos meilleurs jeux,
                           
                       

                    </td>
                    <td width="408" background="Files/20482/arpheaderviolet.gif" height="25" align="left" valign="bottom">
                                                    ----

                                Billards - Jeux de cafés,
                                Poker,
                                Spécialités maison,
                                Casse têtes,
                                Magie,
                                Destockage Promotions,
                           
                       

                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
&nbsp;

</html>

J'ai essayé plusieurs outils en ligne afin de convertir ce code, que j'ai ensuite enregistré et hebergé sur mon site en .js
J'ai ensuite inséré la balise: <script src="Files/20482/header1.js" type="text/javascript"></script> dans la balise HEAD du site en question et la ..................... rien!!

Je cherche encore et encore, des tutos, explications de base sur le JS. J'en dors plus, mange plus, aidez moi svp

Comment je peux faire de ce menu un fichier .js fonctionnel?
Merci a tous ceux qui pourraient m'aider
Afficher la suite

3 réponses

Réponse 1 / 3
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
 14
Bonjour,
dans ton fichier Files/20482/header1.js
supprime les lignes 1 et
2
<script
language="JavaScript" type="text/javascript">
<!--
et les
lignes 118 et 119
/ /-->

</script>
ce balisage n'a pas de raison d'être dans un
fichier.js
Sinon regarde la console d'erreur sous FireFox notamment, elle est riche d'enseignement...

voila pour un début...
;O)
Réponse 2 / 3
Messages postés
2
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
3 juin 2008
Un grand, mais alors tres grand merci! Ca fonctionne!!!!!
Je crois que le Javascript va changer ma vie...
Réponse 3 / 3
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
 32
Salut,

Dans ce cas si la solution que t'a fournis PetoleTeam marche il serait bien que tu le mette en réponse accèpté...

a++

Si la réponse vous convient, pensez : Réponse accepté !
Répondre Posez votre question