Forum « probleme de compatibilité de 2 scripts »

Forum « Programmation Javascript » (archives)

probleme de compatibilité de 2 scripts

Envoyé: 24 février 2004, 10h58 par barbaclopinette

Bonjour,
je suis un peu novice en programmation javascript et je me suis lancé un gros defi: créer un joli site dynamique. J'ai été chercher des script sur divers forums et j'ai l'impression de 2 de mes script intégré sur ma page HTML rentre en conflit.Je ne sais pas si c'est possible alors voilà, je vous explique: je veux du texte dynamique qui ne s'affiche que si l'on clic sur le titre (précédé d'un icone + ,comme dans un navigateur) et qui se retracte quand on reclic sur le titre( avec l'icone qui devient - )Jusque la tout marchait tres bien. Sauf que quand j'ai intégré le 2éme script (Dynamic-FX Slide-In Menu (v 6.5) tiré de dynamicdrive.com), mon texte dynamique fonctionne toujours tres bien mais mes icones + et - disparaissent et ne me laissent qu'un joli carré au contour blanc. Je ne pense pas que ce soit un probleme de lien (/ avant l'image) parce que dès que je supprime le script du menu, tout redevient normal !?
Alors , une idée?
Je joins la page HTML.
Merci pour le coup de main.

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

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

</script>

<STYLE>

</STYLE>

<SCRIPT SRC="ssm.js" language="JavaScript1.2"></SCRIPT>
<SCRIPT SRC="ssmItems-think.js" language="JavaScript1.2"></SCRIPT>
</head>

<body bgcolor="#838D96" background="images/fond-tt.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preload()" onLoad="MM_preloadImages('images/menu-tt_tt2.gif','images/menu-tt_outof2.gif','images/menu-tt_ican2.gif','images/menu-tt_greenlight2.gif')" >
<table width="900" height="600" border="0" cellpadding="0" cellspacing="0" background="images/interface-think-twice2.gif" >
<tr>
<td height="600">
<table width="900" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="460"><table width="100%" height="470" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" height="470" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" rowspan="2"> </td>
<td height="35" valign="top" class="txtblc">VALEURS</td>
</tr>
<tr>
<td width="80%" align="center" valign="top" class="txtblc">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="txtblc")><p> </p>
<p><br>
</p></td>
</tr>
<tr>
<td><span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand"><img src="images/bullet-plus-tt.gif" width="12" height="12" id="menu1sign" valign="bottom">
<a href="#" class="bullet-tt">Innovation<span id="menu1outline" style="display:'none'" class="txtblc"></a><br>
Notre vision, la pertinence de l'information recueillie, notre reflexion, notre analyse et
notre créativité nous permettent de proposer à nos clients des solutions innovantes et performantes.<br>
</span><br> </td>
</tr>
<tr>
<td><span id="menu2" onClick="showhide(menu2outline,menu2sign)" style="cursor:hand" ><img src="images/bullet-plus-tt.gif" width="12" height="12" id="menu2sign" valign="bottom">
<a href="#" class="bullet-tt">Esprit d'entreprise<span id="menu2outline" style="display:'none'" class="txtblc"></a>
<br>
Nous avons choisi d'accompagner les projets dans leur globalité, de leur conception à leur mise en oeuvre.
La précision de la phase de conception entraine une mise en oeuvre opérationnelle naturelle.<br>
</span><br> </td>
</tr>
<tr>
<td><span id="menu3" onClick="showhide(menu3outline,menu3sign)" style="cursor:hand"><img src="images/bullet-plus-tt.gif" width="12" height="12" id="menu3sign" valign="bottom">
<a href="#" class="bullet-tt">Qualité des réalisations<span id="menu3outline" style="display:'none'" class="txtblc">
</a><br>
Délivrer une qualité optimale est un objectif qui guide la réalisation de nos missions.<br>
</span><br> </td>
</tr>

<tr>
<td><span id="menu4" onClick="showhide(menu4outline,menu4sign)" style="cursor:hand"><img src="images/bullet-plus-tt.gif" width="12" height="12" id="menu4sign" valign="bottom">
<a href="#" class="bullet-tt">Adaptabilité<span id="menu4outline" style="display:'none'" class="txtblc">
</a><br>
Flexibilité et réactivité sont nos atouts pour répondre efficacement, dans un univers en perpetuelle évolution.<br>
</span><br> </td>
</tr>

<tr>
<td><span id="menu5" onClick="showhide(menu5outline,menu5sign)" style="cursor:hand"><img src="images/bullet-plus-tt.gif" width="12" height="12" id="menu5sign" valign="bottom">
<a href="#" class="bullet-tt">Excellence de la relation client<span id="menu5outline" style="display:'none'" class="txtblc">
</a><br>
Approche personnalisée, écoute, relation dédiée, accompagnement,
suivi, forte réactivité sont les caractéristiques de la
relation que THINK TWICE tisse avec ses clients.</span><br> </td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="100" valign="top"> <table width="900" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="57" height="30" align="center" valign="top"><a href="contact.htm"><img src="images/contact.gif" alt="contact" width="46" height="31" border="0"></a><br>
<span class="menu-blc">Contact </span></td>
<td width="134" height="30"> </td>
<td width="132" height="30" align="center" valign="top"><a href="tt-accueil.htm" onMouseOver="MM_swapImage('logott1','','images/menu-tt_tt2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu-tt_tt.gif" alt="accueil thinktwice" name="logott1" border="0" id="logott1"></a><br>
<span class="menu-blc"> A propos de Think Twice</span></td>
<td width="116" height="30" align="center" valign="top"><a href="outofthebox.htm" onMouseOver="MM_swapImage('logobox1','','images/menu-tt_outof2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu-tt_outof.gif" alt="Accueil out of the box" name="logobox1" height="31" border="0" id="logobox1"></a><br>
<span class="menu-blc">Out Of The Box</span></td>
<td width="112" height="30" align="center"valign="top"><a href="ican.htm" onMouseOver="MM_swapImage('logocan1','','images/menu-tt_ican2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu-tt_ican.gif" alt="Accueil I CAN" name="logocan1" height="31" border="0" id="logocan1"></a><br>
<span class="menu-blc">I CAN</span></td>
<td width="127" height="30" align="center"valign="top"><a href="greenlight.htm" onMouseOver="MM_swapImage('logogreen1','','images/menu-tt_greenlight2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/menu-tt_greenlight.gif" alt="Accueil Green light" name="logogreen1" height="31" border="0" id="logogreen1"></a><br>
<span class="menu-blc">Green Light</span></td>
<td width="78" height="30" align="center"valign="middle"><a href="accueil.htm"><img src="images/fleacc.gif" alt="retour a la page d'accueil" border="0"></a><br>
<span class="menu-blc">Accueil </span></td>
<td width="144" height="30" align="center"valign="middle"> </td>
</tr>
<tr>
<td valign="top"> </td>
<td width="134" valign="top"> </td>
<td colspan="4"> </td>
<td colspan="2" valign="top"> </td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>