Hey,
wie kriege ich es hin, dass die Menüpunkte erst aufgerufen werden, wenn man auf das Menü klickt?
Also man klickt auf "Testmenu" z.B. und darunter öffnen sich dann die einzelnen links zu den seiten.
MfG
SeToY
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » Popmenu
| Geschlossen | ||
-
Sa. 28.06.2008
15:57 Uhr
#1
- Registriert seit
- 29.06.2006
- Beiträge
- 1.928
- Beitragswertungen
-
Sa. 28.06.2008
15:58 Uhr
#2
- Registriert seit
- 18.08.2006
- Beiträge
- 1.573
- Beitragswertungen
meinst du wie bei nsk-team.com/ nur das die Menupunkte am Anfang geschlossen sind? -
Sa. 28.06.2008
16:04 Uhr
#3
- Registriert seit
- 29.06.2006
- Beiträge
- 1.928
- Beitragswertungen
Jap^^ -
Weiss denn nun niemand wie ein popup menü funktioniert?
Und ist eigentlich dann das Popup menü Dynamisch? -
Mo. 30.06.2008
19:03 Uhr
#5
- Registriert seit
- 29.06.2006
- Beiträge
- 1.928
- Beitragswertungen
1. kA xD hat ja keiner mehr was gesagt
2. wird wahrscheinlich dynamisch verbleiben, da ja nur die anzeige verändert wird
-
Mo. 30.06.2008
19:12 Uhr
#6
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
geht nur mit javascript...
habs so ähnlich auch hinbekommen war zwar etwas anstrengend lohnt sich aber...
und wenn ich es kann könnt ihr es auch
-
Ist das Menü dann noch dynamisch?
Ach ja, könntest vll paar links geben wie du das gemacht hast oder Informationenen wie es geht?
Zuletzt modifiziert von Varock am 30.06.2008 - 19:24:18 -
Mo. 30.06.2008
19:59 Uhr
#8
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
klar isses dann noch dynamisch warum sollte es nicht so sein?
das ist der code damit er erstmal weiss was klappen ist
dort wird auch das style element verändert seht ihr immer wenn block oder none da steht sprich das element setzt er auf das attribute
das document.cookie am ende ist dafür da das er bei einer seitenaktualiesierung weiß welche menüs offen sind welche nicht den es wäre ja blöd wenn man die menues zusamenklappt auf einen link klickt und alle sind wieder offen..
diese cookies werden nur solange gespeichert wie die seite offen ist sprich schliesst ihr die seite oder den browser sind die menues wieder offen... man kann die cookies auch länger speichern nur das müsst ihr selber rausfinden
function klapp(elementID) { if (document.getElementById('container1').style.display == 'block') { document.getElementById('container2').style.display = 'block'; document.getElementById('container1').style.display = 'none'; document.getElementById('pic'+elementID).src = './include/images/gw2.gif'; document.cookie = 'container1'+'=1'; document.cookie = 'container2'+'=2'; } else if (document.getElementById('container1').style.display == 'none') { document.getElementById('container2').style.display = 'none'; document.getElementById('container1').style.display = 'block'; document.getElementById('pic'+elementID).src = '/include/images/gw.gif'; document.cookie = 'container1'+'=2'; document.cookie = 'container2'+'=1'; } } </script>
den untestehenden code ist das was ihr einbinden müsst um das element was einklappen soll. wobei das block im code den anfangszustand des elements angibt soll es zu sein muss natürlich none da stehen
<span id="container1" name="container1" style="display: block;"> Hier sollte das element stehen is eigentlich egal was </span>
wer das alles oben nun nicht gelesen hat und nur stupide einfügt wird pech haben die function ist nicht zu hundert pro so wie ihr es haben wollt sondern schliest und öffnet bei einem button klcik jeweils container 1 und 2... das heisst ihr müsst es noch anpassen...
ach ja der Hyperlink für den button sollte so seinjavascript:klapp('container1')
viel spass beim tüfteln und zeigt mal eure ergebnisse -
Mo. 30.06.2008
20:01 Uhr
#9
- Registriert seit
- 29.06.2006
- Beiträge
- 1.928
- Beitragswertungen
Kann mir das mal jemand übersetzen, der wirklich gewillt ist, den Usern zu helfen?
Und jemanden nicht mit "macht mal selbst" abspeist?
Danke... -
Mo. 30.06.2008
20:10 Uhr
#10
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
was willst du mir den jetzt damit sagen????
das was du suchst gehört in die Anfragen/Angebote threat... sprich du brauchst einen der es dir macht...
nur zur info das war mein erstes Javascript was ich gemacht habe und ich konnte niemanden fragen... auch diverse Foren haben mir nicht geholfen... da half nur lesen lesen lesen....
wenn du das nicht kannst dann tuts mir leid für dich -
Mo. 30.06.2008
20:33 Uhr
#11
- Registriert seit
- 01.02.2007
- Beiträge
- 62
- Beitragswertungen
Also, ich habe da mal paar fragen und fagen ob ich es richtig verstanden habe. ^^
Also den Code muss ich einmal in der HTML eingeben oder:function klapp(elementID) { if (document.getElementById('container1').style.display == 'block') { document.getElementById('container2').style.display = 'block'; document.getElementById('container1').style.display = 'none'; document.getElementById('pic'+elementID).src = './include/images/gw2.gif'; document.cookie = 'container1'+'=1'; document.cookie = 'container2'+'=2'; } else if (document.getElementById('container1').style.display == 'none') { document.getElementById('container2').style.display = 'none'; document.getElementById('container1').style.display = 'block'; document.getElementById('pic'+elementID).src = '/include/images/gw.gif'; document.cookie = 'container1'+'=2'; document.cookie = 'container2'+'=1'; } } </script>
Und den code gebe ich bei meinem Button ein den es öffnen soll:javascript:klapp('container1')
Und bei dem Code:<span id="container1" name="container1" style="display: block;"> Hier sollte das element stehen is eigentlich egal was </span>
bei "Hier sollte das element stehen is eigentlich egal was" geb e ich z.B. {_list_menunr1@.
Oder wie? Und wohin muss ich ihn kopieren? kannste vll pls ne fertige html mit dem codes zeigen? ^^
Sorry das ich so dumme fragen stelle. Habe es eben nicht richtig verstanden. ^^
Varock doof sei.
Zuletzt modifiziert von Varock am 30.06.2008 - 20:34:27 -
Mo. 30.06.2008
20:44 Uhr
#12
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
klar könnte ich auch meine fertige htm reinstellen würde aber nix bringen..
zu deinen fragen du musst den code in deine index htm einbinden die function zum Klappen sollte ganz oben stehen do wo du wahrscheinlich schon andere <script></script> dinger stehe hast..
richtig der button code den ich geschickt habe muss als link eingebunden werden
<span id="container1" name="container1" style="display: block;"> Hier sollte das element stehen is eigentlich egal was </span>
bei dem musst du einfach das was zuklappen soll in die mitte reinschreiben.. statt Hier sollte das element stehen is eigentlich egal was das {listmenue1 reicht dabei nicht das steht normalerweise in irgendeiner tabelle die musst du da auch mit einfügen... also eben das was du zu und aufkleppen lassen willst... dabei isses egal was du da einträgst wenns falsch is was du gemacht hast gibs fehlermeldungen oder dein design zerschiesst es beim klcik auf den button aber da kannst du dich ja dann ranntasten... kannst mir auch gerne deine icq nummer geben dann helfe ich dir natürlich... aber probiere es ruhig mal selber -
Mo. 30.06.2008
20:55 Uhr
#13
- Registriert seit
- 13.02.2008
- Beiträge
- 1.591
- Beitragswertungen
<script type="text/javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers[Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> <ul> <a href="#" onclick="javascript:switchlayer('submenu1'); return false;">Submenu1</a> <ul id="submenu1" type="circle" style="display:none;"> Submenu1.1<br /> Submenu1.2<br /> Submenu1.3<br /> Submenu1.4<br /> </ul><br /> <a href="#" onclick="javascript:switchlayer('submenu2'); return false;">Submenu2</a> <ul id="submenu2" type="circle" style="display:none;"> Submenu2.1<br /> Submenu2.2<br /> </ul> </ul><br />Sub2Go.NET | Kostenlosen Webspace mit vielen features! Für Ilch-Forumsmitglieder doppelten Speicher!
Mave1993.de Blog -
Mo. 30.06.2008
20:57 Uhr
#14
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
der ghet bestimmt auch nur wo werden da die cookies gespeichert???
das is das standard dings was man im inet findet.... *schulterzuck* mir solls recht sein -
Mo. 30.06.2008
21:26 Uhr
#15
- Registriert seit
- 01.02.2007
- Beiträge
- 62
- Beitragswertungen
lordrepha, ich hab dir meine icq nummer per PN geschickt. ^^ -
Mo. 30.06.2008
23:50 Uhr
#16
- Registriert seit
- 03.11.2006
- Beiträge
- 2.925
- Beitragswertungen
LOL, das ganze geht doch auch über css und html...
<div style="float:left">
<span class="hoverme">tolles Zeug<br/></span>
<span class="menu">
menupunkt1<br/>
menupunkt2<br/>
</span>
</div>
.menu {
display: none;
visibility: hidden;
}
.hoverme:hover + .menu {
display: block;
visibility: visible;
}
.menu:hover {
display: block;
visibility: visible;
}
und das ganze geht auch horizontal (a la submenu) -
Mo. 30.06.2008
23:55 Uhr
#17
- Registriert seit
- 12.01.2007
- Beiträge
- 196
- Beitragswertungen
hab mal ne frage was heißt den das display: block ?also was bewirkt das block?
Mit freundlichen Grüßen
jeatrexsÜbrigens umbenannt: JeaTreXs
jeatrexs Solutions
Don't ask what jeatrexs means
-
Di. 01.07.2008
01:09 Uhr
#18
- Registriert seit
- 23.04.2006
- Beiträge
- 422
- Beitragswertungen
Funktioniert gut, ist einfach.
Habe das display: block; mal entfernt um zu sehen was passiert.
Also wenn es nicht da ist wird die Box (<span class='menu'>) wieder geschlossen und du hast keine gelegenheit etwas darin anzuklicken!
Probier es doch selber aus ^^Kein Support für den Raidplaner über PM. -
Di. 01.07.2008
05:51 Uhr
#19
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
das display block zeigt es einfach nur an... das none eben nicht... -
Di. 01.07.2008
11:04 Uhr
#20
- Registriert seit
- 29.06.2006
- Beiträge
- 1.928
- Beitragswertungen
Zitat geschrieben von lordrepha
nope.
danke assault und hassmann. DAS hat mir geholfen
-
Di. 01.07.2008
14:11 Uhr
#21
- Registriert seit
- 01.02.2007
- Beiträge
- 62
- Beitragswertungen
Ah, danke Assault. Hat echt geholfen und ist viel einfacher. xD -
Mo. 09.03.2009
19:03 Uhr
#22
- Registriert seit
- 23.04.2006
- Beiträge
- 422
- Beitragswertungen
Altes Thema noch mal Ausgraben!
Gibt es noch eine Möglichkeit den Container auf zu lassen nach dem man mit der Maus drüber war und den Block Verlässt bei der CSS Version?
Zuletzt modifiziert von Balthazar3k am 09.03.2009 - 19:04:41Kein Support für den Raidplaner über PM. -
Mo. 09.03.2009
19:08 Uhr
#23
- Registriert seit
- 16.06.2006
- Beiträge
- 15.334
- Beitragswertungen
Ich würde mal sagen nein, weil das nur mit hover funktioniert, und das ist halt nur aktiv, wenn man gerade über etwas ist.Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite -
Mo. 09.03.2009
19:32 Uhr
#24
- Registriert seit
- 23.04.2006
- Beiträge
- 422
- Beitragswertungen
Alles Klar, Danke.Kein Support für den Raidplaner über PM. -
Mo. 09.03.2009
19:38 Uhr
#25
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
wenn du es mit javascript machst, müsste es gehen. offnen bei on mouseover und schließen mit onclick oder so...Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Mo. 09.03.2009
21:08 Uhr
#26
- Registriert seit
- 23.04.2006
- Beiträge
- 422
- Beitragswertungen
Ja das Weiß ich ja ^^ dankeKein Support für den Raidplaner über PM. -
Fr. 30.10.2009
11:21 Uhr
#27
- Registriert seit
- 17.07.2008
- Beiträge
- 45
- Beitragswertungen
Hallo Leute,
ich möchte auch ein Klappmenü machen so in etwa wie von Lordrepha beschrieben. Nur Tretten zum besseren verständniss noch ein paar Fragen auf. Und zwar, wenn ich im Linken Menü so ein Klappmenü erstellen will. Dann muß ich den Code<span id="container1" name="container1" style="display: block;">
an der Stelle Platzieren wo das Linke Menü steht bevor die Tabellen dafür anfangen. Und</span>
kommt dann an ende von den. Sehe ich das Richtig?? Werden in der Navigation 2 Linke Menüs erstellt oder wie Funktioniert dann das ganze? Also Standart ruft er das Menü1 auf. Bei Klick auf den Button ruft er das Menü2 auf. Dann muß ich den Code mit allem was dazugehort einmal mit Block für Menü1 und einmal mit none für Menü2 in die Index.htm schreiben, oder??
Vielen Dank für eure Hilfe
Mfg Dark of Soul
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten