Paul: per Javascript margin-top ändern

Servus an alle die mir hier helfen wollen.

Ich habe folgendes Problem. Ich habe ein waagerechtes Menü in welchem beim mouseover auf ein Menüpunkt, dieser Menüpunkt sich um 10px nach unten rücken soll. Beim mouseout soll das ganze wieder an die uhrsprungsposition zurück rutschen. Ich werde gleich den Text anhängen. Im moment versteh ich leider nicht warum er die style eigenschaft nicht ändert. Im moment habe ich es so gemacht das er das javacript beim klick auf den menüpunkt verschieben soll. am ende soll es aber wie anfangs beschrieben funktionieren.

http://nopaste.info/4537ef2c2f.html

Danke fürs helfen.

  1. hi,

    Im moment versteh ich leider nicht warum er die style eigenschaft nicht ändert.

    Schon mal in die Javascript-Fehlerkonsole deines Browser geschaut?

    if (getElementbyId(test).style.margin-top == "0px")

    Die sollte dir beispielsweise an dieser Stelle sagen, dass keine Variable top definiert ist, deren Wert von getElementbyId(test).style.margin subtrahiert werden könnte ...

    http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi,

      Im moment versteh ich leider nicht warum er die style eigenschaft nicht ändert.

      Schon mal in die Javascript-Fehlerkonsole deines Browser geschaut?

      if (getElementbyId(test).style.margin-top == "0px")

      Die sollte dir beispielsweise an dieser Stelle sagen, dass keine Variable top definiert ist, deren Wert von getElementbyId(test).style.margin subtrahiert werden könnte ...

      http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften

      gruß,
      wahsaga

      danke erstemal für die tipps. habe diese auch umgesetzt. nun meckert die fehlerkonsole aber daran das meine if bedingung nicht korrekt ist.

      hier der neue code
      http://nopaste.info/20400eb463.html

      muss ich nun im css teil der seite die margin für das li objekt noch extra festlegen?

      1. hi,

        nun meckert die fehlerkonsole aber daran das meine if bedingung nicht korrekt ist.

        Und weil wir natürlich ganz genau wissen, dass deine Fehlerkonsole sich ganz salopp mit "Ey, Alter, Mecker: Deine IF-Bedingungen ist nicht korrekt!" meldet, brauchst du uns den Wortlaut hier natürlich nicht posten.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. hi,

          nun meckert die fehlerkonsole aber daran das meine if bedingung nicht korrekt ist.

          Und weil wir natürlich ganz genau wissen, dass deine Fehlerkonsole sich ganz salopp mit "Ey, Alter, Mecker: Deine IF-Bedingungen ist nicht korrekt!" meldet, brauchst du uns den Wortlaut hier natürlich nicht posten.

          gruß,
          wahsaga

          sorry bin schon leicht müde
          Fehler: missing ( before condition
          Quelldatei:
          Zeile: 50, Spalte: 4
          Quelltext:
           if !(document.getElementbyId(objekt).style.marginTop == 0)

          das missing ( versteh ich halt net weil ja alles da ist

          1. hi,

            nun meckert die fehlerkonsole aber daran das meine if bedingung nicht korrekt ist.

            Und weil wir natürlich ganz genau wissen, dass deine Fehlerkonsole sich ganz salopp mit "Ey, Alter, Mecker: Deine IF-Bedingungen ist nicht korrekt!" meldet, brauchst du uns den Wortlaut hier natürlich nicht posten.

            gruß,
            wahsaga

            sorry bin schon leicht müde
            Fehler: missing ( before condition
            Quelldatei:
            Zeile: 50, Spalte: 4
            Quelltext:
            if !(document.getElementbyId(objekt).style.marginTop == 0)

            das missing ( versteh ich halt net weil ja alles da ist

            ähm sorry falsch kopiert das mit dem ( habe ich shcon entdeckt

            Fehler: syntax error
            Quelldatei:
            Zeile: 51, Spalte: 60
            Quelltext:
             if (document.getElementbyId(objekt).style.marginTop == "0"))

            1. hi,

              if (document.getElementbyId(objekt).style.marginTop == "0"))

              Vielleicht zählst du mal die öffnenden und schliessenden Klammern - es wäre gut, wenn deren Anzahl gleich wäre.

              Ja, du darfst die Finger oder Stift und Papier zu Hilfe nehmen.

              gruß,
              wahsaga

              --
              /voodoo.css:
              #GeorgeWBush { position:absolute; bottom:-6ft; }
            2. Hi,

              Fehler: syntax error
              Quelldatei:
              Zeile: 51, Spalte: 60
              Quelltext:
              if (document.getElementbyId(objekt).style.marginTop == "0"))

              Zähle mal die öffnenden und schließenden klammern und vergleiche die beinden Ergebnisse ;-)

              mfG,
              steckl

          2. hi,

            Fehler: missing ( before condition
            if !(document.getElementbyId(objekt).style.marginTop == 0)

            das missing ( versteh ich halt net weil ja alles da ist

            If will den Ausdruck, dessen Wahrheitsgehalt es überprüfen soll, _immer_ als "Argument" in runden Klammern übergeben bekommen.
            Bei dir steht aber etwas _vor_ diesen Klammern.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. hi,

              Fehler: missing ( before condition
              if !(document.getElementbyId(objekt).style.marginTop == 0)

              das missing ( versteh ich halt net weil ja alles da ist

              If will den Ausdruck, dessen Wahrheitsgehalt es überprüfen soll, _immer_ als "Argument" in runden Klammern übergeben bekommen.
              Bei dir steht aber etwas _vor_ diesen Klammern.

              gruß,
              wahsaga

              und aller guten dinge sind 3

              Fehler: document.getElementbyId is not a function

              Zeile: 51

              1. hi,

                und aller guten dinge sind 3

                Fehler: document.getElementbyId is not a function

                Namen werden in Javascript case-sensitive behandelt.

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                1. hi,

                  und aller guten dinge sind 3

                  Fehler: document.getElementbyId is not a function

                  Namen werden in Javascript case-sensitive behandelt.

                  gruß,
                  wahsaga

                  so nun habe ich alle fehler rausgemacht die ich mit deiner hilfe gefunden habe. danke dafür schonmal.

                  nur leider ändert er die eigenschaft aber nicht.

                  http://nopaste.info/696f67c9f9.html

                  muss ich bei dem javascript aufruf die 2 in '' stellen? oder ist allgemein an der schreibweise nen fehler?

                  1. hi,

                    bitte gewöhne dir jetzt langsam mal an, vernünftig zu zitieren - und nicht immer alles.

                    muss ich bei dem javascript aufruf die 2 in '' stellen?

                    Nein, erst mal müsstest du gültige IDs für deine Elemente verwenden.

                    gruß,
                    wahsaga

                    --
                    /voodoo.css:
                    #GeorgeWBush { position:absolute; bottom:-6ft; }