Avatar billede unknown_someone Juniormester
20. februar 2002 - 13:46 Der er 9 kommentarer og
1 løsning

slide-scroller

der findes et udemærket eksempel på nettet på hvordan man kan lave sit eget scroll area... nogle der ved om der findes et lignene system et sted bare til at scrolle sidelæns i stedet for op/ned?

scroolområdet må meget gerne kunne køre i loop så man kan køre uendeligt til den ene side - dog får man så set det samme indhold igen og igen..
Avatar billede sthen Nybegynder
20. februar 2002 - 14:07 #1
Finder du mon ikke noget brugbart her:

http://javascript.internet.com/scrolls/
Avatar billede unknown_someone Juniormester
20. februar 2002 - 14:23 #2
kunne ikke finde noget brugbart der
Avatar billede sthen Nybegynder
20. februar 2002 - 14:36 #3
Avatar billede unknown_someone Juniormester
20. februar 2002 - 16:14 #4
jeg ønsker ikke link til en masse sider som jeg i forvejen kender - jeg ønsker et eksempel på det jeg søger...
Avatar billede ras2000 Nybegynder
20. februar 2002 - 16:33 #5
Her er et, men jeg tror kun det virker i ie:
<html>
<head>
<script type="text/javascript">
stopper = 1;
function venstre() {
for (i = 0; i < document.all.length; i++) {
    if (document.all(i).style.position == 'absolute' && document.all(i).tagName != 'SPAN') {
        document.all(i).style.pixelLeft = document.all(i).style.pixelLeft - 2;
        if (document.all(i).style.pixelLeft < -100) document.all(i).style.pixelLeft = 900;
    }
}
if (stopper == 0){
    setTimeout('venstre()',10);
}
}
function hoejre() {
for (i = 0; i < document.all.length; i++) {
    if (document.all(i).style.position == 'absolute' && document.all(i).tagName != 'SPAN') {
        document.all(i).style.pixelLeft = document.all(i).style.pixelLeft + 2;
        if (document.all(i).style.pixelLeft > 1000) document.all(i).style.pixelLeft = -100;
    }
}
if (stopper == 0){
    setTimeout("hoejre()",10);
}
}
</script>
</head>
<body>
<span id="viser" style="position:absolute;height:400;width:400;left:200;top:200;border-style:solid;border-width:3;overflow:hidden">
<table width="1000">
    <tr>
        <td width="100" style="position:absolute;left:0">en masse tekst.<br> afsnit 1</td>
        <td width="100" style="position:absolute;left:100">en masse tekst.<br> afsnit 2</td>
        <td width="100" style="position:absolute;left:200">en masse tekst.<br> afsnit 3</td>
        <td width="100" style="position:absolute;left:300">en masse tekst.<br> afsnit 4</td>
        <td width="100" style="position:absolute;left:400">en masse tekst.<br> afsnit 5</td>
        <td width="100" style="position:absolute;left:500">en masse tekst.<br> afsnit 6</td>
        <td width="100" style="position:absolute;left:600">en masse tekst.<br> afsnit 7</td>
        <td width="100" style="position:absolute;left:700">en masse tekst.<br> afsnit 8</td>
        <td width="100" style="position:absolute;left:800">en masse tekst.<br> afsnit 9</td>
        <td width="100" style="position:absolute;left:900">en masse tekst.<br> afsnit 10</td>
    </tr>
</table>
</span>
<span onmouseover="stopper = 0, venstre()" onmouseout="stopper = 1" style="position:absolute;top:650;left:200;cursor:hand">---</span>&nbsp
<span onmouseover="stopper = 0, hoejre()" onmouseout="stopper = 1" style="position:absolute;top:650;left:250;cursor:hand">---</span>
</body>
</head>
Avatar billede ras2000 Nybegynder
20. februar 2002 - 16:37 #6
Du skal lige ændre linien

        if (document.all(i).style.pixelLeft > 1000) document.all(i).style.pixelLeft = -100;
til

        if (document.all(i).style.pixelLeft > 900) document.all(i).style.pixelLeft = -100;
Avatar billede ras2000 Nybegynder
21. februar 2002 - 10:10 #7
Du kan se resultatet her:
http://www.mucdesign.dk/her.htm
Avatar billede ras2000 Nybegynder
25. februar 2002 - 18:14 #8
Hallo?
Avatar billede unknown_someone Juniormester
20. marts 2002 - 21:09 #9
point går til ras2000 da den jo gør hvad jeg bad om - men desværre virker den ikke i andre browsere

men tak for svaret
Avatar billede ras2000 Nybegynder
21. marts 2002 - 09:33 #10
Kan du se hvad det er der ikke virker i andre browsere? Det eneste jeg kan se der skulle gi problemer er de to span'er, og det skulle da nemt kunne rettes.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester