Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.11.2010 um 07:24 (UTC)    
Titel: Verschiedene Menüs

Hallo alle zusammen,

Hier die aktuelle Lage:
Ich habe ein Design mit zwei Menüs, eins vertikal und ein anderes horizontal.

Was möchte ich haben:
Ich möchte wenn man einen horizontalen Punkt anklickt jeweils andere vertikale Punkte erscheinen. Bsp. Ich klicke "Punkt 1" in dem horizontalen Menü an und es erscheint "Beispiel 1" und "Beispiel 2" in dem vertikalen Menü. Jedoch wenn ich dann "Punkt 2" im horizontalen Menü anklicke sollen dann "Beispiel 3" und "Beispiel 4" erscheinen im vertikalen Menü.


Ist dieses Umsetzbar ?, wenn ja wie ?

Freue mich auf eure Vorschläge
Beitrag02.11.2010 um 07:47 (UTC)    
Titel:

Also ich selber habe so etwas noch nie gesehen.
Und ich glaube das wird auch nicht gehen, da die
beiden Navigation unabhängig von einander
arbeiten.


Aber vielleicht meldet sich ja noch jemand.
Da bin ich echt überfragt!


Lg
Arrow Wink
Beitrag02.11.2010 um 17:30 (UTC)    
Titel:

Okay, habe es schon gesehen deswegen Interessiere ich mich auch dafür.
Hat jemand noch eine Idee oder weiß genaueres?
Beitrag03.11.2010 um 06:24 (UTC)    
Titel:

Hallo


Ich glaube da würde dir ein Coolmenü helfe
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593


Mfg
______________
Lala Dum Dum - euch grüßt Sam Smile


Zuletzt bearbeitet von samnowi am 03.11.2010, 07:25, insgesamt einmal bearbeitet
Beitrag03.11.2010 um 07:23 (UTC)    
Titel:

Wäre aufjedenfall schon einmal eine gute Idee. Lässt es sich sonst auch so umsetzen das die neuen Punkte dann im vertikalen Menü erscheinen ?
Beitrag03.11.2010 um 17:32 (UTC)    
Titel:

Wink


Zuletzt bearbeitet von fjord-ferien-norwegen am 21.11.2010, 18:04, insgesamt 2-mal bearbeitet
Beitrag21.11.2010 um 12:27 (UTC)    
Titel:

hey,

das war aufjedenfall der richtige Ansatz. Da ich mich aber mit dem Coden nicht ganz so gut auskenne, hätte jemand Zeit und Interesse mir da schnell zu helfen und Lust sowas zu Coden.

Entweder wie oben bescheiben das wenn man einen horizontalen Menüpunkt anklickt das jeweils andere Punkte im vertikalen Menü erscheinen, oder

ein Coolmenü im passenden Design?

Vielen Dank
Beitrag21.11.2010 um 12:34 (UTC)    
Titel:

Bin mal gespannt wies dann am Ende aussieht ;D

Gruß
Camiyo
______________
Wenn ihr mich unterstützen wollt, würde ich mich freuen wenn ihr für mich (techmec.de) auf http://www.selbstaendig-im-netz.de/2011/05/23/blog-coaching/abstimmung-zum-blog-coaching/ abstimmt, einfach den Haken vor "Techmec.de" setzten und auf "Vote" klicken, würde mich sehr freuen!!
Beitrag21.11.2010 um 14:38 (UTC)    
Titel:

Das wäre vorerst das letzte was ich am design verändern würde, bevor ich dann erstmal die ganzen Inhalte einfüge.

Muss nur noch jemanden finden der mir das Coden kann.
Beitrag23.11.2010 um 16:09 (UTC)    
Titel:

*push* Very Happy
Beitrag25.11.2010 um 10:13 (UTC)    
Titel:

Keiner der mir so etwas Codes kann !?! *push*
Beitrag25.11.2010 um 10:33 (UTC)    
Titel:

entfern erstmal den code:

<style type="text/css"><!--a{display:none;}--></style></p>


deswegen kann ich die werbung nicht wegklicken

was meinst du mit punkt 1?

ich probier mal was aus =)


gebe allen navigationsflächen also test1, beispiel1, bespiel2 bespiel3 beispiel4 usw eine id

die trägst du dann in dem script ein dass du bei text unter design einfügst

das script:
Code:

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$("#ID_VON_UNTERMENÜ").css("display","none");   
$("#ID_VON_MENÜ").click(function () {
$("#ID_VON_UNTERMENÜ").toggle();
});
</script>


also zb

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$("#beispiel1").css("display","none");
$("#test1").click(function () {
$("#beispiel1").toggle();
});

</script>


entsprechend müssen die links erweitert werden

also aus:
<a class="rd_navi3">Test 1</a>
wird zb
<a class="rd_navi3" id="test1" >Test 1</a>

und

<a class="navi_side" href="#">Besipiel33</a>
wird
<a class="navi_side" id="beispiel1" href="#">Besipiel1</a>
Code:

______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2


Zuletzt bearbeitet von gameshop am 25.11.2010, 12:04, insgesamt 3-mal bearbeitet
Beitrag26.11.2010 um 08:34 (UTC)    
Titel:

fertig


wer den code haben will:

Code:
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 


$("#test1").click(function () {
$("#beispiel1").css("display","block");   
$("#beispiel2").css("display","block"); 
$("#beispiel3").css("display","block");   
$("#beispiel4").css("display","block"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 
});


$("#test2").click(function () {
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","block");   
$("#beispiel6").css("display","block"); 
$("#beispiel7").css("display","block");   
$("#beispiel8").css("display","block"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 
});


$("#test3").click(function () {
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","block");   
$("#beispiel10").css("display","block"); 
$("#beispiel11").css("display","block");   
$("#beispiel12").css("display","block"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 
});


$("#test4").click(function () {
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","block");   
$("#beispiel14").css("display","block"); 
$("#beispiel15").css("display","block");   
$("#beispiel16").css("display","block"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 

});


$("#test5").click(function () {
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","block");   
$("#beispiel18").css("display","block"); 
$("#beispiel19").css("display","block");   
$("#beispiel20").css("display","block"); 

$("#beispiel21").css("display","none");   
$("#beispiel22").css("display","none"); 
$("#beispiel23").css("display","none");   
$("#beispiel24").css("display","none"); 

});


$("#test6").click(function () {
$("#beispiel1").css("display","none");   
$("#beispiel2").css("display","none"); 
$("#beispiel3").css("display","none");   
$("#beispiel4").css("display","none"); 

$("#beispiel5").css("display","none");   
$("#beispiel6").css("display","none"); 
$("#beispiel7").css("display","none");   
$("#beispiel8").css("display","none"); 

$("#beispiel9").css("display","none");   
$("#beispiel10").css("display","none"); 
$("#beispiel11").css("display","none");   
$("#beispiel12").css("display","none"); 

$("#beispiel13").css("display","none");   
$("#beispiel14").css("display","none"); 
$("#beispiel15").css("display","none");   
$("#beispiel16").css("display","none"); 

$("#beispiel17").css("display","none");   
$("#beispiel18").css("display","none"); 
$("#beispiel19").css("display","none");   
$("#beispiel20").css("display","none"); 

$("#beispiel21").css("display","block");   
$("#beispiel22").css("display","block"); 
$("#beispiel23").css("display","block");   
$("#beispiel24").css("display","block"); 

});
</script>

______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de