Avatar billede para7 Nybegynder
11. januar 2005 - 23:33 Der er 10 kommentarer og
2 løsninger

Vil ikke scrolle i div

Jeg kan ikke få indholdet i div'et til at scrolle ved klik på Frem eller Tilbage. Linjen
Hscroll.style.scroll(i, 1);
er nok forkert ??

<HTML>
<HEAD>
<TITLE>jsHscroll</TITLE>
<SCRIPT language=JavaScript>
x = 0
function flip(x)
    {
    if (x > 0) {
        for (i = x - 651; i <= x; i = i + 13) {
            Hscroll.style.scroll(i, 1);
            }
        }
    else {
        x = Math.abs(x)
        for (i = x + 651; i >= x; i = i - 13) {
            Hscroll.style.scroll(i, 1);
            }
        x = i;
        }
    }
</SCRIPT>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">

<div id="Hscroll" style="position:relative; border: 1px solid green; overflow: hidden; width: 500px">
    <table width=1900 border=1 ID="Table2">
    <tr>
        <td>
        billede
        </td>
        <td>
        Eros feugiat odio luptatum minim tincidunt adipiscing, nulla dolore velit quis
        accumsan, dolor minim nostrud in ex aliquam praesent duis. Dolor illum nonummy
        facilisis eu tation, ullamcorper odio in iusto ullamcorper molestie duis wisi
        esse ex qui feugiat molestie et.
        </td>
        <td>
        billede
        </td>
        <td>
        Wisi, nisl nisl in diam qui, ut dolore lorem veniam illum duis luptatum vero
        illum, minim, ut ea augue molestie, tincidunt ullamcorper duis aliquip. Nibh
        iusto laoreet eum nisl vel nulla nostrud minim.
        </td>
        <td>
        billede
        </td>
        <td>
        Eros feugiat odio luptatum minim tincidunt adipiscing, nulla dolore velit quis
        accumsan, dolor minim nostrud in ex aliquam praesent duis. Dolor illum nonummy
        facilisis eu tation, ullamcorper odio in iusto ullamcorper molestie duis wisi
        esse ex qui feugiat molestie et.
        </td>
        <td>
        billede
        </td>
        <td>
        Wisi, nisl nisl in diam qui, ut dolore lorem veniam illum duis luptatum vero
        illum, minim, ut ea augue molestie, tincidunt ullamcorper duis aliquip. Nibh
        iusto laoreet eum nisl vel nulla nostrud minim.
        </td>
    </tr>
    </table>
</div>

    <a href="java script:if%20(x%20<%207260)%20{%20x%20=%20x%20+%20570;%20flip(x);%20}">Tilbage</a>
    &nbsp;|&nbsp;
    <a href="java script:if%20(x%20>%201)%20{%20x%20=%20x%20-%20570;%20flip(-x);%20}">Frem</a>
       
</BODY>
</HTML>
Avatar billede para7 Nybegynder
11. januar 2005 - 23:41 #1
Det er ikke fordi jeg er nogen haj til js. Det er noget jeg har strikket sammen.
Avatar billede moocher Nybegynder
12. januar 2005 - 02:05 #2
x = 0 ;
Avatar billede moocher Nybegynder
12. januar 2005 - 07:33 #3
Her kan du se et eksempel der virker

http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp95707.html
Avatar billede para7 Nybegynder
12. januar 2005 - 09:38 #4
Hej moocher.
Jeg ved det har virket, men der var det sat til at styre et andet frame:
parent.Hscroll.scroll(i, 1);
Jeg mangler bare at ramme div'en istedet for framet.
Linket du har lagt viser en udemærket scroller, men den stopper ikke ved klik som et slideshov på næste billede i den horisontale tabel i div'et.
Jeg har prøvet med forskelligt som:
this.Hscroll.scroll(i, 1);
document.Hscroll.scroll(i, 1);
osv.
Andre bud er meget velkomne. Og prøv det selv, det er en fed funktion til slideshow :)
Avatar billede moocher Nybegynder
12. januar 2005 - 09:53 #5
Hvis det skal bruges som slideshow vil jeg foreslå en anden metode, men det bliver ikke lige før 15:30... Skolen kalder
Avatar billede para7 Nybegynder
12. januar 2005 - 10:10 #6
Det lyder godt. Tjek fx localvocal.dk - Lyd og billeder.
Hvis man kunne lave en deceleration, ville det være super og ligne en Flash film.
Avatar billede para7 Nybegynder
12. januar 2005 - 10:11 #7
PS: Frames er noget jeg ikke lave mere pga. søgemaskinerne ikke kan indexere det.
Avatar billede para7 Nybegynder
13. januar 2005 - 15:22 #8
Hej moocher. Sig til hvis du kommer op med noget.
Avatar billede moocher Nybegynder
13. januar 2005 - 16:39 #9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

