Avatar billede crude Nybegynder
29. april 2002 - 14:50 Der er 6 kommentarer og
1 løsning

ScrollWindow

Hej,
Jeg har et problem med koder som jeg har downloadet hos dansteinman.com

Her er de:


<html>
<head>
<title>DynAPI Examples - ScrollWindow Demo [inline multiple blocks]</title>
<script language="JavaScript" src="C:/unzipped/dynapi-19991024[1]/dynapi/js/dynlayer.js"></script>
<script language="JavaScript" src="C:/unzipped/dynapi-19991024[1]/dynapi/js/scrollwindow.js"></script>
<script language="JavaScript">
<!--

function init() {
    mywin.activate()
}

mywin = new ScrollWindow(200,50,200,200)
mywin.inlineBlocks = 4
mywin.build()

writeCSS(
mywin.css
)

//-->
</script>
<style>
#ScrollWindow0Block0 {z-index:2;}
#ScrollWindow0Block1 {z-index:3;}
#ScrollWindow0Block2 {z-index:4;}
#ScrollWindow0Block3 {z-index:5;}

</style>
</head>

<body background="c:/dokumenter/minewebsteder/hjemmeside/billeder/pinkfloydbaggrund.jpg" onload="init()">




<a href="java script://" onMouseOver="mywin.up(); return false" onMouseOut="mywin.stop()">up</a>
<br><a href="java script://" onMouseOver="mywin.down(); return false" onMouseOut="mywin.stop()">down</a>

<p><a href="java script:mywin.showBlock(0)">show block 0</a>
<br><a href="java script:mywin.showBlock(1)">show block 1</a>
<br><a href="java script:mywin.showBlock(2)">show block 2</a>
<br><a href="java script:mywin.showBlock(3)">show block 3</a>

<script language="JavaScript">
document.write(mywin.divStart)
</script>

<div id="ScrollWindow0Block0">
<p>This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0.
<p>This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0.
<p>This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0.
<p>This is block 0. This is block 0. This is block 0. This is block 0. This is block 0. This is block 0.
</div>

<div id="ScrollWindow0Block1">
<p>This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1.
<p>This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1. This is block 1
</div>

<div id="ScrollWindow0Block2">
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2.
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2.
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2.
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2.
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2.
<p>This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2. This is block 2
</div>

<div id="ScrollWindow0Block3">
<p>This is block 3. This is block 3. This is block 3. This is block 3. This is block 3. This is block 3.
</div>

<script language="JavaScript">
document.write(mywin.divEnd)
</script>


<img src="c:/dokumenter/minewebsteder/hjemmeside/billeder/pinkfloyd_baggrund_info.jpg" STYLE="position:absolute; top:40; left:190; z-index:1;"/>

</body>
</html>



Her slutter den. problemet er at billedet skal ligge som baggrund til scrollwinduet, men det er ikke lykkedes så godt. Så hjælppp (gerne i dag).

Hilsen Kasper
Avatar billede lerchedahl Nybegynder
29. april 2002 - 14:59 #1
så læg billedet ind som baggrund i dine div'er...

...
<div id="ScrollWindow0Block0" style="background: url(c:/dokumenter/minewebsteder/hjemmeside/billeder/pinkfloydbaggrund.jpg);">
...

du skal naturligvis indsætte det på alle div'erne...

/lerchedahl
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:01 #2
det ville måske nok være bedre at skrive det i dit stylesheet...:

<style>
#ScrollWindow0Block0 {z-index:2; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block1 {z-index:3;; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block2 {z-index:4;; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block3 {z-index:5;; background: url(pinkfloydbaggrund.jpg);}

</style>
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:02 #3
hov! alt for mange semikolonner, hehe

sådan her:

<style>
#ScrollWindow0Block0 {z-index:2; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block1 {z-index:3; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block2 {z-index:4; background: url(pinkfloydbaggrund.jpg);}
#ScrollWindow0Block3 {z-index:5; background: url(pinkfloydbaggrund.jpg);}
</style>
Avatar billede crude Nybegynder
29. april 2002 - 15:08 #4
Hvad nu hvis man gerne ville have noget af det uden for vinduet?
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:16 #5
hvad mener du?

vil du have billedet som baggrund på selve siden, eller som baggrund i de bokse du henter ind på siden?
Avatar billede crude Nybegynder
29. april 2002 - 15:29 #6
Har fundet ud af det! tak!
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:31 #7
ingen årsag, takker for point :o)
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