Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.11.2010 um 07:24 (UTC)    
Titel: Verschiedene Menüs
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
*push* Very Happy
↑
Beitrag25.11.2010 um 10:13 (UTC)    
Titel:
Antworten mit Zitat
Keiner der mir so etwas Codes kann !?! *push*
↑
Beitrag25.11.2010 um 10:33 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
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:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.