js: Bild ziehen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktivieren
art
ausprobieren
bild
code
ende
ersten beispiel
grafik
http
karte
kleinen beispiel
lade
maus
papierkorb
problem
tip
url
verhindern
weltkarte
ziehen
-
Ich "pushe" nochmal einen alten Threat von mir wo ich leider immer noch keine lösung habe.
Für lösungsvorschläge jeder Art bin ich dankbar!
Alter Threat:
http://simuliertes.lima-city.de/papierkorb/tmp.htm
simuliertes (also ich selber) schrieb:
Hallo. Also irgendwie gibt es ein Problem mit firefox (und ie 6). und zwar erkennt der onmouseup nicht wenn ich die maus über einem Bild gedrückt halte , ziehe und wieder (über dem Bild) loslasse. Ihr könnt es selber ausprobieren in meinem kleinen Beispiel. Was kann man da machen damit js auch beim drücken & ziehen das mouseup erkennt? http://simuliertes.lima-city.de/papierkorb/tmp.htm
Hintergrund meiner Frage ist das ich eine google-map-like Karte entwickle.
http://simuliertes.lima-city.de/map/karte.htm
Diese sollte idealerweise so funktionieren das man die Weltkarte mit der Maus durch drücken & halten der Linken Maustaste verschieben kann.
Weil das allerdings Bilder sind funktioniert das nicht mit allen Browsern (zB nicht mit firefox).
Ich weiß eine Lösung wäre das ich ein DIv mit fester Größe nehme und die Bilder als Hintergrundbilder lade.
Diese "Notlösung" würde ich allerdings gerne vermeiden weil ich die Karte noch stufenlos zoombar machen möchte, was ja mit <img> geht aber nicht (in allen Browsern) mit Hintergrundbildern....
Help pls
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
füge am Ende deiner function t ein "return false;" ein. Das hält FF davon ab den eingebauten Verschiebemechanismus zu aktivieren.
Gefunden mit GOOGLE unter:
http://www.html.de/javascript-ajax-und-dhtml/26341-drag-von-grafiken-verhindern.html
Gruß
Manni -
bandi999 schrieb:
Hi,
füge am Ende deiner function t ein "return false;" ein. Das hält FF davon ab den eingebauten Verschiebemechanismus zu aktivieren.
Gefunden mit GOOGLE unter:
http://www.html.de/javascript-ajax-und-dhtml/26341-drag-von-grafiken-verhindern.html
Gruß
Manni
WOW
Manchmal können Lösungen ja doch einfach sein ^^
Vielen Dank , im ersten Beispiel funktioniert Dein Tip wirklich.
Bei der Karte (http://simuliertes.lima-city.de/map/karte.htm) suche ich allerdings noch die richtige Stelle um return false; einzusetzen.
Thnks schon einmal
EDIT:
HA!
Ok, Problem gelöst.
Merke:
onmousedown = "mouseIsDown(true); return false;"
deaktiviert den eingebauten Verschiebemechanismus des Browsers (auch ie6)
Beitrag zuletzt geändert: 31.7.2009 1:43:35 von simuliertes -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
