Problem mit Menüscript - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Problem mit Menüscript

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Problem mit Menüscript

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von McWitty am 15.02.2006 - 01:34

Ich habe ein klasse Menü gefunden, das ich gerne verwenden möchte. Leider scrollt das erste Untermenü vertikal nach rechts und ich bräuchte es unter dem Button, da ich die Buttons nebeneinander setzen möchte. Alle weiteren Untermenüs sollen auch weiterhin rechts herausscrollen.
Kann mir einer sagen, was ich im Code ändern müßte, damit das erste Menü direkt unter dem Button nach unten scrollt?

Hier ist der Link zu der Seite mit dem Script

http://simplythebest.net/scripts/DH...._114a.html

Vielen Dank im voraus

McWitty

P.S.: Klasse Page habt ihr hier, nur schade, das man die über Google nicht so schnell findet. Habe sie über 1000 Verlinkungen gefunden. Eigentlich schade, da man Seiten mit einem weitaus geringeren Angebot schneller findet als eure, die super sortiert ist.

geschrieben von Patrick am 15.02.2006 - 17:39

bitte Frage direkt bei Simplythebest.net nach...

geschrieben von McWitty am 15.02.2006 - 20:11

Okay, auf die Idee bin ich sicher auch schon gekommen. Du wirst aber bestimmt bemerkt haben, das es sich dabei um eine rein englisch sprachige Seite handelt. Ich bin zwar in der Lage englisch gut genug zu verstehen um einfache Anleitungen für mich zu übersetzen (zumindestens so, das ich etwas einbauen kann), aber für eine Anfrage nach einer speziellen Sache reicht es wohl nicht.
Eigentlich hatte ich gehofft, das man auch Hilfe bekommt, wenn es sich um ein "fremdes" Script handelt. Konnte ja nicht ahnen, das ihr nur für die Scripte Hilfe anbietet, die auf eurer Page zu bekommen sind.

Danke

P.S.:
Habe grade trotzdem versucht dort eine Anfrage zu stellen, aber leider gibt es dort nicht mal ein Forum oder irgendeinen anderen Support.
Aber nochmals danke für den tollen Tipp!!

geschrieben von weisnix am 15.02.2006 - 20:40

Hallo,

ganz habe ich das nicht verstanden?

Was soll nebeneinander und was dann untereinander?

Gruß

geschrieben von McWitty am 15.02.2006 - 20:57

Also, die MouseOverButtons möchte ich nebeneinander haben anstatt untereinander so wie dort in der Demo. Aus diesem Grund wäre es praktischer, wenn das jeweils zugehörige Menü unter dem Button und nicht neben dem Button herausscrollt. Die weiteren herausscrollenden Submenüs können auch weiterhin nach rechts herausfahren.
Wäre schön, wenn mir da doch jemand mit helfen könnte. Ich habe ja auch einige Sachen von euch, nur die passen gleich und ich brauche sie nicht weiter anpassen.

Vielen Dank

McWitty

geschrieben von weisnix am 15.02.2006 - 21:10

Dann gehts los:

Die Buttons nebeneinander wird wohl kein großes Problem darstellen.

Die Zelle auf 100% stellen und alle <br> entfernen!

Wenn du das hast, dann schau dir das Menü an. Bevor wir die Submenüs anpassen. Nicht das es zentriert sein muss.

geschrieben von McWitty am 15.02.2006 - 23:01

Okay, mit den Buttons ist kein Problem. Aber irgendwie verstehe ich jetzt den Rest nicht ganz

. Das Menü sollte dann ja zentriert nach unten, unterhalb des Buttons, aufgehen und die weiteren Submenüs nach rechts. Ich dachte mir das so ähnlich wie hier:
http://amerikas-army.planet-multiplayer.de/army/
bei den Buttons "Community" "Filebase" "GameInfo" "Impressum", nur das es halt Submenüs gibt und diese sollen dann nach rechts herausfahren (wie im Script bisher auch).

geschrieben von weisnix am 16.02.2006 - 00:50

Eins ums andere!

Die Tabelle mit den Buttons müsste jetzt in etwa so aussehen.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:

<!-- Rollover buttons -->
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR vAlign=top>
    <TD width=100% align="center">
      <A onmouseover="swapImage('Button1','','button1_on.gif',1);ypSlideOutMenu.showMenu('menu1');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu1');" href="#"><IMG height=22 src="button1.gif" width=150 border=0 name=Button1></A>
      <A onmouseover="swapImage('Button2','','button2_on.gif',1);ypSlideOutMenu.showMenu('menu2');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu2');" href="#"><IMG height=22 src="button2.gif" width=150 border=0 name=Button2></A>
      <A onmouseover="swapImage('Button3','','button3_on.gif',1);ypSlideOutMenu.showMenu('menu3');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu3');" href="#"><IMG height=22 src="button3.gif" width=150 border=0 name=Button3></A>
      <A onmouseover="swapImage('Button4','','button4_on.gif',1);ypSlideOutMenu.showMenu('menu4');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu4');" href="#"><IMG height=22 src="button4.gif" width=150 border=0 name=Button4></A>
      <A onmouseover="swapImage('Button5','','button5_on.gif',1)" onmouseout="swapImgRestore()" href="#"><IMG height=22 src="button5.gif" width=150 border=0 name=Button5></A></TD>
    </TR></TBODY></TABLE>
