extern bestand maken?

Status
Niet open voor verdere reacties.
S

soundguy

Gebruiker
Lid geworden
27 okt 2007
Berichten
167
hallo mensen,

ik zou graag devolgende code in een extern bestand willen hebben.
omdat het zo' lang script is...
kan dat met een .js bestand? en hoe doe ik dat dan?
uitleg plz!

dit is de code in <head> en </head>

Code: 
<style type="text/css">

#container {

width:170px;
height:400px;
overflow:hidden;
position: relative;
}

a{color:#0000ff;text-decoration:none;}

a:hover {color:#7b6c4d;text-decoration:none;}

.menu {
color: #ff0000;
font-family: Verdana;
font-size: 10px;
}

#move1{position: absolute;height:1000px;cursor: pointer;}
#move2{position: absolute;height:1000px;cursor: pointer;}

</style>

<script type="text/javascript">

T=1

var bericht=new Array()

bericht[1]='<img src="images/sponsers_0.jpg" width="170" height="50"<br>'
bericht[2]='<a href="http://www.pro-industry.nl/">Pro Industry</a>'
bericht[3]='<br><br>'
bericht[4]='<img src="images/sponsers_1.jpg" width="170" height="50"><br>'
bericht[5]='<a href="http://www.blitzholland.nl">Blitz Holland</a>'
bericht[6]='<br><br>'
bericht[7]='<img src="images/sponsers_2.jpg" width="150" height="75"><br>'
bericht[8]='<a href="http://www.4x4teamdrechtsteden.nl">Mels Montage</a>'
bericht[9]='<br><br>'
bericht[10]='<img src="images/sponsers_6.jpg" width="170" height="50"><br>'
bericht[11]='<a href="http://www.eijck.com">Van Eijck International Car Rescue</a>'
bericht[12]='<br><br>'
bericht[13]='<img src="images/sponsers_4.jpg" width="170" height="60"><br>'
bericht[14]='<a href="http://www.suzisplace.nl">Suzis Place</a>'
bericht[15]='<br><br>'
bericht[16]='<img src="images/sponsers_5.jpg" width="170" height="60"><br>'
bericht[17]='<a href="http://www.autopartsonline.nl">Autoparts Online</a>'
bericht[18]='<br><br>'
bericht[19]='<img src="images/sponsers_0.jpg" width="170" height="50"><br>'
bericht[20]='<a href="http://www.pro-industry.nl/">Pro Industry</a>'
bericht[21]='<br><br>'
bericht[22]='<img src="images/sponsers_1.jpg" width="170" height="50"><br>'
bericht[23]='<a href="http://www.blitzholland.nl">Blitz Holland</a>'
bericht[24]='<br><br>'
bericht[25]='<img src="images/sponsers_3.jpg" width="170" height="50"><br>'
bericht[26]='<a href="http://www.monotherm.nl">Monotherm</a>'
bericht[27]='<br><br>'
bericht=bericht.join("")

document.write('<span id="box" style="position:absolute;left:-1000px;">'+bericht+'<\/span>')

function getProp() {
ys = document.getElementById('box').offsetHeight
ypos = 0
yypos = ys
timerId=setInterval("scroll()",40) }

function scroll() {

document.getElementById('move1').style.top = ypos
ypos > -ys? ypos = ypos-T:ypos = ys
document.getElementById('move2').style.top = yypos
yypos > -ys? yypos = yypos-T:yypos = ys}

function stop() {T = 0}
function start() {T = 1}

</script>

en dit in <body> en </body>
Code: 
<div id="container">

<div id="move1" onMouseOver="stop()"onmouseout="start()">
<script type="text/javascript">
document.write(bericht)</script></div>

<div id="move2" onMouseOver="stop()"onmouseout="start()">
<script type="text/javascript">
document.write(bericht)</script></div>

alvast bedankt

greet soundguy
 
Ja het is inderdaad mogelijk alle javascript elementen in een extern .js bestand te zetten. Deze kun je dan inladen in je pagina met de volgende code:

HTML: 
<script src="[hier de link van je .js file]"></script>

In dit bestand hoef je geen script tags te starten o.i.d. Je kunt je code er rechtstreeks overkopieren. Pas wel op dat je geen HTML in je .js file kopieerd. Je gaat waarschijnlijk wel problemen krijgen met de onload functie. Deze functie kun je ook in je externe javascript bestand starten met de volgende code:

HTML: 
window.onload = function()
{

}
 
erst bedankt voor je reacie!

het onderste stuk dat is gewoon html grotendeels moet dat dan nogsteeds gewoon op de plek waar ik de lijst wiil hebben?
 
Eum je gaat inderdaad een probleem krijgen met je document.write (als ik je vraag goed begrijp). Dat kun je het beste oplossen door ergens een een <div> of <span> neer te zetten, en daar met een innerHTML de waarde in die div te schrijven, bijvoorbeeld:

HTML: 
<div id="content"></div>
<script>
document.getElementById("content").innerHTML = "hier komt je content"
</script>

Zo moet het lukken
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan