Menü Punt 2 ebenen

Gehe zu Seite:

Geschlossen

Mo. 12.01.2009 22:41 Uhr #1

Trutz Mitglied

Registriert seit
11.12.2008

Beiträge
136

Beitragswertungen

Guten Tag,
ich wollte mal nachfragen ob es möglich ist, das man nur z.b. da Test 1 hat.

Aber wenn man dann auf den Menü Punkt "Test1" klickt oder rüber geht mit der Maus.

Das dann dort ein weitere aufgehen wo man dann drauf klicken kann.

Wenn der mauszeiger dann wieder runter geht vom menüpunkt, das dann die anderen wieder weggehen...

ist soetwas möglich?

Grüße Trutz

verwendete ilchClan Version: 1.1
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 13.01.2009 17:56 Uhr #2

Chapter Hall Of Fame

Registriert seit
21.10.2007

Beiträge
5.951

Beitragswertungen

ja das ist ein java oder javascript. da gibt es sogar einiges im netz. musst mal suchen.
auf www.je0.de gibts so eine als horizontales menü. kannst ja mal da rein schauen

Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 13.01.2009 17:58 Uhr #3

FynnPath Mitglied

Registriert seit
02.01.2008

Beiträge
512

Beitragswertungen

javascript... nicht java oder javascript
0 Mitglieder finden den Beitrag gut.
- zitieren

Di. 20.01.2009 00:32 Uhr #4

Trutz Mitglied

Guten tag,
ich habe nun ein Script gefunden, was wir ein Menü macht, was ich ansich brauche!!!

Jedoch nun meine Frage, wie kann ich das nun in meiner Seite einbauen?

Ich will es nicht auf der startseite haben, sondern ich habe mir eine neue php seite gemacht.

und dort will ich es dann ganz oben haben und dadrunter dann aber trotzdem noch andere Sachen schreiben oder Bilder einfügen...