<!-- End Rollover buttons -->

Nun zu den Submenüs. Die werden in dem Script positioniert.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25:

<SCRIPT language=javascript>
	<!--
	  var yPosition = 35; // allgemein von oben
	  var xPosition = 15; // allgemein von links
	  //new ypSlideOutMenu("number menu", "slide position", left, top, width, height)
	  //*****Hinweis******
	        // erster Button id=menu1, aufklappen von oben=down, erste allgemeine Position von links=xPosition,
	        // erste algemeine Position von oben=yPosition, Breite, Höhe
		new ypSlideOutMenu("menu1", "down", xPosition, yPosition, 146, 230)
		//erstes Sub2 id=menu11, aufklappen von links nach=right, erste allgemeine Position von links=xPosition plus Breite Submenü1,
		// erste algemeine Position von oben=yPosition plus (Anzahl Menüpunkte Sub1 mal der Höhe Sub1), Breite, Höhe,
		new ypSlideOutMenu("menu11", "right", xPosition+146, yPosition+(4*20), 146, 160)
		// zweites Sub2 gleich bis auf die yPosition - da weiter unten!
		new ypSlideOutMenu("menu12", "right", xPosition+146, yPosition +(9*20), 146, 160)
		// zweiter Button id=menu2, aufklappen von oben=down, zerite allgemeine Position von links=xPosition plus Bildbreite plus Abstand,
		// zweite algemeine Position von oben=yPosition !!bleibt ab jetzt gleich!!, Breite, Höhe
		new ypSlideOutMenu("menu2", "down", xPosition+154, yPosition, 146, 130)
		// drites Sub2 aufklappen von links nach=right, zweite allgemeine Position von links=xPosition plus (Breite Topmenü + Abstand) Breite Submenü1,
		// Position von Oben Position  allgemein von oben plus (Anzahl Menüpunkte Sub1 mal der Höhe Sub1), Breite, Höhe,
		new ypSlideOutMenu("menu21", "right", xPosition+154+146, yPosition +(2*20), 146, 80)
		// nechste Buttons
		new ypSlideOutMenu("menu3", "down", xPosition+308, yPosition, 146, 120)
		new ypSlideOutMenu("menu4", "down", xPosition+462, yPosition, 146, 205)
	//-->
</SCRIPT>

ich hoffe du kommst mit den Kommentaren im Script klar.

geschrieben von McWitty am 16.02.2006 - 01:01

Jetzt schon mal vielen Dank für deine Mühe. Leider bin ich zur Zeit auf Arbeit (Nachtschicht), aber ich werde das so schnell wie möglich morgen mal testen. Mit den Angaben komme ich auf den ersten Blick klar. Sobald ich das getestet habe werde ich hier das Ergebnis posten.

McWitty

geschrieben von McWitty am 16.02.2006 - 23:43

Hab das jetzt mal mit den original Buttons getestet und es funktioniert prächtig. Bin mit deinen Erläuterungen prima zurecht gekommen. Weiß zwar nicht, ob daas später mit den eigenen Buttons auch alles klappt (wegen anderen größen), aber eigentlich sollte das kein Problem mehr sein.

Vielen, vielen herzlichen Dank für deine geduldige Hilfe

McWitty

geschrieben von weisnix am 17.02.2006 - 10:47

Wenn es nicht hinhaut, dann Melden.

Aber wenn du immer auf die Größen und Positionen achtest, wird das schon.

geschrieben von McWitty am 22.02.2006 - 16:49

geschrieben von McWitty am 22.02.2006 - 16:54

Hier noch der Rest des Scripts:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63:

