Flere scripts på en side
Jeg har følgende to scripts som jeg gerne vil have sat sammen:SCRIPT # 1: Side"menu" - et side vindue der kører ind fra højre. Fundet på: http://www.a-begynder.dk/scripts/javascript/andet/javascript_sidemenu.htm
<html>
<head>
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-154px;
width:160px;
top:170px;
border:1.5px solid #000000;
background-color:#E7E3DB;
layer-background-color:#E7E3DB;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</head>
<body>
<!-- SCRIPT - Sidemenu -->
<script language="JavaScript1.2">
//Script af @-beynder - http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//Scriptet kan frit anvendes, men slet venligst ikke vores reference
/////////////////////////////////////////////////////////
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:-154" onMouseover="pull()" onMouseout="draw()">')
else
document.write('<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">')
var sitems=new Array()
var sitemlinks=new Array()
//Indtast dine linktekster her. Du kan tilføje flere linier efter behov
sitems[0]="Startsiden"
sitems[1]="Hvorfor @-begynder?"
sitems[2]="Se vores scripts"
sitems[3]="Link1"
sitems[4]="Link2"
sitems[5]="Link3"
sitems[6]="Link4"
sitems[7]="Link5"
sitems[8]="Link6"
sitems[9]="Link7"
// Indtast url til dine links her. Disse skal svare overens med linkteksterne herover
sitemlinks[0]="http://www.a-begynder.htm"
sitemlinks[1]="../../scripts.htm"
sitemlinks[2]="../../scripts.htm"
sitemlinks[3]="../../scripts.htm"
sitemlinks[4]="../../scripts.htm"
sitemlinks[5]="../../scripts.htm"
sitemlinks[6]="../../scripts.htm"
sitemlinks[7]="../../scripts.htm"
sitemlinks[8]="../../scripts.htm"
sitemlinks[9]="../../scripts.htm"
// Her kan du definere om links skal åbnes i et andet vindue eller ramme.
// _self svarer til samme ramme. _blank svarer til et nyt vindue.
var target="_blank"
// Her kan du definere hastigheden som menuen glider ind og ud med
udHast=40
indHast=120
///////////////////////////////////////////////////////
///// Du skal ikke ændre noget under denne linie //////
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+' target="'+target+'">'+sitems[i]+'</a><br>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
document.write('</layer>')
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",udHast)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",indHast)
}
function pullengine(){
if (ie4&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if (ns6&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+5
else if( ns4&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (ie4&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if (ns6&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-5
else if(ns4&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
<!-- SCRIPT - Sidemenu - SLUT -->
</body>
</html>
Inden i den side"menu"/vindue vil jeg gerne have menu/script # 2:
(http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm)
<HEAD>
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>
</head>
<Body>
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span>
<img src="about.gif" onclick="SwitchMenu('sub6')"><br>
<span class="submenu" id="sub6">
- <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
- <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
- <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
</span>
</div>
</body>
Jeg har prøvet at sætte dem sammen. Men den brokker sig blot over en fejl. Jeg tror problemet ligger i at jeg har to scripts på samme side. Skal man navngive dem og så henvise eller???
