nicht angemeldet
Schlefen
MOin zusammen!
Der Code bei mir ist viel zu lang! kann man hier (in den ersten teil) etwas verkürzen? (www.bunzl.de) ps: ich weiss...ist sehr vile code. Ich bedanke mich in vorraus!!!
Alex
-------TEIL1-------
<script language="JavaScript" type="text/javascript"> <!-- function show() { for(i=1;i<=17;i++)
{ document.getElementById([i]).style.visibility = "hidden"; } } function show1() {
for(i=1;i<=17;i++)
{ document.getElementById([i]).style.visibility = "hidden"; } document.getElementById("1").style.visibility = "visible"; document.getElementById("2").style.visibility = "visible"; document.getElementById("3").style.visibility = "visible";
} function show2() { for(i=1;i<=17;i++) {document.getElementById([i]).style.visibility = "hidden";}
document.getElementById("4").style.visibility = "visible"; document.getElementById("5").style.visibility = "visible"; document.getElementById("6").style.visibility = "visible"; document.getElementById("7").style.visibility = "visible"; document.getElementById("8").style.visibility = "visible"; document.getElementById("9").style.visibility = "visible"; document.getElementById("10").style.visibility = "visible"; } function show3() { for(i=1;i<=17;i++) {document.getElementById([i]).style.visibility = "hidden";}
document.getElementById("11").style.visibility = "visible"; document.getElementById("12").style.visibility = "visible"; document.getElementById("13").style.visibility = "visible"; } function show4() { for(i=1;i<=17;i++) {document.getElementById([i]).style.visibility = "hidden";}
document.getElementById("14").style.visibility = "visible"; document.getElementById("15").style.visibility = "visible"; document.getElementById("16").style.visibility = "visible"; document.getElementById("17").style.visibility = "visible"; }
function bewegen() {
document.getElementById(41).style.top = '200px'; document.getElementById(42).style.top = '223px'; document.getElementById(43).style.top = '246px'; document.getElementById(44).style.top = '271px'; document.getElementById(45).style.top = '294px'; }
function bewegen1() {
document.getElementById(41).style.top = '158px'; document.getElementById(42).style.top = '181px'; document.getElementById(43).style.top = '204px'; document.getElementById(44).style.top = '227px'; document.getElementById(45).style.top = '250px'; }
function bewegen2() {
document.getElementById(42).style.top = '271px'; document.getElementById(43).style.top = '294px'; document.getElementById(44).style.top = '317px'; document.getElementById(45).style.top = '340px'; }
function bewegen3() {
document.getElementById(43).style.top = '244px'; document.getElementById(44).style.top = '267px'; document.getElementById(45).style.top = '290px'; }
function bewegen4() {
document.getElementById(44).style.top = '282px'; document.getElementById(45).style.top = '305px'; } //--> </script>
----------TEIL2-------
<!-- ID's : 1-17 Untermenues; 39-45 Hauptmenues -->
<style> body { margin: 0; } #39{Z-INDEX:2;left:5px;POSITION:absolute; TOP:112px;} #40{Z-INDEX:1;left:5px;POSITION:absolute; TOP:135px; } #41{Z-INDEX:3;left:5px; POSITION:absolute; TOP:158px;} #42{Z-INDEX:4;left:5px; POSITION:absolute; TOP:181px} #43{Z-INDEX:5;left:5px;POSITION:absolute;TOP:204px} #44{Z-INDEX:6;left:5px; POSITION:absolute; TOP:227px;} #45{Z-INDEX:7;left:5px;POSITION:absolute;TOP:250px;} </style></head> <body BGColor="#000066" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" background="bg-navbar.gif" onLoad="MM_preloadImages('../NAVIGATION/gfx/button_left_over.gif','maw_link_over.gif')"> <LINK href="../CSS_ORDNER/bunzl_css.css" type="text/css" rel="stylesheet"> <DIV> <div id="39"> <A id="18" class="NAVI_LINKS" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','../NAVIGATION/gfx/button_left_over.gif',1)"onclick="javascript:show();javascript:bewegen1()" href="../ALLE_HTMLS/START/start.html"target="mainFrame"> <IMG id="Img2" height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0"name="Image31"> HOME</A> </div> <div id="40"><p style="LINE-HEIGHT:10.5pt"> <A id="19" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../NAVIGATION/gfx/button_left_over.gif',1)"class="NAVI_LINKS" href="javascript:show1();javascript:bewegen()"> <IMG id="IMG1" height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0"name="Image4"> UNTERNEHMEN</A> <br> <A href="../ALLE_HTMLS/UNTERNEHMEN/struktur/struktur.html" onclick="BildWechseln(1)"target="mainFrame" id="1" style="VISIBILITY: hidden" class="UnterMenue">Struktur</A><br> <A href="../ALLE_HTMLS/UNTERNEHMEN/philosophie/philosophie.html" onclick="BildWechseln(1)"target="mainFrame" id="2" style="VISIBILITY: hidden" class="UnterMenue">Philosophie</A><br> <A href="../ALLE_HTMLS/UNTERNEHMEN/kompetenz/kompetenz.html" onclick="BildWechseln(1)"id="3" target="mainFrame" style="VISIBILITY: hidden" class="UnterMenue">Kompetenz</A> </p></div> <div id="41"><p style="LINE-HEIGHT:9.5pt"> <A id="20" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4113','','../NAVIGATION/gfx/button_left_over.gif',1)"onmouseout="MM_swapImgRestore()" href="javascript:show2();javascript:bewegen1();javascript:bewegen2()"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4113"> BRANCHEN </A> <br> <A class="UnterMenue" id="4" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/restaurants/restaurants.html"target="mainFrame">Restaurants</A><br> <A class="UnterMenue" id="5" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/baecker_metzger/baecker.html"target="mainFrame">Bäcker</A><br> <A class="UnterMenue" id="6" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/baecker_metzger/metzger.html"target="mainFrame">Metzger</A><br> <A class="UnterMenue" id="7" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/hotels/hotels.html"target="mainFrame">Hotels</A><br> <A class="UnterMenue" id="8" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/catering_kantinen/catering_cantinen.html"target="mainFrame">Catering|Kantinen</A><br> <A class="UnterMenue" id="9" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/krankenhauser/krankenhauser.html"target="mainFrame">Krankenhäuser</A><br> <A class="UnterMenue" id="10" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/BRANCHEN/supermaerkte/supermaerkte.html" target="mainFrame">Supermärkte</A> </p></div> <div id="42"><p style="LINE-HEIGHT:10.5pt"> <A id="21" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4313','','../NAVIGATION/gfx/button_left_over.gif',1)"onmouseout="MM_swapImgRestore()" href="javascript:show3();javascript:bewegen1(); javascript:bewegen3()"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4313"> SERVICE</A> <br> <A class="UnterMenue" id="11" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/SERVICE/beratung/beratung.html" target="mainFrame">Beratung</A><br> <A class="UnterMenue" id="12" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/SERVICE/planung/planung.html" target="mainFrame">Planung</A><br> <A class="UnterMenue" id="13" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/SERVICE/versand/versand.html" target="mainFrame">Versand</A> </p></div> <DIV id="43"><p style="LINE-HEIGHT:10.5pt"> <A id="22" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4513','','../NAVIGATION/gfx/button_left_over.gif',1)"onmouseout="MM_swapImgRestore()" href="javascript:show4();javascript:bewegen1();javascript:bewegen4()"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4513"> PRODUKTE</A><br>
<A class="UnterMenue" id="14" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/PRODUKTE/tischdekoration/produkte_tischdekoration.html" target="mainFrame">Tischdekoration</A>
<A class="UnterMenue" id="15" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/PRODUKTE/frischhalteprodukt/produkte_frischhalteproduk.html" target="mainFrame">Frischhalteprodukte</A>
<A class="UnterMenue" id="16" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/PRODUKTE/einwegverpackung/produkte_einwegverpack.html" target="mainFrame">Einwegverpackungen</A><br>
<A class="UnterMenue" id="17" style="VISIBILITY: hidden" onclick="BildWechseln(1)"href="../ALLE_HTMLS/PRODUKTE/hygiene/produkte_hygiene.html" target="mainFrame">Hygiene</A> </p> </DIV> <div id="44"> <A id="23" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4713','','../NAVIGATION/gfx/button_left_over.gif',1)"onclick="javascript:show();;javascript:bewegen1()" onmouseout="MM_swapImgRestore()" href="../ALLE_HTMLS/KONTAKT/kontakt.html"target="mainFrame"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4713"> KONTAKT</A> </div> <div id="45"> <A id="24" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4814','','../NAVIGATION/gfx/button_left_over.gif',1)"onclick="javascript:show();;javascript:bewegen1()" onmouseout="MM_swapImgRestore()" href="../ALLE_HTMLS/IMPRESSUM/impressum.html"target="mainFrame"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4814"> IMPRESSUM</A> </div> </DIV>
-
hi,
Der Code bei mir ist viel zu lang! kann man hier (in den ersten teil) etwas verkürzen?
ja.
btw: IDs, die nur aus ziffern bestehen, bzw. mit einer ziffer anfangen, sind immer noch keine gültigen!
gruss,
wahsaga-
btw: IDs, die nur aus ziffern bestehen, bzw. mit einer ziffer anfangen, sind immer noch keine gültigen!
aber wenn ich sie mit wörtenrt bennene kann ich sie dann noch in eine schleife einsetzen? oder was meinst du damit?
Bin ein Anfänger :) arbeite seit 5 tagen damit :)-
hi,
btw: IDs, die nur aus ziffern bestehen, bzw. mit einer ziffer anfangen, sind immer noch keine gültigen!
aber wenn ich sie mit wörtenrt bennene kann ich sie dann noch in eine schleife einsetzen? oder was meinst du damit?ich meine damit, dass dieser wert für das attribut id einfach nicht gültig ist.
in einer schleife kannst du sie natürlich trotzdem einsetzen.
1. du kannst den zahlenwerten der IDs z.b. einen bbuchstaben vorsetzen; damit hätten sie schonmal einen gültigen wert. anschliessend baust du dir in deiner schleif aus dem buchstaben und dem wert deiner zählvariable die jeweilige id zusammen, bevor du darauf zugreifst.
2. es gibt im DOM auch noch andere arten des zugriffs, als über die ID.gruss,
wahsaga-
danke sehr!
mfg, Alex
-
-
-