kostenloser Webspace werbefrei: lima-city


Rechteck im Bild aufspannen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    duesentrieb73

    duesentrieb73 hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. 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...
  5. Autor dieses Themas

    duesentrieb73

    duesentrieb73 hat kostenlosen Webspace.

    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.
  6. meinst du wie ein markier-rahmen? was soll dann passieren wenn du das bild aufgespannt hast?
  7. Autor dieses Themas

    duesentrieb73

    duesentrieb73 hat kostenlosen Webspace.

    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)
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!