surrender: HILFE!!!

Hallo erstmal

ich würde gerne wissen wie ich ein Bild verschieben kann also z.B. durch einen Buttonclick..

Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..

Kann mir jemand helfen??

  1. hi,

    ich würde gerne wissen wie ich ein Bild verschieben kann also z.B. durch einen Buttonclick..

    Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..

    Positionieren kannst du Elemente über diverse CSS-Eigenschaften (position, margin, etc.)
    Und dynamisch verändern kannst du diese per Javascript über das style-Objekt.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. <script type="text/javascript">
      function los() {
      i = 0;
      getElementByTagName("img")[0].style.left = i;
      i++;
      }
      </script>
      meintest du das ungefaähr so??

      1. hi,

        <script type="text/javascript">
        function los() {
        i = 0;
        getElementByTagName("img")[0].style.left = i;
        i++;
        }
        </script>
        meintest du das ungefaähr so??

        Höchstens "ungefähr".

        Für Werte ungleich 0 wäre natürlich die Angabe einer Einheit erforderlich.
        Gut, bei dir bleibt i immer 0, weil du es ja zu Beginn der Funktion auf diesen Wert setzt.

        Und ausserdem muss die restliche Formatierung des Elements natürlich auch entsprechend aussehen, damit eine left-Angabe überhaupt Wirkung zeigen kann.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Gut, bei dir bleibt i immer 0, weil du es ja zu Beginn der Funktion auf diesen Wert setzt.

          Mist hätte ich selber drauf kommen sollen....

          Und ausserdem muss die restliche Formatierung des Elements natürlich auch entsprechend aussehen, damit eine left-Angabe überhaupt Wirkung zeigen kann.

          Ja ich hab ja den Quelltext mal reingestellt

    2. meinstest du das ungefähr so??(css rausgelassen)

      <script type="text/javascript">
      function los() {
      i = 0;
      getElementByTagName("img")[0].style.left = i;
      i++;
      }
      </script>

      Mfg

  2. hallo,

    Jetzt finde ich aber bei SELF-HTML immer nur move.By und das gilt anscheinend nur für Fenster..

    Du meinst vermutlich moveBy(). Für die Beispieldartstellung in SELFHTML wurden Fenster als Verschiebeobjekte gewählt, und du kannst dein Bild natürlich in ein solches Fenster laden.
    Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
    1. Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?

      Meine Fehlerkonsole meinte Move.By wäre keine Function oder so..

      ka was das heissen soll^^

      1. hallo,

        Meine Fehlerkonsole meinte Move.By wäre keine Function

        Das geschieht zu recht. Du mußt es halt richtig schreiben. Wie es richtig geschrieben wird, habe ich dir gezeigt.

        Grüße aus Berlin

        Christoph S.

        --
        Visitenkarte
        ss:| zu:) ls:& fo:) va:) sh:| rl:|
        1. Das geschieht zu recht. Du mußt es halt richtig schreiben. Wie es richtig geschrieben wird, habe ich dir gezeigt.

          Das war jetzt nur Flüchtigkeit im Quelltext ist es richtig geschrieben!

    2. hi,

      Was ist denn dabei herausgekommen, als du probiert hast, moveBy() nicht auf ein Fenster, sondern auf ein anderes Element anzuwenden?

      Was sollte denn deiner Meinung nach dabei herauskommen?

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. <script type="text/javascript">
    function test() {
    i = 0;
    getElementByTagName("img")[0].style.left = i;
    i++;
    }
    </script>
    </head>
    <body bgcolor="black">
    <div style="position:absolute;"><img src="url"width="150" ght="100"></div>

    <form name="Formular">
    <input type="button" value="los" onclick="test()">
    </form>
    </body>

    was hab ich denn falsch gemacht??
    wieso ist getElementByTagName undefined??

    1. hi,

      was hab ich denn falsch gemacht??

      Du drängelst - schliesslich hast du weiter unten im Thread schon mit fast identischem Code gefragt.

      wieso ist getElementByTagName undefined??

      Weil es getElementsByTagName heisst.

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
      1. Weil es getElementsByTagName heisst.

        Hab ich, aber da ändert sich nix... Der ist immernoch undefined

        1. Hallo surrender,

          Du gehörst wohl auch zu denen, die sich durch stundenlanges Herumprobieren minutenlanges Handbuchlesen ersparen.

          Die getElement...-Methoden sind Methoden des Objektes document, also document.getElement...

          Es macht keinen Sinn, das Bild, das Du bewegen willst, "normal" positioniert zu lassen, das umgebende DIV aber absolut. Das Element, dass Du bewegen möchtest, muss absolut positioniert sein.

          Gruß, Jürgen

          1. Ich hab das jetzt so geschrieben.
            Jetzt sagt die Feheler-Konsole nicht mehr aber es funktioniert immernoch
            nicht:

            <head>
            <script type="text/javascript">
            function test() {

            document.getElementsByTagName("img")[0].style.left = 200 ;
            }
            </script>
            </head>
            <body bgcolor="black">
            <div style="position:absolute;"><img src="url"width="150" height="100"></div>

            <form name="Formular">
            <input type="button" value="los" onclick="test()">
            </form>
            </body>

            1. Hallo surrender,

              document.getElementsByTagName("img")[0].style.left = 200 ;

              wie oft muss man Dir noch schreiben, dass hier eine Einheit hinter muss?

              <div style="position:absolute;"><img src="url"width="150" height="100"></div>

              Und was habe ich über die Positionierung geschrieben?

              Gruß, Jürgen

              1. was denn für ne Einheit??

                1. Tach,

                  was denn für ne Einheit??

                  Kartoffelpufferbreiten, falls du die Verschiebung in Kartoffelpufferbreiten messen willst ansonsten bieten sich, die in CSS bekannten Einheiten an.

                  mfg
                  Woodfighter

                  1. okay war ne doofe frage..

                    sorry

                  2. sorry war ne doofe frage...

                    1. Hallo!

                      sorry war ne doofe frage...

                      Du musst nicht alles zweimal sagen. Wird dadurch nicht besser. Ein Posting reicht wirklich zum gleichen Thema.

                      ciao, ww

                      --
                      sh:(  fo:|  ch:~  rl:(  br:>  n4:~  ie:%  mo:)  va:)  de:]  zu:)  fl:(  ss:|  ls:~  js:)
                2. Hallo surrender,

                  ich gebe auf. Ich glaube, man oder zumindestens ich kann Dir nicht helfen.

                  Gruß, Jürgen