Avatar billede michael-k Nybegynder
29. juli 2002 - 22:20 Der er 5 kommentarer og
1 løsning

Rulle tapet (Javascript)

Vil gerne lave et rulle tapet/menu eller hvad man skal kalde det.
Har lavet en lille prøve her i image ready som illustrere sådan nogen lunde hvordan den skal virke.
http://www15.brinkster.com/knudsen77/test.html
Problemet med den er at den gerne skal glide ned istedet for som den ser ud nu.
Hvordan gør man det eller hvis du har et færdigt script jeg kan lege med ville det også være fint.
Hvis det skal laves i image ready skal jeg lave rulle effekten som en animeret gif, og det vil jeg ikke, da jeg ved det kan lade sig gøre i javascript eller rettere håber ;)
Avatar billede sako Nybegynder
29. juli 2002 - 23:54 #1
<head>
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
var adsrc = "./billeder/etellerandetbilleder.gif";
var adlink = '' ;
var feq = 1;
var TimeBeforeShow = 700 ;
var TimeDown = 1500 ;


function BB_Start(){
var xy = getDim(DropDown);
xy.x++;
xy.y++
var kX = xy.x + 247, aY = xy.y - BB_ADD.height, exp=new Date()
onresize=BB_Resize
BB_Clip = BB_ADD.height
var h = '<img src=' + BB_KNAP.src + ' style="position:absolute;cursor:hand;'
h += 'width:' + BB_KNAP.width + 'px;height:' + BB_KNAP.height + 'px;'
h += 'left:' + kX + 'px;top:' + xy.y + 'px" id="BB_A" onclick="BB_Click()">'
h += '<img src=' + BB_ADD.src + ' style="position:absolute;'
h += 'width:' + BB_ADD.width + 'px;height:' + BB_Clip + 'px;'
h += 'clip:rect(' + BB_Clip + ' auto auto auto);'
h += 'left:' + xy.x + 'px;top:' + aY + 'px" id="BB_B">'
document.body.insertAdjacentHTML("beforeEnd",h)
BB_AS = BB_A.style; BB_BS = BB_B.style
setTimeout("if(BB_Dir<0)BB_Click();",TimeBeforeShow)
}

function BB_Click(){
if (BB_Moving)
return;
BB_Dir *= -1
BB_Steps = 0
if (window.BB_Int)
clearInterval(BB_Int)
BB_Moving = true
BB_Int = setInterval("BB_Next()",50)
}
function BB_Next(){
var add = BB_Dir * (++BB_Steps<16 ? 16 : 8)
BB_Clip -= add
BB_BS.clip = 'rect(' + BB_Clip + ' auto auto auto)'
BB_BS.posTop += add
if (BB_Dir<0)
BB_Adjust();
if (BB_Clip<=0 || BB_Clip>=BB_ADD.height){
clearInterval(BB_Int);
setTimeout("BB_Adjust()",50)
if (BB_Dir>0)
setTimeout("BB_Moving = false;BB_Click()",TimeDown);
else
BB_Moving=false;
}
}

function BB_Adjust(){
BB_AS.posTop = BB_B.offsetTop + BB_B.offsetHeight
}

function BB_Resize(){
var xy = getDim(DropDown);
xy.x++;
xy.y++
BB_BS.posLeft = xy.x
BB_AS.posLeft = xy.x + 378
}

function getDim(el){
var rd = {x:el.offsetLeft,y:el.offsetTop}, tEl=el.offsetParent
while (tEl){
rd.x += tEl.offsetLeft
rd.y += tEl.offsetTop
tEl = tEl.offsetParent
}
return rd
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body>
<script>
if (document.all){
BB_ADD = new Image;
BB_ADD.src = adsrc
BB_KNAP = new Image;
BB_KNAP.src = "./billeder/enellerandenknap.gif"
BB_Steps = 0
BB_Moving = false
BB_Dir = -1
onload = BB_Start;
}
</script>
</body>

Har ikke lige testet det men burde virke ;-)
Avatar billede michael-k Nybegynder
30. juli 2002 - 00:20 #2
har prøvet at skifte billede stien så de passer med billederne  men den viser bare hvid skærm :(  hvad gør jeg galt
Avatar billede michael-k Nybegynder
30. juli 2002 - 00:29 #3
har også <html> </html> så det er heller ikke fejlen ;)
Avatar billede michael-k Nybegynder
30. juli 2002 - 00:33 #4
der skulle være en fejl på linje 13  det er den her var xy = getDim(DropDown);
efter html-kit    er ikke inde i javascript så kan ikke se hvad fejlen kan være
Avatar billede Slettet bruger
30. juli 2002 - 11:13 #5
Et forslag:

http://www.friserverplads.dk/phoenixv/rullegardin/index.html

Jeg ved godt, at det ikke er som et rigtigt rullegardin, men hvis det skal være det, så bliver det en smule mere kompliceret!
Avatar billede michael-k Nybegynder
30. juli 2002 - 15:50 #6
lige nøjagtig phoenixv  takker for det :)
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