11550 sujets

JavaScript, DOM et API Web HTML5

bonjour,

Etant un peu novice dans les scripts, Je n'arrive pas à déterminer quoi changer dans mon script pour pallier a cette fenetre qui affiche cette erreur :

Ligne : 36
Car : 7
Erreur : "menuitem1.thediv" a la valeur Null ou n'est pas un objet
Code O



merci à vous !
Salut,

Les boules de cristals sont rangées dans les cartons avant les fêtes de Noel, et ne seront pas de retour avant les cloches à Paques. Donc peut être que si tu commençais par nous montrer le script dont tu parle, il serait possible de t'aider. Sans ça, je pense que toute aide sera impossible. Smiley cligne
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Accueil essai 2010</title>
<link rel="stylesheet" href="emx_nav_right.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){ 
  callname= "gl"+thisitem;
  divname="subglobal"+thisitem;  
	this.numberofmenuitems = allitems;
	this.caller = document.getElementById(callname);
	this.thediv = document.getElementById(divname);
	this.thediv.style.visibility = startstate;
}
				 
//menu methods
function ehandler(event,theobj){
  for (var i=1; i<= theobj.numberofmenuitems; i++){
[#red]	  var shutdiv =eval( "menuitem"+i+".thediv");[/#]
    shutdiv.style.visibility="hidden";
	}
	theobj.thediv.style.visibility="visible";
}
				
function closesubnav(event){
  if ((event.clientY <48)||(event.clientY > 107)){
    for (var i=1; i<= numofitems; i++){
      var shutdiv =eval('menuitem'+i+'.thediv');
			shutdiv.style.visibility='hidden';
		}  
	}
}
// -->
</script>
<style type="text/css">
<!--
.Style4 {font-size: x-large}
.Style11 {color: #D43F00}
.Style15 {
	font-weight: bold;
	font-size: xx-large;
}
.Style19 {font-size: 18px}
.Style21 {font-size: small}
.Style25 {
	color: #551F00;
	font-weight: bold;
}
-->
</style>
</head>
<body onmousemove="closesubnav(event);">
<div id="wrap">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
  <h1 id="siteName"><span class="Style25"></h1>
  <div id="logo1"><img src="essai.jpg" width="416" height="65" /></div>
  <div id="logo2"><img src="logo2.jpg" width="119" height="110" /></div>
  <div id="horloge">
  Heure locale<br /> &icirc;le Pierre 1er
    <script language="JavaScript" src="http://www.24log.ru/clock/clock24.js" type="text/javascript"></script>
    <table border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#a0a0a0" class="clock24st" style="line-height:12px; padding:0 0 0 0; font-family:arial; font-size:12px;">
      <tr>
        <td bgcolor="#FFFFFF" class="clock24std"><span class="clock24s" id="clock24_20443" style="color:#6393C3;">horloge html</span></td>
      </tr>
    </table>
      <script language="JavaScript" type="text/javascript">//<!--
var clock24_20443 = new clock24('20443',-240,'%hh:%nn:%ss','fr');
clock24_20443.daylight('AQ'); clock24_20443.refresh();
//--></script>
  </div>
  <div id="globalNav">
    <div id="globalLink"> <a href="Accueil.htm" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">ACCUEIL</a><a href="News.htm" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">NEWS</a><a href="essai-Planning.htm" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">PLANNING</a><a href="essai-Dossiers.htm" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">CHRONIQUES</a><a href="essai-Portfolios.htm" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">PORTFOLIOS</a><a href="-Cartes.htm" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">CARTES</a><a href="essai-Medias.htm" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">PRESSE MEDIAS</a><a href="http://essai/newsletter/inscription.php" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">NEWSLETTER</a><a href="http://essaiindex.php?lid=53453" target="_blank" class="glink" id="gl6" onmouseover="ehandler(event,menuitem6);">LIVRE D'OR</a><a href="essai-Partenaires.htm" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">PARTENAIRES</a><a href="http://essai.fr//essai-EspacePro.htm" target="_blank" class="glink" id="gl7" onmouseover="ehandler(event,menuitem7);">ESPACE PRO </a></div>
  </div>
    <!-- end globalNav -->
  <div id="subglobal8" class="subglobalNav"></div>
</div>
<!-- end masthead -->
<div id="pagecell1">
  <!--pagecell1-->
  <div id="pageName">
    <h2><span class="Style11">L</span>'exp&eacute;dition</h2>
  </div>
  <div id="pageNav">
    <div class="relatedLinks">
      <h3>L' EXP&;DITION</h3>
      <a href="#quand"> <strong>Quand ?</strong></a> <a href="#ou"><strong>O&ugrave; ?</strong></a> <a href="#equipe"><strong>L'&eacute;quipe</strong></a> <a href="#com"><strong>Com</strong></a></div>
    </div>
  <div id="content">
    <div class="story">
      <table width="100%" cellpadding="0" cellspacing="0" summary="">
        
        <tr valign="top">
          <td colspan="2" class="storyLeft"><h2><em>&quot;  
            brusquement une &eacute;norme masse noire envelopp&eacute;e de nuages:</em></h2>
            <h2><em> c'est l'&icirc;, d&eacute;couverte par 
              et que nous sommes les premiers &agrave; avoir revue  depuis ce grand navigateur.&quot;</em></h2>
            <blockquote>
              <h2><em>Extrait de &quot; ? dans l'Antarctique&quot; <br />
                de </em></h2>
            </blockquote></td>
          </tr>
        <tr valign="top">
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td class="storyLeft"><p><span class="storyLeft Style4 Style15"><span class="Style11">&gt; Q</span>uand ?</span><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><u><b><a name="quand" id="31"></a></b></u></font></p>
            <h1 align="justify">.</h1>
            <h1 align="justify">Le vrai d&eacute;part depuis Ushua&iuml;a se fera vers le 1er janvier,  apr&egrave;s pr&eacute;paration du voilier ,  <br />
              L&rsquo;&icirc;le 1er &eacute;tant tr&egrave;s souvent prise par les glaces ,  un d&eacute;part &quot;tardif&quot; dans l'&eacute;t&eacute; austral est indispensable...</h1>
            <h1>&nbsp;</h1>            </td>
          <td><img src="essai.jpg" alt="" width="502" height="170" /></td>
        </tr>
        <tr valign="top">
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td width="49%" class="storyLeft"><p><img src="essai_photo03.jpg" alt="" width="474" height="170" /></p>            </td>
          <td width="51%" valign="middle"><h1 align="justify">La premi&egrave;re partie (1 mois et demi environ) sera
            consacr&eacute;e &agrave; des ascensions de sommets  
            .<br />
            L'&eacute;quipe attendra ensuite un cr&eacute;neau m&eacute;teo
            favorable pour partir sur l'&icirc;le Pierre 1er. <br />
            Les alpinistes esp&egrave;rent y gravir le point
            culminant et bien &eacute;videmment vierge : le pic (1755m). </h1>
            <h1 align="justify">De l&agrave;, retour direct &agrave; &iuml;a via le cap :
              une navigation qui promet d'&ecirc;tre...
              muscl&eacute;e !</h1>
            <h1>&nbsp;</h1></td>
        </tr>
        <tr valign="top">
          <td height="21" class="storyLeft">&nbsp;</td>
          <td height="21">&nbsp;</td>
        </tr>
        <tr valign="top">
          <td valign="middle" class="storyLeft"><p><span class="storyLeft Style4 Style15"><span class="Style11">&gt; O</span>&ugrave; ?</span><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><u><b><a name="ou" id="31"></a></b></u></font></p>
            <h1><u>1&egrave;re partie:</u></h1>
            <h1 align="justify"><br />
              La   P&;ninsule , longue de centaines de kilom&egrave;tres, <br />
              regorge de cha&icirc;nes de montagnes peu explor&eacute;es, voire inexplor&eacute;es : 
              un r&ecirc;ve absolu pour des alpinistes en mal de premi&egrave;res !<br />
              Apr&egrave;s la travers&eacute;e depuis Ushuaia, 
              le voilier se transformera en camp de base itin&eacute;rant.</h1>
            <h1>&nbsp;</h1>            </td>
          <td rowspan="2"><img src="essai_photo02.jpg" width="464" height="362" /></td>essai
        </tr>
        
        <tr valign="top">
          <td valign="middle" class="storyLeft"><h1><u>2&egrave;me partie:</u></h1>
            <h1>&nbsp;</h1>
            <h1 align="justify">, cette &icirc;le mythique (68&deg;S) compte parmi les  derni&egrave;res d&eacute;couvertes sur notre plan&egrave;te en . Depuis, &agrave; priori, seul deux voiliers (et )
              ont touch&eacute; 1er.</h1>
            <h1 align="justify">ascension n'y a  &eacute;t&eacute; tent&eacute;e. Le point  culminant offre une face technique recouverte de givre, dont la hauteur est  difficile &agrave; estimer.<br />
            Pas de mouillage possible, le voilier attendra les  alpinistes au large. </h1></td>
          </tr>
      </table>
    </div>
    <div class="story">
      <table width="100%" cellpadding="0" cellspacing="0" summary="">
        
        <tr valign="top">
          <td width="23%" height="40" class="storyLeft">&nbsp;</td>
          <td width="27%" class="storyLeft">&nbsp;</td>
          <td width="22%" class="storyLeft">&nbsp;</td>
          <td width="28%">&nbsp;</td>
        </tr>
        <tr valign="top">
          <td class="storyLeft"><span class="storyLeft Style4 Style15"><span class="Style11">&gt; L'</span>&eacute;quipe<font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><u><b><a name="equipe" id="31"></a></b></u></font></span></td>
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td colspan="4" class="storyLeft">&nbsp;</td>
        </tr>
        <tr valign="top">
          <td colspan="4" class="storyLeft"><h1>On retrouve quelques anciens 
            de l'exp&eacute; : une &eacute;quipe 
            d&eacute;j&agrave; bien r&ocirc;d&eacute;e et aguerrie aux terres australes.</h1></td>
          </tr>
        <tr valign="top">
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td height="31" class="storyLeft"><h3><span class="storyLeft Style19">3 MARINS </span></h3></td>
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft"><h3><span class="storyLeft Style19">3 ALPINISTES</span></h3></td>
          <td>&nbsp;</td>
        </tr>
        
        <tr valign="top">
          <td height="218" class="storyLeft"><span class="Texte"><img src="jpg" width="200" height="200" /></span></td>
          <td class="storyLeft"><h1 class="storyLeft Style11">I I </h1>
            <h1 align="justify" class="storyLeft"><br />
              La c&eacute;l&egrave;bre navigatrice aux multiples facettes
              semble avoir &eacute;lu domicile
              dans les mers du Grand Sud avec son voilier . Apr&egrave;s une   belle carri&egrave;re , elle se consacre maintenant &agrave; la d&eacute;fense et protection des milieux arctiques. Elle est aussi l'auteur de nombreux livres. </h1></td>
          <td class="storyLeft"><h1><img src="Portrait-dod2.jpg" width="200" height="200" /></h1></td>
          <td><h1 class="storyLeft Style11">I I <span class="Style21">dit &quot;Dod&quot; </span></h1>
            <h1 align="justify" class="storyLeft"><br />
              professionnel, &quot;Dod&quot; a tra&icirc;n&eacute; ses gu&ecirc;tres
              sur de nombreux sommets perdus de la plan&egrave;te. Depuis quelques ann&eacute;es, il se consacre &agrave; un alpinisme au long cours et le semble &ecirc;tre devenu son terrain de jeu. Mais il reste fid&egrave;le &agrave; ses ch&egrave;res montagnes des Hautes Alpes qu'il parcourt r&eacute;guli&egrave;rement. </h1></td>
          </tr>
        <tr valign="top">
          <td height="18" class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td height="218" class="storyLeft"><span class="Texte"><img src="Portrait-trist2.jpg" width="200" height="200" /></span></td>
          <td class="storyLeft"><h1 class="Style11"><span class="storyLeft Style11">I le I </span></h1>
            <h1 align="justify"><br />
            Excellent marin, c'est un grand connaisseur des mers du globe et a &eacute;t&eacute; officier de la marine .  F&eacute;ru aussi d'alpinisme, d'escalade et de raids &agrave; skis, il sillonne depuis plus de 30 ans les massifs du Mont-Blanc, des Ecrins,.. Il est gardien depuis du refuge de la du en . </h1></td>
          <td class="storyLeft"><h1 class="storyLeft"><img src="-pat2.jpg" width="200" height="200" /></h1>            </td>
          <td><h1 class="storyLeft Style11">I I </h1>            
            <h1 align="justify" class="storyLeft"><br />
              Chercheur en glaciologie, guide de montagne, , photographe, auteur de livres... a r&eacute;alis&eacute; plus d'une centaine de courses dans les en toutes saisons. C'est aussi un sp&eacute;cialiste des Andes tropicales o&ugrave; il y a exerc&eacute; son m&eacute;tier de 
            glaciologue et r&eacute;alis&eacute; de nombreuses premi&egrave;res.</h1></td>
          </tr>
        <tr valign="top">
          <td height="18" class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td height="218" class="storyLeft"><span class="Texte"><img src="Portrait-.jpg" width="200" height="200" /></span></td>
          <td class="storyLeft"><h1 class="storyLeft Style11">I I <span class="Style21">dit &quot;; </span></h1>
            <h1 align="justify" class="storyLeft"><br />
Passionn&eacute; de mer et d'aventures, &quot;&quot; navigue depuis pas mal d'ann&eacute;es avec des bateaux qu'il a toujours retap&eacute; de A &agrave; Z ! Menuiserie de marine, soudure, m&eacute;canique, &eacute;lectricit&eacute;,..  un vrai ! Passionn&eacute; par le dessin, il a &eacute;galement illustr&eacute; des livres. </h1></td>
          <td class="storyLeft"><h1 class="storyLeft"><img src="Portrait-math2.jpg" width="200" height="200" /></h1>            </td>
          <td><h1 class="storyLeft Style11">I I </h1>
            <h1 align="justify" class="storyLeft"><br />
              Aspirant guide, pisteur secouriste, le benjamin de l'&eacute;quipe ! Mais d&eacute;j&agrave; une belle 
              exp&eacute;rience d'alpiniste. Compagnon de cord&eacute;e de lors de l'Ar&ecirc;te Haut Alpine en 2007. Rocher, mixte, glace, ski... ses terrains de pr&eacute;dilection sont nombreux. C'est aussi un passionn&eacute; de parapente et de kite surf. </h1>            </td>
        </tr>
      </table>
      <table width="100%" cellpadding="0" cellspacing="0" summary="">
        <tr valign="top">
          <td class="storyLeft">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr valign="top">
          <td width="58%" class="storyLeft"><p><span class="storyLeft Style4 Style15"><span class="Style11">&gt; C</span>om</span><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><u><b><a name="com" id="31"></a></b></u></font></p>
            <h1 align="justify"> Un suivi &quot;live&quot;  aura lieu sur ce et un cette aventure.<br />
              Des rendez-vous m&eacute;dias pourront avoir lieu par t&eacute;l&eacute;phone  satellite.<br />
              Des articles paraitront dans la presse.<br />
              Une chronique se tiendra chaque semaine sur <br />
              Des conf&eacute;rences raconteront 
              au retour cette nouvelle exp&eacute; mer-montagne.</h1></td>
          <td width="42%"><p><img src="essai_logo_com2.jpg" width="405" height="195" /></p></td>
        </tr>
      </table>
      <div>
        <div align="right">
          <h3><a href="#"><img src="flechehautorange.gif" width="99" height="23" border="0" /></a></h3>
        </div>
      </div>
    </div>
  </div>
  <!--end content -->
  <div id="siteInfo"><a href="essai">Contact webmaster</a> | &copy; iv>
</div>
<!--end pagecell1-->
</div>

<script type="text/javascript">
    <!--
      var menuitem1 = new menu(7,1,"hidden");
			var menuitem2 = new menu(7,2,"hidden");
			var menuitem3 = new menu(7,3,"hidden");
			var menuitem4 = new menu(7,4,"hidden");
			var menuitem5 = new menu(7,5,"hidden");
			var menuitem6 = new menu(7,6,"hidden");
			var menuitem7 = new menu(7,7,"hidden");
    // -->
    </script>
</body>
</html>

Modifié par Yann58 (22 Dec 2009 - 10:28)
Ouh la! Assez bizarre ta facon de coder.

Un truc a simplifier (y a pleins d'autre choses a ameliorer, mais bon).
C'est pas un peu repetitif d'ecrire this.numberofmenuitems = allitems; quand c'est excatement la meme valeur que var numofitems = 7;

function ehandler tu as pas besoin de faire var shutdiv =eval( "menuitem"+i+".thediv");
tu peux remplacer par var shutdiv =theobj.thediv; non ??
un truc a se souvenir est eval is evil.

Ensuite ton Erreur : "menuitem1.thediv" a la valeur Null ou n'est pas un objet
Tu es sur que l'element document.getElementById("subglobal1") existe?
Il te dit que menuitem1.thediv est null donc ensuite menuitem1.thediv.style forcement va creer une erreur.

Et pis tu peux surement ameliorer la fonction closesubnav.
Essaye de mettre les object menuitem(x) dans un tableau et ensuite loop sur ce tableau et comme ca tu peux ecrire array[ index ].thediv au lieu de faire un eval...
Modifié par alixe (16 Dec 2009 - 15:07)
ma façon de coder ? Smiley ravi
c'est pas moi mais dreamweaver !!!
merci pour ces infos, je vais essayer de corriger tout ça... pas gagné ! Smiley cligne
Modifié par Yann58 (16 Dec 2009 - 17:20)
Hello Yann58 et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je te rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
voilà et désolé.
Je n'ai pas assez de connaissance pour pouvoir simplifier, je vais essayer de resoudre l'erreur et je verrais pour la suite. merci encore
Modifié par Yann58 (16 Dec 2009 - 22:43)