vises = 1;
antal_billeder = 4;

function skift(x)

{

  if (x == 1)  {
    if (vises < antal_billeder*2-1) { 
      document.getElementById("a" + vises).style.display = 'none';
      document.getElementById("a" + (vises+1)).style.display = 'none';
      vises = vises + 2;
      document.getElementById("a" + vises).style.display = '';
      document.getElementById("a" + (vises+1)).style.display = '';
     
     
  }

  }

  if (x == 2)  {
    if (vises > 1) { 
      document.getElementById("a" + vises).style.display = 'none';
      document.getElementById("a" + (vises+1)).style.display = 'none';
      vises = vises - 2;
      document.getElementById("a" + vises).style.display = '';
      document.getElementById("a" + (vises+1)).style.display = '';
     
     
  }

  }





}

</script>

</head>

<body>
<table height="100" width="*" border="1">
  <tr>
    <td id="a1" width="100" style="display:''">1</td>
    <td id="a2" width="200" style="display:''">1</td>
    <td id="a3" width="100" style="display:none">2</td>
    <td id="a4" width="200" style="display:none">2</td>
    <td id="a5" width="100" style="display:none">3</td>
    <td id="a6" width="200" style="display:none">3</td>
    <td id="a7" width="100" style="display:none">4</td>
    <td id="a8" width="200" style="display:none">4</td>
  </tr>
</table>
<br>
<a href="#" onClick="skift(2)">Venstre</a>
<a href="#" onClick="skift(1)">Højre</a>
</body>
</html>
Avatar billede moocher Nybegynder
13. januar 2005 - 16:40 #10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

vises = 1;
antal_billeder = 4;

function skift(x)

{

  if (x == 1)  {
    if (vises < antal_billeder*2-1) { 
      document.getElementById("a" + vises).style.display = 'none';
      document.getElementById("a" + (vises+1)).style.display = 'none';
      vises = vises + 2;
      document.getElementById("a" + vises).style.display = '';
      document.getElementById("a" + (vises+1)).style.display = '';
     
     
  }

  }

  if (x == 2)  {
    if (vises > 1) { 
      document.getElementById("a" + vises).style.display = 'none';
      document.getElementById("a" + (vises+1)).style.display = 'none';
      vises = vises - 2;
      document.getElementById("a" + vises).style.display = '';
      document.getElementById("a" + (vises+1)).style.display = '';
     
     
  }

  }





}

</script>

</head>

<body>
<table height="100" width="*" border="1">
  <tr>
    <td id="a1" width="100" style="display:''">1</td>
    <td id="a2" width="200" style="display:''">1</td>
    <td id="a3" width="100" style="display:'none'">2</td>
    <td id="a4" width="200" style="display:'none'">2</td>
    <td id="a5" width="100" style="display:'none'">3</td>
    <td id="a6" width="200" style="display:'none'">3</td>
    <td id="a7" width="100" style="display:'none'">4</td>
    <td id="a8" width="200" style="display:'none'">4</td>
  </tr>
</table>
<br>
<a href="#" onClick="skift(2)">Venstre</a>
<a href="#" onClick="skift(1)">Højre</a>
</body>
</html>
Avatar billede para7 Nybegynder
14. januar 2005 - 09:47 #11
Tak moocher. Det er smart at lave det sådan. Det kan godt gå at det kun kører i IE. Det mangler bare slide-Flash-effekten, hvis du kan lave det. Ellers åbner jeg et nyt spm ang. at få stien til mit div i min kode til at virke: this.Hscroll.scroll(i, 1);
Avatar billede moocher Nybegynder
14. januar 2005 - 14:13 #12
Det kan jeg dog ikke hjælpe med
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