Avatar billede mik Nybegynder
12. april 2005 - 00:42 Der er 19 kommentarer og
1 løsning

Object/billede der flytter sig når siden er åben

Er der nogen der ligger inde med et script der får eks. et billede til at flytte sig fra venste til højre i bunden af siden. Når det forsvinder i højre side skal det komme ind fra venstre igen. Scriptet skal køre på en asp side. Se www.fynbus.dk som eksempel. Jeg har ledt på nettet efter et script der kan det samme, men desværre uden held.
Avatar billede busschou Praktikant
12. april 2005 - 06:58 #1
Bussen er bare et billede fra
http://www.fynbus.dk/grafik/movebus.gif
Den ligger i en div i bunden som med ID = blockDiv
Tag et kig i kilden på siden så finder du følgende:
--------------
<script LANGUAGE="Javascript">
<!--//
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
    if (ns4) block = document.blockDiv
    if (ie4) block = blockDiv.style
    block.xpos = parseInt(block.left)
    if (ns4) block.top = window.innerHeight-66;
    if (ie4) block.top = document.body.clientHeight-50;
}

function slide() {
    if (ns4) bred = window.innerWidth;
    if (ie4) bred = document.body.clientWidth;
    if (block.xpos < bred) {
        block.xpos += 3
        block.left = block.xpos
        setTimeout("slide()",10)
}
    else
    {
    restart()   
    slide()
    }
}

function restart() {
    block.xpos = -200
    block.left = block.xpos
    if (ns4) block.top = window.innerHeight-66;
    if (ie4) block.top = document.body.clientHeight-50;
}

function moveTo(obj,x,y) {
    obj.xpos = x
    obj.ypos = y
    obj.left = obj.xpos
    obj.top = obj.ypos
}
Avatar billede busschou Praktikant
12. april 2005 - 06:59 #2
Så det vil jeg tro du kan bruge.. kig evt selv i deres kilde
Eneste problem er at deres side ikke virker i Firefox
Avatar billede mik Nybegynder
12. april 2005 - 10:05 #3
Har jeg forstået det rigtig, hvis det er nedenstående kode. Det virker ikke helt :-(

-----------------------
<html>
<head>

<script LANGUAGE="Javascript">
<!--//
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
    if (ns4) block = document.blockDiv
    if (ie4) block = blockDiv.style
    block.xpos = parseInt(block.left)
    if (ns4) block.top = window.innerHeight-66;
    if (ie4) block.top = document.body.clientHeight-50;
}

function slide() {
    if (ns4) bred = window.innerWidth;
    if (ie4) bred = document.body.clientWidth;
    if (block.xpos < bred) {
        block.xpos += 3
        block.left = block.xpos
        setTimeout("slide()",10)
}
    else
    {
    restart()   
    slide()
    }
}

function restart() {
    block.xpos = -200
    block.left = block.xpos
    if (ns4) block.top = window.innerHeight-66;
    if (ie4) block.top = document.body.clientHeight-50;
}

function moveTo(obj,x,y) {
    obj.xpos = x
    obj.ypos = y
    obj.left = obj.xpos
    obj.top = obj.ypos
}
</head>

<body ONLOAD="init();">


<DIV ID="blockDiv" STYLE="position:absolute; left:-200; top: -1; width:193;">
<IMG SRC="movebus.gif" WIDTH=193 HEIGHT=50 BORDER=0>
</DIV>


</body>
</html>
Avatar billede busschou Praktikant
12. april 2005 - 10:13 #4
du mangler i alt fald en </script>
Avatar billede busschou Praktikant
12. april 2005 - 10:21 #5
der mangler vist også noget af koden for at den sættes til at slide
Prøver lige at kigge på kilden igen
Men ellers prøv kopiere noget mere af deres kilde
Der er jo ingen copyright tekst på så den kan kopieres frit
Avatar billede busschou Praktikant
12. april 2005 - 10:28 #6
Ja
De har en funktion som henter billederne ind og derefter kalder Init() og Slide()
Så prøv i din onload at kalde først Init og så Slide
Så burde Slide derefter selv køre
Avatar billede mik Nybegynder
12. april 2005 - 11:04 #7
Det ser rigtig godt ud, hvis man tilføjer noget til body onload, bliver det endnu bedre....

