ThomasJ: (JAVASCRIPT) Bewegung von DIVs/LAYERs in alle Richtungen

Hallo liebe leser,

ich habe eine Frage, die evtl. nicht so einfach beantwortet werden kann (ich weiss es nicht?!) und auch nicht so dringend ist, dass ihr euch da "reinstresst", aber es würde mich einfach interessieren...

Ich bin nicht so der Mathematiker unter den html-Progarmmierern. Würde aber gerne layer/divs über den Bildschirm bewegen.

der Knackpunkt: nicht horizontal (x- bzw. left-variable verkleinern oder vergrößern, also kein Problem) oder vertikal (selbe mit y/top) und auch nicht 45°-diagonal (beides gleichzeitig) sondern möglichst frei, aber auf einer geraden linie.

Ich dachte da an eine funktion, die z.B. einen layer/div bewegt, wenn ich ihr vier Argumente übergebe...:

function moveInDirection( divID , startX , startY , degr ) {
  ...
}

// divID:       Objekt Layer/Div wird übergeben
// startX/Y:    Koordinaten - wo startet die Bewegung?
// degr:        Der Kernpunkt :)

Optimalerweise sollte ich mit Hilfe einer Grad-Angabe (degr: 0-359) die Richtung der Bewegung steuern können. Wenigstens Grob (z.B. in 10°-Schritten).

Dass das evtl. nicht 100% hinhaut ist nicht so wichtig.

Ich würde mich freuen, wenn mir jemand eine mögliche Lösung nennt und wenn Möglich auch sagt, was die genau macht (damit ich auch mal was lerne :-)

Sollte eine "crossbrowser"-Lösung unnötig komplizierter sein, bitte nur IE-Version ;)

Danke für Eure Mühe
mfg
Thomas J.

  1. hallo thomas

    schau mal hier nach

    http://www.aquilon.de
    oder

    http://www.htmlguru.com (top-site mit download)

    ciao stefan

  2. Hallo Thomas,
    unter :
    [linl:http://www.dansteinman.com/]
    gibte es eine ganze Philosophie zu diesem Thema. Einarbeitungszeit ist nötig, aber dann funkt's auch mit dhtml!

    Viele Grüße aus Ludwigsburg ;-)

    1. Hallo Leute,

      es ist nett, dass ihr mir Links zu DHTML-Seiten schickt. Allerdings ist, denke ich, nicht die programmiertechnische Umsetzung das Problem. Viel mehr würde mich interessieren, welcher mathematische Algorithmus dahinter steckt (muss doch einen geben?!) Denn die Bewegung der DIVs/Layers ist an sich kein Problem. Aber die Berechnung der Bahnen...

      mfg
      Thomas J.

      1. nochmal hallo

        ich hoffe dieser link bringt dich weiter

        http://www.net-graphics.de/Dhtml/dhtml13.htm

        sollte er einen 404 bringen liegt es daran das ich das dokument off-line habe, dann mußt du dich durchhangeln

        bis bald stefan

  3. Hi!

    Sollte eine "crossbrowser"-Lösung unnötig komplizierter sein, bitte nur IE-Version ;)

    Du hast Dich gerade um eine Antwort gebracht.

    Grüße,

    Bio

    {der gerne eine kleine DHTML-Demonstration präsentiert (Die Vorversion der Seite meines StarCraft-Clans)}

    http://outpost.purespace.de/newpage/nexusnew.html

    Irgendwo im Quelltext kann man den ganzen Kram finden, den man für DHTML braucht *gg*.

    Das Passwort ist übrigens 'nexus', die Seite wird demnächst unter http://www.protossnexus.cjb.net zu finden sein. (*WERBUNG*)

    <img src="http://outpost.purespace.de/mozilla.jpg" alt="">

    1. Hi!

      Sollte eine "crossbrowser"-Lösung unnötig komplizierter sein, bitte nur IE-Version ;)

      Du hast Dich gerade um eine Antwort gebracht.
      Grüße,

      Bio

      Da sind sie wieder, die Hardcore-Netscaper? =) nach meinen erfahrungen ist DHTML meiner meinung nach mit dem IE noch etwas leichter zu realisieren. wenn Du da anderer meinung bist, ist das auch OK. =)

      Eine sehr schöne Seite übrigens! Ich denke, ich werde sie mir mal genauer ansehen!

      Freundlichen(!) Gruß aus der IE-Szene
      Thomas J.