Ist dies möglich?

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>H-Flip Men&uuml; von Jan Erdmann</title>
<style TYPE="text/css">
BODY {margin:0; cursor:default;}
.je_back         {BACKGROUND-IMAGE: url(images/back.gif); height:25px; width:100%;}
.je_but1         {BACKGROUND-IMAGE: url(images/b1.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;}
.je_but2         {BACKGROUND-IMAGE: url(images/b2.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;}
.je_tab1         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#aaaaaa;}
.je_tab2         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#bbbbbb;}
.je_tabo         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#ff9999;}
.je_tabb         {BACKGROUND-COLOR:#000000;}
</style>
 
<script language="JavaScript" type="text/javascript">
 
            ///////////////////////////////////////////////////////////////////
           /// (C)opyright 2004 - Jan Erdmann // info@je0.de // www.je0.de ///
          ///////////////////////////////////////////////////////////////////
         ///  Das Copyright muß unverändert hier im Quelltext bleiben.   ///
        ///////////////////////////////////////////////////////////////////
 
 
/////////////////////////// Einstellung Buttons ///////////////////////////
/////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher)
Buttons = new Array(
"1", "Home" , "", "",
"2", "Button2" , "", "",
"3", "Button3" , "", "",
"4", "Button4" , "seite4.html", "",
"5", "Button5" , "", ""
);
 
/////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher)
UButton = new Array(
"1", "Button1" , "seite1.html", "",
"1", "Button2" , "seite2.html", "self",
"1", "Button3" , "seite3.html", "haupt",
"1", "Button4" , "seite4.html", "haupt",
"1", "Button5" , "seite5.html", "",
"1", "Button6" , "seite6.html", "haupt",
"1", "Button7" , "seite6.html", "",
"1", "Button8" , "seite8.html", "haupt",
"1", "Button9" , "seite9.html", "haupt",
 
"2", "Button1" , "seite1.html", "",
"2", "Button2" , "seite2.html", "self",
"2", "Button3" , "seite3.html", "",
 
"3", "Button1" , "seite1.html", "",
"3", "Button2" , "seite2.html", "self",
"3", "Button3" , "seite3.html", "",
"3", "Button4" , "seite4.html", "haupt",
"3", "Button5" , "seite5.html", "",
"3", "Button6" , "seite6.html", "haupt",
 
"5", "Button1" , "seite1.html", "",
"5", "Button2" , "seite2.html", "haupt",
"5", "Button3" , "seite3.html", "haupt",
"5", "Button4" , "seite4.html", "haupt",
"5", "Button5" , "seite5.html", "",
"5", "Button6" , "seite6.html", "self",
"5", "Button7" , "seite7.html", "",
"5", "Button8" , "seite8.html", "haupt"
);
 
 
/////////////////////////// Weitere Einstellungen wenn Buttons verändert werden ///////////////////////////
var pfad="images";           // Pfad zu den Grafiken, ohne / am Ende
var butbr=113;               // Buttonbreite
var menbr=90;                // Menübreite
var vo=10;                   // Menü von Oben
///////////////////////////////////////////////////////////////////////
var anzahl=Buttons.length, uanzahl=UButton.length, jecou="",tu1="", bi1="",st1="",nr1="",hflink="";
function zeiver(tu,nummer) {
if (tu==1) {
bi1="b2";
tu1="visible";
} else {
bi1="b1";
tu1="hidden";
}
document.getElementById(['lay'+nummer]).style.visibility=tu1;
document.getElementById(['bild'+nummer]).style.backgroundImage='url('+pfad+'/'+bi1+'.gif)';
}
function tabwech(bid,nr) {
if (st1!="")
document.getElementById(nr1).className=st1;
nr1=nr;
st1=document.getElementById(nr).className;
if (bid==1)
document.getElementById(nr).className='je_tabo';
}
function hfpop(kmurl) {
kmfenster=window.open (kmurl)
}
 
document.write('<div class="je_back" style="position:absolute; top:'+vo+'"><center><table cellspacing=0 cellpadding=0><tr>');
for (anz=0; anz<anzahl; anz=anz+4) {
hflink="";
if (Buttons[anz+2]){
hflink="parent.frames."+Buttons[anz+3]+".location.href=\'"+Buttons[anz+2]+"\'";
if (Buttons[anz+3]=="")
hflink="hfpop(\'"+Buttons[anz+2]+"\')";
if (Buttons[anz+3]=="self")
hflink="location.href=\'"+Buttons[anz+2]+"\'";
}
document.write('<td id="bild'+Buttons[anz]+'" class="je_but1" width='+butbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')" onclick="'+hflink+'" align="center">'+Buttons[anz+1]+'<\/td>');
}
document.write('<\/tr><tr>');
for (anz=0; anz<anzahl; anz=anz+4) {
if (Buttons[anz+2]=="") {
document.write('<td><div id="lay'+Buttons[anz]+'" style="position:absolute; visibility:hidden; width:'+butbr+';">');
document.write('<center><table cellspacing=1 class="je_tabb" width='+menbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')">');
for (uanz=0; uanz<uanzahl; uanz=uanz+4) {
hflink="";
if (UButton[uanz+2]) {
hflink="parent.frames."+UButton[uanz+3]+".location.href=\'"+UButton[uanz+2]+"\'";
if (UButton[uanz+3]=="")
hflink="hfpop(\'"+UButton[uanz+2]+"\')";
if (UButton[uanz+3]=="self")
hflink="location.href=\'"+UButton[uanz+2]+"\'";
}
if (UButton[uanz]==Buttons[anz]) {
if (jecou=="je_tab1")
jecou="je_tab2";
else
jecou="je_tab1";
document.write('<tr><td class="'+jecou+'" id="'+uanz+'_'+UButton[uanz]+'" onmouseover="tabwech(1,\''+uanz+'_'+UButton[uanz]+'\')" onmouseout="tabwech(0,\''+uanz+'_'+UButton[uanz]+'\')" onclick="'+hflink+'">'+UButton[uanz+1]+'<\/td><\/tr>');
} }
document.write('<\/table><\/div><\/td>');
} else {
document.write('<td><div style="position:absolute; visibility:hidden;" id="lay'+Buttons[anz]+'">&nbsp;<\/div><\/td>');
} }
document.write('<\/tr><\/table><\/center><\/div>');
</script>
</head>
<body bgcolor=#999999>
<div style="height:45px">&nbsp;</div>
</body>
</html>

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 21.01.2009 04:20 Uhr #5

Trutz Mitglied

Registriert seit
11.12.2008

Beiträge
136

Beitragswertungen

ich habe ja oben nun diesen code... kann ich nicht nen teil des codes auch einfach unter meinem admin bereich in neue seite einfügen und dann kommt es....?

Ich habe eine Tabelle gemacht...diese hat 5 Spalten...

Spalte 1 Spalte 2 Spalte 3 Spalte 4 Spalte 5

ist es nicht möglich jetzt einfach anstatt Spalte 1 diesen Code einfügen und dann kommt da dieser Button... der soll ja nicht irgendwie groß schick sein... soll nen Dunkles Rot haben und die Schrift weiß...

und wenn man dann auf Spalte 1 drückt oder am besten einfach mit der Maus rüber geht, das dort dann 1-10 weitere flechen unten kommen, wo man drauf klicken kann..

Es muss doch eigentlich möglich sein, einfach einen Cocde in die seite reinzuschreiben... oder?

Grüße Trutz
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 21.01.2009 06:50 Uhr #6

Parkuhr Mitglied

Registriert seit
30.09.2008

Beiträge
182

Beitragswertungen

externer Link

msc-brake-biketrial.de
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 22.01.2009 04:12 Uhr #7

Trutz Mitglied

Registriert seit
11.12.2008

Beiträge
136

Beitragswertungen

mit dem link kann ich leider nciht viel anfangen, vllt liegts auch an meinem englisch....

Würde mich einfach über nen code freuen

Wo ich dann nur noch den namen ändern muss, und vllt noch bischen was logisches bearbeiten muss, von wegen das ich nen code von euch erhalte wo es nur 2 dann im klapp sind und ich dadraus noch 10 mache oder wie viele ich brauche...

Vllt hat ja jemand nen code ...

grüße trutz
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 22.01.2009 06:56 Uhr #8

Parkuhr Mitglied

Registriert seit
30.09.2008

Beiträge
182

Beitragswertungen

<head>
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: externer Link
* Visit Dynamic Drive at externer Link for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
</head>

<body>

<div id="my_menu" class="sdmenu">
<div>
<span>Online Tools</span>
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>
<div>
<span>Support Us</span>
<a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
<a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
<a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
</div>
<div class="collapsed">
<span>Partners</span>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.codingforums.com">CodingForums</a>
<a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
</div>
<div>
<span>Test Current</span>
<a href="?foo=bar">Current or not</a>
<a href="./">Current or not</a>
<a href="index.html">Current or not</a>
<a href="index.html?query">Current or not</a>
</div>
</div>

</body>
</html>

das dürfte so reichen

msc-brake-biketrial.de
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 22.01.2009 06:59 Uhr #9

Lorp_Oo Mitglied

Registriert seit
02.10.2007

Beiträge
274

Beitragswertungen

Jub oder nimmste das hier: externer Link hatte da mal mein Script, welches ich immer benutze, hochgeladen.
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Menü Punt 2 ebenen