Ausklappmenü

[Vendetta]

Hallo liebe Forengemeinde,

ich bastle momentan gerade an meiner Homepage. Das Design erstelle ich im Photoshop, die Seite an sich in NOF, weil ich leider nur wenig Programmierkenntnisse habe.

Ich halte die Seite relativ unverspielt, weil sie kommerziell ist.

Aber ein paar Dinge würden mir helfen, ihr ein bischen mehr Pepp zu geben, zB ein Ausklappmenü.

Ich meine jetzt nicht so eins für die Navi, sondern für den eigentlichen Inhalt.

Ich zeig euch ma, wie ich das meine:



so wie unten bei Hotline etc.

Gibts da irgendnen vorgefertigten JavaScript Code? Vielleicht weiß es ja jemand. Da ich wirklich nix kann, muss es ein fertiger Code sein, den ich nur in den eigentlichen HTML Code kopieren und einfügen muss.


LG

 

[pixeli]

AW: Ausklappmenü

hallo cees,
installiere bei Firefox den Firebug. Damit kannst Du sämtliche Scripts und Quelltexte lesen und analysieren, auch CSS und Bildquellen werden hier angezeigt. Ein tolles Tool.

 

[carolin]

AW: Ausklappmenü

Hallo,
das gesuchte Scipt gibt es hier:
More Showing, More Hiding Learning jQuery - Tips, Techniques, Tutorials

 

[froxy]

AW: Ausklappmenü

Hi,
probier doch mal mootools aus. da sind auch noch andere schöne effekte dabei und ist einfach einzufügen.


mfg

 

[big_B]

AW: Ausklappmenü

...google mal nach "toggle menu" da bekommst du jede Menge Links mit Infos und Scripts zu deinem Problem.

Grusz
Bodo

 

[stroyer]

AW: Ausklappmenü

Unter wurde zwar jQuery verwendet, aber ich empfehlen dir auch Mootools ().

 

[Vendetta]

AW: Ausklappmenü

Hallo, danke für eure Antworten!

Also ich habe mir die Seiten jetzt noch nicht angeguggt, aber den Tipp mit dem Firefox Add On kann ich leider nicht umsetzen, weil mir die Sachen Quellcode etc nicht viel sagen, und ich NULL aus so einem Code rauslesen kann. Das ist für mich wie Kryptographie.

Ansonsten ist es wichtig, dass diverse Anleitung etc nicht auf englisch sind, das klappt auch nicht.

Ich werde im Laufe des Tages mal alle Links durchgucken und dann sehen, ob ich mit einem klar komme.

Weil wie gesagt, ich suche einen Code, den ich wirklich nur markieren muss und in NOF dann in den HTML-Code einfüge.

Für mehr reichen meine Kenntnisse leider nicht.

Ich melde mich noch mal!

 

[stroyer]

AW: Ausklappmenü

Firebug ist dafür völlig sinnlos; Quelltext ist auch nicht nötig; wenn du willst, kann ich schnell etwas dafür schreiben. Hilfreich wäre ein Link auf deine Webseite bzw. der Code.

 

[Vendetta]

AW: Ausklappmenü

Die Site is noch nicht aufgespielt, ich mache das erst alles in NOF fertig!

Wäre das viel Arbeit für dich, sowas zu schreiben?

Weil ich will jetzt niemanden derart mit meinem Zeug belästigen!

 

[stroyer]

AW: Ausklappmenü

Wenn man Mootools benutzt ist das eine Sache von ~10-15 Minuten.

 

[Vendetta]

AW: Ausklappmenü

Oh, also das wäre cool, wenn du das machen könntest/würdest!

 

[stroyer]

AW: Ausklappmenü

Lösung:

   <script type="text/javascript"  src="mootools.js"></script>
  <script type="text/javascript">
  var slideactive='';
  window.addEvent('domready', function(){
    var i=0;
    while(true)
      {
        i++;
        if($('slidebody'+i)==undefined||$('slidebody'+i)==null)
          {
            return ;
          }
        $('slideheader'+i).slideIt=new Fx.Slide('slidebody'+i);
        $('slideheader'+i).slideIt.hide();
        $('slideheader'+i).slidePos=-1;
        $('slideheader'+i).addEvent('click',function()
          {
            if(this.slidePos==-1)
              {
                this.slidePos=1;
                if(slideactive!='')
                  {
                    $(slideactive).slideIt.slideOut();
                    $(slideactive).slidePos=-1;
                  }
                slideactive=this.id;
              }
            else
              {
                this.slidePos=-1;
                slideactive='';
              }
            this.slideIt.toggle();
          });
      }
  });
  </script>

irgendwo einfügen.
um jede Überschrift, auf die geklickt wird, ein DIV mit der id "slideheader1" (am Schluss eine Zahl; durchnummeriert);
um jeden Textkörper, der ein- und ausgefahren wird ein DIV mit der id "slidebody1" (Zahl gleich wie bei zugehörigem "slideheader..")

 

[RealArtist4u]

AW: Ausklappmenü

@ cees

wäre super, könntest Du uns mitteilen wie Du zurecht gekommen bist.

Auch ich finde dies ist eine hilfreiche Funktion



@ stroyer

DANKE :blumen:

 

[Vendetta]

AW: Ausklappmenü

Hallo RealArtist,

Stroyer hat mir so ein Code erstellt und auch grad eingefügt. Ich bin leider für sowas zu inkompetent :'(

Aber es funktioniert wirklich gut! Wenn man das kann ist es sicher eine sehr hilfreiche Sache.