Bildpositionieren ohne Serverzyklus an die position des Mauszeig

[joes]

Hallo,

nach mehreren Stunden verzweifelten Versuchens möchte ich hier mal fragen ob mir jemand helfen kann.

Ich möchte gerne auf ein Bild ein anderes Bild legen, welches an die Position gelegt wird, auf die ich klicke. Sprich ich muss die Mauskoords ermitteln, was ich auch schaffe, dann muss das Bild(in dem Fall ein X) an diese Stelle gelegt werden.

Das Ganze habe ich bereits geschafft aber eben mit serverzyklus ich müsste es aber ohne haben und das schaffe ich nicht.

Ich hoffe es ist verständlich was ich erreichen möchte und hoffe mir kann jemand helfen.

Gruß joes

[molily]

Hallo,

Das Ganze habe ich bereits geschafft aber eben mit serverzyklus ich müsste es aber ohne haben und das schaffe ich nicht.

Ich hoffe es ist verständlich was ich erreichen möchte

Nein.
Wenn du alles heraus hast, wo liegt das Problem? Beim Setzen von CSS-Eigenschaften via JavaScript? Das geht mittels style.
Warum nutzt du dazu einen »Serverzyklus« bzw. warum glaubst du, dies tun zu müssen und wie tust du es?

Mathias

[joes]

Hallo Mathias,

um an die Koordinaten zu komme habe ich folgendes gemacht

<form method="post">
<input type="image" img src="./images/bilder/schwarzer hintergrund.JPG" width="1173px" height="699" name="pic1" alt="bild groß">
</form>

die koords werden dann an die php geschickt(nutze smarty) dann wieder zurück und dann setzt ich die pos. auf die werte. die Seite muss dafür aber nunmal neugeladen werden was nicht passieren darf.

Deswegen hab ich nun ein JS-script verwendet um an die koords zu kommen und ich bekomme sie auch raus ich lasse diese in Variablen schreiben und weiss nun nicht wie ich diese hier hinein bekomme:

<script type="text/javascript">
 document.write('<img src="button_info.gif" id="imgId" style="position: absolute; left: "X-wert"; top: "Y-wert"">')
</script>

In die sollen die Koords rein
"Y-wert"
"X-wert"

Das was du mir gepostet hast kommt dem schon nahe muss nurnoch durchblicken wie ichs bei mir anwenden kann. :)

Danke dir ich gucke mal drüber wenn dir etwas einfällt ich bin noch da ^^

[molily]

Hallo,

Deswegen hab ich nun ein JS-script verwendet um an die koords zu kommen und ich bekomme sie auch raus ich lasse diese in Variablen schreiben und weiss nun nicht wie ich diese hier hinein bekomme:

<script type="text/javascript">
document.write('<img src="button_info.gif" id="imgId" style="position: absolute; left: "X-wert"; top: "Y-wert"">')
</script>

document.write wird beim Laden der Seite ausgeführt. Wenn du ohne das Laden eines neuen Dokuments vom Server auskommen willst, kannst du document.write vergessen. Nachdem das Dokument einmal aufgebaut ist und du mittels Event-Handling das Klick auf das große Bild überwachst, kannst du kein document.write mehr verwenden.

Du bindest also das button_info.gif ganz normal ins HTML ein. Im JavaScript kannst du es dann, wenn ein Klick auf das große Bild erfolgt, ansprechen und seine left- und top-werte ändern. Das geht über .style.left bzw. .style.top, die entsprechende Erklärungsseite in SELFHTML habe ich schon verlinkt. Beispiel:

var leftPos = 100; // angenommen
document.getElementById("imgId").style.left = leftPos + "px";

Für top gehts nach demselben Schema.

Mathias

[Timo]

Warum nutzt du dazu einen »Serverzyklus« bzw. warum glaubst du, dies tun zu müssen und wie tust du es?

Ähmm, nur aus Neugierde, was ist ein serverzyklus?

Nie gehört und google gibt auch nicht viel her.

Timo