Rechteck im Bild aufspannen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
bewegende objekt
bild
ecken
element
ereignis
event
maustaste
netter hilfe
null
objekt
parameter
punkten
rahmen
rechteck
relativ
schaue mal
spannen
tue
umrandung
-
So dank netter Hilfe hat das mit dem Rechteck schon geklappt.
Nun mein n?chstes Problem.
Als Ausgang habe ich das Bild. Nun klicke ich mit der Maus in das Bild und kann ausgehend von diesem Punkt ein Recheck auspannen?
Hab mir ?berlegt den Anfang mit Mousedown und das Ende durch Mouse up zu bestimmen. (Also in Javascript).
Das das Rechteck aber w?hrend des aufpannens angezeigt wird, d?rfte zu kompliziert werden oder hat da einer paar Ideen?
Bzw. k?nnte mir ne Seite nennen wo so was schon mal gemacht wurde oder so ?hnlich.
Beitrag ge?ndert am 14.12 13:07 von duesentrieb73 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
also richtig verstehen tue ich dein Problem nicht, aber ich gehe davon aus, das du eine Imagemap bauen m?chtest.
Dazu kann ich dir nur raten schaue dir das Tutorial von http://www.teamone.de (SelfHTML) an.
Und schaue mal auf http://www.alkopopstars.de unten auf die Linkliste. Die ist n?mlich so eine Imagemap.
Hoffe dir geholfen zu haben.
mfg -
Nein, er will keine Imagemap machen, sondern einfach in einer html datei auf einer Grafik ein Rechteck aufziehen k?nnen...
W?r noch interessant, wozu dieses rechteck dann benutzt werden soll...
also was mit dem bereich, der durch das Rechteck makiert wurde, gemacht werden soll... -
oh sorry, hab schon lange nicht mehr geschaut.. aber mein Problem besteht immer noch..
also hinter dem Rechteck bzw. in dem Bereich den das Rechteck aufspannt liegen Punkte... diese sind schon vorher vorhanden..
Diese sollen dann sp?ter ausgelesen werden.
Mir reicht es schon zu wissen wie ich den Effekt hinbekomme. Also in das Bild clicke und dann z.b. in der Farbe rot ein Rechteck aufziehe. -
meinst du wie ein markier-rahmen? was soll dann passieren wenn du das bild aufgespannt hast?
-
Also ich spann ja kein Bild auf sondern nur einen Rahmen der ein Rechteck darstellt. Praktisch ist ja nur die Umrandung zu sehen.
Innerhalb dieses Rechteckes befinden sich dann Punkte bzw. Daten die in dem Bild makiert sind. Diese sollen dann ausgelesen werden.
Das hei?t das durch das Rechteck ein Bereich makiert wird. Meine Frage dazu ist nun nur wie ich dieses Rechteck aufspannen kann, konkret die Gr??e ?ndern kann.
mit dem folgendem kann ich das Objekt zumindest bewegen wenn ich mit der Maus auf diesem bin und dann mit der rechten Maustaste verschieben.
Mit der rechten linken Maustaste.
....
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
// relativ zur oberen, rechten Ecke des Objekts
var dragx = 0;
var dragy = 0;
// Mausposition
// relativ zur oberen, rechten Ecke des Fensters
var posx = 0;
var posy = 0;
function draginit() {
// Initialisierung der ?berwachung der Events
document.onmousemove = drag;
document.onmouseup = dragstop;
}
function dragstart(element) {
//Wird aufgerufen, wenn ein Objekt bewegt werden soll.
//Parameter element: Das zu bewegende Objekt.
dragobjekt = element;
dragx = posx - dragobjekt.offsetLeft;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
//Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
dragobjekt=null;
}
function drag(ereignis) {
//Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
posx = document.all.theCrop ? window.event.clientX : ereignis.pageX;
posy = document.all.theCrop ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null) {
dragobjekt.style.left = (posx - dragx) + "px";
dragobjekt.style.top = (posy - dragy) + "px";
}
}
...
Ich m?chte nun wenn ich auf dem Objekt mit der Maus drauf bin, das Rechteck in der Gr??e noch zus?tzlich ?ndern. (z.B. mit der linken Maustaste) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage