Hallo mal wieder!

Ich schieße direkt mal los. Angenommen ich habe ein Schachbrett und möchte mit einem Klick auf ein Feld eine vorher selektierte Spielfigur bewegen, kann man dies realisieren ohne die angezeigte Seite neuzuladen? Das Spielbrett hat auf jedem Feld einen sensitiven verweis.

wie hier: http://de.selfhtml.org/html/grafiken..._sensitive.htm

Kann mir da jemand weiterhelfen?
Vielen Dank im Voraus!
Matthoz

Jo, das kann man.

Speichere zuerst die zu ziehende Figur in einer Variablen.
Dann...beim Klicken auf das Feld, ermittle die Koordinaten der linken oberen Ecke des Feldes, und platziere dort die Grafik(Figur)

Die Koordinaten kannst du über das Event-Objekt ermitteln: http://de.selfhtml.org/javascript/ob...tm#allgemeines

Vielen Dank für deine Antwort. Der Link den du angegeben hast, zeigt, wie ich bespielsweise die position meines Mauszeigers abfangen kann um dann damit weiterzuarbeiten, leider habe ich jedoch nichts gefunden, was mich bei meinem eigentlichenProblem weiter bringt.

Ich weiß nämlich nicht wie ich es realisiert bekomme, dass sich bei einem Klick auf eines der Felder, die Figur vom alten Feld auf das neue bewegt. Kann mir da jemand weiterhelfen?

Da steht aber auch, wie man die Koordinaten des angeklickten Objektes ermitteln kann...und das hilft dir schon weiter.

Die Figur bewegst du, indem du sie per CSS absolute positionierst und dann per JS ihre style-Eigenschaften top und left auf die Koordinaten des angeklickten Feldes setzt...wobei die Koordinaten des Ausgangsfeldes halt interessant sind.

Es wäre übrigens für dein Vorhaben weitaus praktischer, wenn du statt der Imagemap mit einer Tabelle arbeiten würdest...für jedes Feld eine Zelle.
Falls du wirklich ein Schachspiel skripten willst, erleichtert dir das den Zugriff auf die Felder ungemein, und das mit dem Verschieben der Figur wäre dann auch weniger umständlich

nene, wäre nicht praktischer, weil das feld dreidimensional ist. ich programmiere auch kein schach, aber das war einfach für das beispiel. es geht um eine isometrische ansicht...

ist es denn nicht möglich eine grafik richtig pixel für pixel an eine andere stelle zu bewegen? also dass diese figur sich dort hibewegt? am besten auch noch eine gif, weil ma diese zusätlich animieren kann. naja, ich bin absolut ratlos, was sowas angeht. von javascript hab ich überhaupt keine ahnung.

Zitat von matthoz

ist es denn nicht möglich eine grafik richtig pixel für pixel an eine andere stelle zu bewegen?

Wer sagt, dass dies nicht möglich ist

Die Figur bewegst du, indem du sie per CSS absolute positionierst und dann per JS ihre style-Eigenschaften top und left auf die Koordinaten des angeklickten Feldes setzt
...du kannst also deine Grafik hinsetzen, wo du willst, das Ganze auch wiederholt mit wechselnden Koordinaten...das ergäbe den Effekt einer Animation.

Wenn du allerdings keine Ahnung hast von Javascript, müsstest du dich da schon ein wenig einlesen...es ist zwar nicht sonderlich kompliziert, ein gewisses Basiswissen braucht man aber schon.

Weiterhin: Verwende in deinen Beiträgen bitte eine korrekte Gross/kleinschreibung...Details dazu kannst du in der Netiquette nachlesen.
Danke.

Sorry erst mal wegen der Rechtschreibung. War grade in eile *rausred*.

Mh, ich habe das eben so verstanden, dass man eine Grafik von einer position an einer andere Setzt, diese dann aber nicht über andere Felder verschoben, sondern direkt auf dem Ziel plaziert wird, also nicht den Weg bis da hin geht.

Wüsste jetzt nicht, wo ich anfangen soll mir diese DIV-Bewegung anzueignen.

Matthoz

Zitat von matthoz

Wüsste jetzt nicht, wo ich anfangen soll mir diese DIV-Bewegung anzueignen.

Als erstes wäre es gut, zu wissen, wie man CSS-Eigenschaften von Objekten ändern kann(bei dir top und left).

Eine Einführung dazu gibts hier: http://de.selfhtml.org/dhtml/modelle..._eigenschaften

Danke mal wieder, für deine freundliche und zügige Hilfe. Der Link scheint jedoch nicht zu funktionieren.

habs jetzt: http://de.selfhtml.org/dhtml/modelle..._eigenschaften

sorry....habs geändert.

Viele Dank noch mal für deine großartige Hilfe! Echt spitze, das bringt mich um einiges weiter!

Matthoz

Wenn du damit durch bist, schau dir setTimeout() an... das brauchst du dann, um die Position wiederholt zu Ändern....damit es eine Bewegung wird

Ja vielen dank, ich habe aus der Rotation in dem Beispiel schon verstanden, wie es mit der Bewegung zustande kommt. Echt Klasse !