Aller au contenu

Caroline

Membre
  • Compteur de contenus

    1
  • Inscrit(e) le

  • Dernière visite

Réputation sur la communauté

0 Neutre
  1. Bonjour, Je viens juste de créer mon premier site, et j'ai quelques petits bugs. J'ai inséré dans une de mes pages le code suivant qui permet de faire défiler une zone de texte à l'aide de 2 boutons. Tout fonctionne bien lorsque je n'utilise ce script qu'une seule fois. Mais quand je l'utilise à plusieurs reprises les boutons actionnent toujours la même zone de texte (la première sur la page). Je pense qu'il faudrait différencier le script pour que les zones de texte soient distinguées les unes des autres, mais je n'arrive pas à trouver la solution... Merci d'avance pour votre aide !!! Caroline <script type="text/javascript"> /****************************************** * Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com) * Visit [url="http://www.dynamicdrive.com/"]http://www.dynamicdrive.com/[/url] for full source code * This notice must stay intact for use ******************************************/ iens6=document.all||document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=5 if (iens6){ document.write('<div id="container" style="position:relative;width:175px;height:160px;border:1px solid black;overflow:hidden">') document.write('<div id="content" style="position:absolute;width:170px;left:0;top:0">') } </script> <ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160"> <layer name="nscontent" width=175 height=160 visibility=hidden> <!--INSERT CONTENT HERE--> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the combination of HTML, JavaScript, and CSS</font></p> <p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows content on a page to change on the fly, without reloading the page</font></p> <p><font size="2" face="Arial">- CSS allows for the separation between content definition and formatting</font></p> <p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p> <p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic Drive</a> provides free, cut and paste DHTML scripts</font></p> <!--END CONTENT--> </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> <table width="175px"><td><p align="right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td> </table> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed+"px" else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",20) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+speed+"px" else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",20) } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility="show" } window.onload=getcontent_height </script>
×
×
  • Créer...