JS Navi extern einbinden?

James2000 · 14.05.2009

Hilfe! Ich bin grade ziemlich blöööd!

Moin erstmal.

Also mein Problem ist, das ich eine Navi komplett in JavaScript habe. So! Die habe ich schonmal. Jetzt habe ich duzende Seiten. Viel ich weiß, ist auch viel Inhalt zu verarbeiten.

Wenn nun die Navi geändert werden muss, will ich das nicht duzende male machen. OUTSOURCING!!! Nur wie? Wie schaffe ich es:

1. Die Seite weis: Es gitb JavaScript!
2. DA ist die Javascriptdatei "ausgelagert"!
3. HIER soll sie "abgespielt" werden!

Kann mir da jemand helfen? Entweder sagen was zu tun ist oder ein hilfreicher Link?

Ich habe schon das Forum durchstöbert und das ein oder andere Tutorial durchgelesen, aber finde irgendwie keine Lösung. Ich nenne sowas meistens auch Situationsblind! Wie gesagt: Bin grade ziemlich blöööd!

Danke schonmal!

Christian · 14.05.2009

AW: JS Navi extern einbinden?

Um Dir in einer gewissen Weise helfen zu können müssen wir am Besten den Quelltext sehen können um bspw. feststellen zu können, ob sich die Navigation in Abhängigkeit der parentNode aufbaut.
Falls nicht reicht es wenn Du den Inhalt zwischen <script></script> in eine JS Datei legst, und diese dann über

Code:

<script type="text/Javascript" src="meineDatei.js"></script>

aufrufst.
I.d.R. muss aber mehr beachtet werden, daher möchten wir Dich bitten den Quelltext zu posten

Christian

FlashSoft · 15.05.2009

AW: JS Navi extern einbinden?

Welches JavaScrip?

Das müssen wir doch wissen, ansonnsten kann dir keiner Helfen. Ist es ein fertiges Script, oder ist es eins, was du selber geschrieben hast.

Ist es schon fertig. Da sind genügend Leute da, die damit schon zu tun gehabst haben.

Ist das Script deine. Dann ist halt das Problem, wir können dir da nicht helfen. Sie auch mal in den Regeln nach.

FlashSoft

James2000 · 15.05.2009

AW: JS Navi extern einbinden?

Also das Script habe irgendwo gefunden und halt angepasst. Hier meien JavaScript

// JavaScript Document
<script type="text/javascript">
var persistmenu="yes"
var persisttype="sitewide"

if (document.getElementById){
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");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar.className=="submenu")
ar.style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
</head>

<body>

<div id="masterdiv">

<div class="menutitle" onClick="SwitchMenu('sub1')">Menue 1</div>
<div align="center"><span class="submenu" id="sub1">
<a href="sub1-1.html">Sub 1</a><br>
<a href="sub1-2.html">Sub 2</a><br>
</span>

</div>
<div class="menutitle" onClick="SwitchMenu('sub2')">Menue 2</div>
<div align="center"><span class="submenu" id="sub2">
<a href="sub1-1.html">Sub 1</a><br>
</span>

</div>

Vielleicht hilft das weiter?