<body ONLOAD="init();slide();" style="overflow-x:hidden;overflow-y:scroll;">

Har du en ide til hvad man skal gøre for at få den til at køre lidt mere jævn..
Avatar billede busschou Praktikant
12. april 2005 - 11:05 #8
har du et link så jeg kan se hvordan den kører?
Avatar billede busschou Praktikant
12. april 2005 - 11:13 #9
Men ellers så kan du jo forsøge rette i de to linjer her
------
block.xpos += 3
setTimeout("slide()",10)
------
Den ene siger jo hvor meget positionen skal ændres
Den anden siger hvor længe der skal gå før den "slider" videre
Avatar billede mik Nybegynder
12. april 2005 - 11:23 #10
Dem har jeg prøvet at fidle med, men det giver ikke meget, men måske det bare skal være sådan.

http://www.1otterup.dk/test/
Avatar billede busschou Praktikant
12. april 2005 - 13:33 #11
kan ikke se den...den kommer med en 404 fejl
Avatar billede mik Nybegynder
12. april 2005 - 13:36 #12
Den ligger der nu :-)
Avatar billede busschou Praktikant
12. april 2005 - 13:43 #13
Den kører rimelig flydende.. De "stop" den laver af og til ved jeg ikke hvorfor den gør. Det gør den også på den anden side
Men igen skal du lige vide at den slet ikke ses i firefox
Avatar billede mik Nybegynder
12. april 2005 - 13:51 #14
Jamen bare at resten af siden ses.

Fik du menuen til at køre. Jeg begriber ikke helt det der med style på et aktivt link...
Avatar billede busschou Praktikant
12. april 2005 - 13:53 #15
hvad med style?..er ikke helt med?
Avatar billede mik Nybegynder
12. april 2005 - 14:01 #16
For at markerer et aktivt link har jeg brugt style (a:active). Og menupunktet skifter også farve når det er aktivt, men hvis du klikker i en anden ramme så er det ikke aktivt længere. Det forstår jeg godt, men kan det ikke lade sig gøre at den vises aktivt indtil der bliver klikket på noget andet i menu'en. Jeg ved godt det er uden for dette spørgsmål, men jeg er villig til at lave et nyt. :-)
Avatar billede busschou Praktikant
12. april 2005 - 14:08 #17
prøver lige at kigge på det
Men kan også se at den funktion ikke virker i firefox.
Jeg ved ikke hvor meget du tænker over sådan noget med om det virker det ene eller andet sted
Men overvej evt at validere dine sider :o)
Avatar billede busschou Praktikant
12. april 2005 - 14:10 #18
Det er denne her du bruger ikke?
-----
A.menufab::active  {
    font-weight : bold;
        color:#FFFF00
}
---
Bør nok uanset om det hjælper eller ej kun indeholde et kolon mon ikke?
-----
A.menufab:active  {
    font-weight : bold;
        color:#FFFF00
}
---
Avatar billede busschou Praktikant
12. april 2005 - 14:18 #19
hmm må nok ærligt sige at det tror jeg ikke du kan klare i css
For når man klikker et andet sted så er linket vel egentlig ikke aktivt mere?
Måske kan det klares i javascript men jeg ved ikke hvor nemt heller når du har den dersens folde ud funktion
desværre
Avatar billede mik Nybegynder
12. april 2005 - 14:50 #20
Okay det er bare i orden busschou, du har gjort et stort stykke arbejde. Jeg støder nok på et eller andet en dag.
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
Kurser inden for grundlæggende programmering

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