</SCRIPT>
<STYLE type=text/css>
.rollmenu {border-right: #918069 2px solid; padding-right: 2px; border-top: #E8E0D3 2px solid; display: block; padding-left: 2px; font-size: 11px; padding-bottom: 2px; border-left: #C5AF8F 2px solid; color: #000; line-height: normal; padding-top: 2px; border-bottom: #5E4E37 2px solid; font-family: "Arial", "Helvetica", "sans-serif"; background-color: #CDC0AD; text-decoration: none}
.rollmenu:hover {	background-color: #6B5F4D; text-decoration: none; color: #ffffff}
.menuhead {font-weight: bold; font-style: italic; font-size: 12px; color: #ffffff; background-color: transparent}
#menu1 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu2 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu3 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu4 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
</STYLE>

</head>

<body>
<!-- Rollover buttons -->
<TABLE cellSpacing=0 cellPadding=0 border=0>

  <TR vAlign=top>
    <TD width=800 align="center">
	  <img src="menue/buttons_links.gif" width="80" height="30"><A onmouseover="swapImage('Button1','','menue/buttons_links2_2.jpg',1);ypSlideOutMenu.showMenu('menu1');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu1');" href="#"><IMG height=30 src="menue/buttons_links2.jpg" width=160 border=0 name=Button1></A><A onmouseover="swapImage('Button2','','menue/buttons_links3_2.jpg',1);ypSlideOutMenu.showMenu('menu2');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu2');" href="#"><IMG height=30 src="menue/buttons_links3.jpg" width=160 border=0 name=Button2></A><A onmouseover="swapImage('Button3','','menue/buttons_rechts4_2.jpg',1);ypSlideOutMenu.showMenu('menu3');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu3');" href="#"><IMG height=30 src="menue/buttons_rechts4.jpg" width=160 border=0 name=Button3></A><A onmouseover="swapImage('Button4','','menue/buttons_rechts5_2.jpg',1);ypSlideOutMenu.showMenu('menu4');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu4');" href="#"><IMG height=30 src="menue/buttons_rechts5.jpg" width=160 border=0 name=Button4></A><img src="menue/buttons_rechts.gif" width="80" height="30"></TD>
    
	</TR></TABLE>
<!-- End Rollover buttons -->

<!-- Menu start -->
<!-- Begin SubMenu2 -->
<DIV id=menu2Container>
<DIV id=menu2Content>
    <TABLE cellSpacing=0 cellPadding=0 width=155 border=0>
      <TBODY>
  <TR>
          <TD onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" vAlign=center align=left width=155 height=20> 
            <A class=rollmenu href=""> <SPAN class=menuhead>Anleitungen</SPAN></A></TD>
        </TR>
  <TR>
          <TD onmouseover="ypSlideOutMenu.showMenu('menu2');ypSlideOutMenu.showMenu('menu21')" onmouseout="ypSlideOutMenu.hideMenu('menu2');ypSlideOutMenu.hideMenu('menu21')" vAlign=center align=left width=155 height=20> 
            <A class=rollmenu href=""> &#8226; Allgemein <b>--&raquo;</b></A> </TD>
  </TR>
  <TR>
          <TD onmouseover="ypSlideOutMenu.showMenu('menu2');ypSlideOutMenu.showMenu('menu22')" onmouseout="ypSlideOutMenu.hideMenu('menu2');ypSlideOutMenu.hideMenu('menu22')" vAlign=center align=left width=155 height=20> 
            <A class=rollmenu href=""> &#8226; AAO Tuning	<b>--&raquo;</b></A> </TD>
  </TR>
  <TR>
          <TD onmouseover="ypSlideOutMenu.showMenu('menu2');ypSlideOutMenu.showMenu('menu23')" onmouseout="ypSlideOutMenu.hideMenu('menu2');ypSlideOutMenu.hideMenu('menu23')" vAlign=center align=left width=155 height=20> 
            <A class=rollmenu href=""> &#8226; Programme <b>--&raquo;</b></A> 
          </TD>
  </TR>
  <TR>
          <TD onmouseover="ypSlideOutMenu.showMenu('menu2');ypSlideOutMenu.showMenu('menu24')" onmouseout="ypSlideOutMenu.hideMenu('menu2');ypSlideOutMenu.hideMenu('menu24')" vAlign=center align=left width=155 height=20> 
            <A class=rollmenu href=""> &#8226; Diverses <b>--&raquo;</b></A>
           </TD>
  </TR>
  </TBODY>
</TABLE>
</DIV></DIV>
<!-- End SubMenu2  -->
<!-- End Menu -->
</body>


</span></td>
    </tr>     
   </table><br />

geschrieben von weisnix am 22.02.2006 - 17:03

Der Header kann ja so nicht stimmen. Da kommt kein head-Tag, title-Tag und meta-Tag rein.

Das script-Tag schließt du mit einem style-Tag und das Style fehlt komplett. Auch sehe ich das Menü nicht.

Wenn der Quelltext zu lang ist, häng ihn als Anhang mit an.

Edit:

Der Rest ist ja jetzt da.

Punkt eins gilt hier aber immer noch es soll da auch kein body rein.

geschrieben von McWitty am 22.02.2006 - 18:09

Hab den <body> aus dem Header genommen, bringt aber noch nichts. Den gesamten Header hab ich jetzt angehangen.