6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)
  • Q:
    Bijdrager
    dnhems

    2 scrollers in 1 site

    Goedesmorgens allemaal,

    Ik heb op mijn site een pagina die opgedeeld is in 2 vakken (prive en opleiding)
    nu heb ik een javascriptje gevonden om een leuke scroller op de pagina te plaatsen
    goed, voor 1 vlak werkt dat perfect, maar als ik dit javascriptje copy/paste in het 2e vak
    beinvloed die uiteraard de scroller van vlak 1.

    weten jullie wat ik moet aanpassen in dat javascript?

    Dit is het scriptje:

    <script type=”text/javascript”>

    iens6=document.all||document.getElementById
    ns4=document.layers

    //scrollsnelheid
    var speed=1

    if (iens6){
    document.write(‘<div id=”container” style=”position:relative;width:250px;height:160px;border:0px solid black;overflow:hidden”>’)
    document.write(‘<div id=”content” style=”position:absolute;width:250px;left:0;top:0″>’)
    }
    </script>

    <ilayer name=”nscontainer” width=250 height=160 clip=”0,0,175,160″>
    <layer name=”nscontent” width=250 height=160 visibility=hidden>

    <!–Scroller–>
    Tekst en inhoud van de scroller.
    <!–Einde scroller–>

    </layer>
    </ilayer>

    <script language=”JavaScript1.2″>
    if (iens6)
    document.write(‘</div></div>’)
    </script>

    <table width=”250px” class=”tekst”><td>

    <a href=”#” onMouseover=”moveup()” onMouseout=”clearTimeout(moveupvar)”> <a href=”#” onMouseover=”movedown()” onMouseout=”clearTimeout(movedownvar)”>

    </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>

    Bijdrager
    chatsmit

    gewoon een gok: probeer eens alle namen “nscontainer” en “nscontent” van het gekopieerde (2e) script, te hernoemen in twee anderen namen (zoek en vervang opdracht).

    Bijdrager
    dnhems

    heb het geprobeerd, werkt helaas niet. heeft iemand anders nog een idee?

    Bijdrager
    dnhems

    ….of niet..:?

    Bijdrager
    Henque

    Waarom wil je dat met javascript doen..?
    Gewoon een div met: overflow: auto;
    Zo kun je wel 80 vlakken maken die scrollen

    Bijdrager
    dnhems

    maar dan krijg je zo’n lelijke scrollbalk, nu heb ik 2 subtiele pijltjes met mouseover en out

6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.