IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

"Assembler" les éléments d'un menu javascript (.js + .css)


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut "Assembler" les éléments d'un menu javascript (.js + .css)
    Bonjour le forum,

    On a un nouveau projet, créer une site internet.

    Un ancien collègue a eu la gentillesse de m'envoyer un menu javascript qu'il utulise et que nous trouvons très bien (voir ici.

    Le problème est que je ne m'en sort pas pour le mettre sur notre site.

    La première partie de notre site est de faire le menu.

    J'ai donc ces 4 documents :

    cooltree.js
    tree1.css
    tree1_format.js
    tree1_nodes.js

    J'ai une left frame avec ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
     
    <script language="JavaScript" type="text/javascript" src="js/cooltree.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/tree1_format.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/tree1_nodes.js"></script>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    <link href="js/tree1.css" rel="stylesheet" type="text/css">
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    </head>
     
    <frameset rows="*" cols="80,*" frameborder="yes" border="0" framespacing="0">
      <frame src="pharma.ulb.ac.be" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
      <frameset rows="80,*" frameborder="no" border="0" framespacing="0">
        <frame src="topframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
        <frame src="centerframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
      </frameset>
    </frameset>
    <noframes>
     
    <body class="main" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" > 
     
    <script language="JavaScript"> 
    var demoname = "Tree1"; 
    new COOLjsTree (demoname, TREE1_NODES, TREE1_FORMAT); 
    </script>
     
    </body>
    </noframes>
    </html>
    et rien n'apparaît !

    Je ne sais même pas si ce que j'ai fais est correcte ou non mais je n'ai aucun résultat.

    Je vous remercie d'avance pour votre aide.

    bgs

  2. #2
    Membre expérimenté
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Points : 1 316
    Points
    1 316
    Billets dans le blog
    1
    Par défaut
    Yop!

    Oufti, j'ai l'impression qu'il y a une hénaurme touillette....

    Tu nous dis:
    J'ai une left frame avec ce code :
    Or, le code que tu nous montres est lui-même une déclaration de cadres, et non pas le contenu d'un cadre comme on pourrait s'y attendre.

    Donc bien distinguer la page qui déclare les cadres et les pages qui seront affichées dans les cadres.


    Ensuite, pour ce qui est de la propriété "src" du cadre "leftFrame", tu as ce qui ressemble à un nom de domaine, et non pas une page html comme on pourrait s'y attendre.
    Mais peut-être est-ce suffisant dans la mesure où il doit y avoir une page par défaut qui s'affiche quand on évoque le nom de domaine. A vérifier: je dois avouer que cela fait un bout de temps que je n'utilise plus les cadres.

    Allez, bon courage pour votre projet.

    Ryan

  3. #3
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    +
    <link href="js/tree1.css" rel="stylesheet" type="text/css">
    ne doit pas dans la balise script

Discussions similaires

  1. Activer / griser les éléments d'un menu
    Par Silverstone dans le forum Visual C++
    Réponses: 4
    Dernier message: 04/11/2006, 23h16
  2. Réordrer les éléments d'un menu après suppression
    Par p0Kep0K dans le forum Requêtes
    Réponses: 3
    Dernier message: 03/11/2005, 17h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo