Hi!
I am trying to use the same script twice on the same page but don’t know how to make it work. The script makes text scroll in a box. I want two of those textboxes on the same page, but I can only make one of the boxes scroll. The divUp and Downcontrol for both boxes reads the same script, but there are two diffrent ones:
<script language=”JavaScript” src=”js/scroll.js”></script>
<script language=”JavaScript” src=”js/scroll2.js”></script>
I guess I need to change something here to make it work:
<div id=”divUpControl”> <a href=”javascript:;” onMouseOver=”scrollUp(‘1’)” onMouseOut=”stopScroll()”><img src=”bilder/pilupp.gif” width=”7″ height=”32″></a>
</div>
(sorry bad explaining, you probably already have guessed I am a beginner)
this is the html-code for the whole page:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled Document</title>
<script language=”JavaScript”>
function nsBrowFix(){
if(pageWidth!=innerWidth || pageHeight!=innerHeight){
location.reload()
}
}
if(document.layers) {
pageWidth=innerWidth
pageHeight=innerHeight
window.onresize=nsBrowFix
}
</script>
<script language=”JavaScript” src=”js/scroll.js”></script>
<style type=”text/css”>
#divUpControl{
position:absolute;
left:270px;
top:200px;
z-index: 5;
width: 2px;
height: 27px;
}
#divDownControl{
position:absolute;
left:270px;
top:407px;
z-index: 6;
}
#divContainer{
position:absolute;
width:250px;
height:242px;
overflow:hidden;
top:199px;
left:36px;
clip:rect(0 250 242 0);
z-index: 4;
}
#divContent{
position:absolute;
top:0px;
left:0px;
z-index: 1;
}
</style>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<link href=”css/draken.css” rel=”stylesheet” type=”text/css”>
<script language=”JavaScript” type=”text/JavaScript”>
<!–
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==”Netscape”)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//–>
</script>
<script language=”JavaScript” src=”js/scroll2.js”></script>
<style type=”text/css”>
#divUpControl2{
position:absolute;
left:468px;
top:200px;
z-index: 5;
width: 2px;
height: 27px;
}
#divDownControl2{
position:absolute;
left:468px;
top:407px;
z-index: 6;
}
#divContainer2{
position:absolute;
width:250px;
height:242px;
overflow:hidden;
top:50px;
left:318px;
clip:rect(0 250 242 0);
z-index: 4;
}
#divContent2{
position:absolute;
top:0px;
left:0px;
z-index: 1;
}
</style>
</head>
<body onLoad=”createObj();”>
<!– begin absolutely positioned scrollable area object–>
<div id=”divUpControl”> <a href=”javascript:;” onMouseOver=”scrollUp(‘1’)” onMouseOut=”stopScroll()”><img src=”bilder/pilupp.gif” width=”7″ height=”32″></a>
</div>
<div id=”divDownControl”> <a href=”javascript:;” onMouseOver=”scrollDown(‘1’)” onMouseOut=”stopScroll()”><img src=”bilder/pilner.gif” width=”7″ height=”32″></a>
</div>
<div id=”divContainer”>
<div id=”divContent”>
<p align=”left” class=”loptext”><span class=”loptextfet”>Svenska dramatiker:<br>
</span><br>
<span class=”meny”>Klas Abrahamsson<br>
Maria Blom<br>
My Bodell<br>
Gunilla Boëthius<br>
Eva Brise<br>
Lucia Cajchanová<br>
Lars Forssell<br>
Marianne Goldman<br>
Anders Hasselgren<br>
Mats Kjelbye<br>
Daniela Kullman<br>
Gertrud Larsson<br>
Håkan Lindhé<br>
Jonathan Metzger<br>
Martin Montelius<br>
Sven Nordqvist<br>
Lars Norén<br>
Christina Ouzounidis<br>
Cecilia Parkert<br>
Kristian Petri<br>
Niklas Rådström<br>
Kjell Sundstedt<br>
Thomas Tidholm<br>
Frans van Hal<br>
Mats Wahl<br>
Monica Wilderoth</span><br>
<br>
<span class=”loptextfet”>Utländska dramatiker:<br>
</span><br>
<span class=”meny”>Jon Átli Jonasson</span><br>
<br>
<span class=”loptextfet”>Översättare:</span><br>
<br>
<span class=”meny”>Gabriella Berggren<br>
Magnus Nordén</span></p>
</div>
</div>
<div id=”divUpControl2″> <a href=”javascript:;” onMouseOver=”scrollUp(‘1’)” onMouseOut=”stopScroll()”><img src=”bilder/pilupp2.gif” width=”7″ height=”32″></a>
</div>
<div id=”divDownControl2″> <a href=”javascript:;” onMouseOver=”scrollDown(‘1’)” onMouseOut=”stopScroll()”><img src=”bilder/pilner2.gif” width=”7″ height=”32″></a>
</div>
<div id=”divContainer2″>
<div id=”divContent2″>
<p align=”left” class=”loptext”><span class=”loptextfet”>Svenska dramatiker:<br>
</span><br>
<span class=”meny”>Klas Abrahamsson<br>
Maria Blom<br>
My Bodell<br>
Gunilla Boëthius<br>
Eva Brise<br>
Lucia Cajchanová<br>
Lars Forssell<br>
Marianne Goldman<br>
Anders Hasselgren<br>
Mats Kjelbye<br>
Daniela Kullman<br>
Gertrud Larsson<br>
Håkan Lindhé<br>
Jonathan Metzger<br>
Martin Montelius<br>
Sven Nordqvist<br>
Lars Norén<br>
Christina Ouzounidis<br>
Cecilia Parkert<br>
Kristian Petri<br>
Niklas Rådström<br>
Kjell Sundstedt<br>
Thomas Tidholm<br>
Frans van Hal<br>
Mats Wahl<br>
Monica Wilderoth</span><br>
<br>
<span class=”loptextfet”>Utländska dramatiker:<br>
</span><br>
<span class=”meny”>Jon Átli Jonasson</span><br>
<br>
<span class=”loptextfet”>Översättare:</span><br>
<br>
<span class=”meny”>Gabriella Berggren<br>
Magnus Nordén</span></p>
</div>
</div>
</body>
</html>