Søg
Avatar billede bruhnsweb Nybegynder
02. juli 2004 - 15:25 Der er 10 kommentarer

sourcekode til rullende banner

Hej Eksperter

Jeg kan ikke finde det script man bruger når banneret i eks. højre side skal rulle med ned når man scroller :o(

Kan I Hjælpe??

//Bruhn
Avatar billede skovenborg Nybegynder
02. juli 2004 - 21:03 #1
du kan prøve:
window.onscroll = function(e) {
        if (document.documentElement && typeof document.documentElement.scrollTop == "number") {
                elm = document.getElementById("banner");
                elm.style.top = document.documentElement.scrollTop+"px";
        }
  }

<div id="banner" style="position:absolute;right:0px;top:0px"><img src="banner.png" /></div>
Avatar billede bruhnsweb Nybegynder
03. juli 2004 - 11:02 #2
Sådan her??

<script language="JavaScript">
    window.onscroll = function(e) {
        if (document.documentElement && typeof document.documentElement.scrollTop == "number") {
                elm = document.getElementById("banner");
                elm.style.top = document.documentElement.scrollTop+"px";
        }
  }
</script>

For det virker ikke :o(
Avatar billede skovenborg Nybegynder
03. juli 2004 - 12:04 #3
det kan være du har prøvet det i mozilla, hvor det ikke virker nær så godt (dvs. den reagerer ikke på at man bruger musehjulet). Men så ville løsningen istedet være at skrive:
<script language="JavaScript">
    window.onscroll = function(e) {
        if (document.documentElement && typeof document.documentElement.scrollTop == "number") {
                elm = document.getElementById("banner");
                if (elm.style.position != "fixed") {
                elm.style.top = document.documentElement.scrollTop+"px";
                }
        }
  }
</script>
<style type="text/css">
  #banner {
        position:absolute;
        right:0px;
        top:0px
  }
  HTML > BODY #banner {
        position:fixed;
  }
</style>

</head>
<body>
<div id="banner">
<img src="banner.png" /></div>
Avatar billede bruhnsweb Nybegynder
03. juli 2004 - 17:16 #4
Den ruller stadig ikke med ned :o(
Avatar billede skovenborg Nybegynder
03. juli 2004 - 22:00 #5
virker det heller ikke her:
http://www.skovenborg.1go.dk/exp/516243.php

Hvad for en browser bruger du egentlig?
Avatar billede bruhnsweb Nybegynder
04. juli 2004 - 11:15 #6
Jo det virker fint..
Browser: IE 6.0
Avatar billede skovenborg Nybegynder
04. juli 2004 - 15:14 #7
mærkeligt at din så ikke virker. Du skal lige huske at banner-diven ikke skal ligge indeni andre elementer, for ellers kan det godt give lidt problemmer. Men du kan vel prøve at aflure hvordan jeg gør på http://www.skovenborg.1go.dk/exp/516243.php
Avatar billede bruhnsweb Nybegynder
04. juli 2004 - 15:39 #8
Mit problem er at banneret skal køre i en tabel, og ikke bare yderst i højre side. Jeg har derfor lavet placeringen relativ, men så virker det ikke :o(
Avatar billede skovenborg Nybegynder
05. juli 2004 - 00:04 #9
prøv at lægge en div ind i din tabelcelle hvor du vil have banneret - og skriv:
<script language="JavaScript">
    window.onscroll = function(e) {
        if (document.documentElement && typeof document.documentElement.scrollTop == "number") {
                elm = document.getElementById("banner");
                elm.style.top = document.documentElement.scrollTop+"px";
        }
  }
</script>

<td>
<div style="position:relative">
<div id="banner">
<img src="banner.png" /></div>

INDHOLD INDHOLD....
</div>
</td>

og bare drop stylen jeg skrev i 03/07-2004 12:04:16
Avatar billede skovenborg Nybegynder
05. juli 2004 - 00:10 #10
og måske den her virker lidt bedre:
  <script language="JavaScript">
    window.onscroll = function() {
        if (document.documentElement && typeof document.documentElement.scrollTop == "number") {
                elm = document.getElementById("banner");
                elm.style.top = document.documentElement.scrollTop-((document.documentElement.scrollTop > elm.parentNode.offsetTop/2) ? elm.parentNode.offsetTop : 0)+"px";
        }
  }
</script>
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
09/0816:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
White papers
Flere white papers »