Notifikationer

Markér alle som læst Log ud

c-sharp Nybegynder

12. oktober 2007 - 14:15 Der er 4 kommentarer og
1 løsning

Scroll x antal pixel af gangen ved tryk på knap

Er det muligt at lave et område på en side hvor man kan scrolle x antal pixels af gangen ved at trykke på knapper op og ned?

Eks. En div med overflow der er fyldt med billeder. Den viser så 2 billeder når man så trykke på knappen ned viser den de 2 mæste osv.

Synes godt om

kalp Novice

12. oktober 2007 - 15:50 #1

Here you go:)

Dette er dog tilpasset mine billeder, som jeg lavede til test, men du kan nok finde ud af hvordan det passer til dine;)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function GoDown()
{
document.getElementById("kalpsDiv").scrollTop += 150;
}

function GoUp()
{
document.getElementById("kalpsDiv").scrollTop -= 150;
}
</script>
</head>
<body>
<input name="GoDown" onclick="GoDown();" type="button" value="GoDown" /><input name="GoUp" onclick="GoUp();" type="button" value="GoUp" />
<div id="kalpsDiv" style="width:150px;height:200px;overflow:auto;">
<img src="1.gif" alt="picone" />
<br /><br /><br /><br /><br /><br /><br />
<img src="2.gif" alt="picone" />
<br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br />
</div>
</body>
</html>

Synes godt om

c-sharp Nybegynder

15. oktober 2007 - 06:58 #2

Hej kalp tusind tak for dit svar!

Er det på nogen måde muligt at fjerne scrollbaren fra din løsning?

Synes godt om

kalp Novice

15. oktober 2007 - 08:43 #3

ja bare fjern

overflow:auto

:)

Synes godt om

c-sharp Nybegynder

15. oktober 2007 - 11:32 #4

Fandt jeg også ud af :~)
Endnu en gang tak!

Synes godt om

kalp Novice

15. oktober 2007 - 11:49 #5

ingen årsag:)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS