Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 30
  1. #1
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    Exclamation Bereich fixieren

    hallo!! ja ich bins schon wieder

    ich habe die aufgabe ein bild mit der maus langziehen zu können. Ich kann das Bild in fast alle Richtungen langziehen, nur nicht in die Richtung wo ich top und left fixiert habe, also zb mit left:200px.

    Nun muss ich es so machen das wenn ich nach links ziehe soll die rechte seite fixiert sein und die linke lang gezogen werden!!

    Ich hoffe ich bin nicht zu undeutlich sonst sagt es einfach!!

  2. #2
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    Wenn du Links "ziehst" (ziehen ist ja nur ein Effekt den du simulierst) dann soll das Bild breiter werden, also muss du die Breite ändern und nciht die Position rechts.

    und nach wie vor Frage ich micht, warum du eine perfekte Bibliothek nicht einsetzt und stattdessen X Tage die rumplagst

  3. #3
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    AW: Bereich fixieren

    komm ich jetzt nicht ganz mit was du meinst!!

    und die bibliothek hilf mir auch nicht

    wie kann ich die breite verändern?? mit width ändert sich wieder der rechte rand und der linke bleibt, ich will ja das wenn ich links ziehe auch links breiter wird und nicht rechts

  4. #4
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    Das wirst du entsprechend berechnen müssen.

    Es gibt kein links oder rechts breiter, das Bild wird insgesamt breiter, dann musst du die Postion so berechnen wie du es haben willst

  5. #5
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    Talking AW: Bereich fixieren

    ich bin ferialer bei einer firma und der chef hat mir diese aufgabe gegeben, ich habe noch nie javascript programmiert und habe eigentlich keine ahnung von dem dreck. Der chef ist jetzt auch noch im krankenstand und keiner kann mir helfen, kannst du mir nicht ein beispiel für diese berechnung geben!!! pls

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    deine Bild hat die Eigenschaften:
    top, left
    width, height

    Du ziehst nach Links, also wird left kleiner, folglich muss width vergrößer werden, um die Breite zu erreichen das das Bild rechts an der gleichen Stelle wie vorher ist.

    Der Pseudocode:
    function ziehenachlinks()
    [obj].left -= 1;
    [obj].width += 1;

  7. #7
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    Arrow AW: Bereich fixieren

    danke für deine Antwort nur wie binde ich das jetzt in mein script ein??

    hier mal mein script was ich bis jetzt habe

    <html>
    <head>
    <title> Bild verändern </title>
    <script language="javascript">
    lastActionState='';
    lastMouseX=0;
    lastMouseY=0;
    richtung=0;


    function changeSizeStart(ev) {
    lastActionState='move';
    htmlElem=((ev.target) ? ev.target : ev.srcElement);
    window.status=richtung;
    }

    function changeSizeEnd(ev) {
    lastActionState='';
    }

    function mouseDownBody(ev) {
    if (lastActionState=='move') {
    lastMouseX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
    lastMouseY=((ev.screenY) ? ev.screenY : ev.clientY) + document.body.offsetTop;
    }
    }

    function mouseUpBody(ev) {
    lastActionState='';
    }

    function mouseMoveBody(ev) {
    var htmlImg;
    var re=/px/g;
    var re1=/pt/g;
    if (lastActionState=='') {
    // berechne Cursor-Type;
    htmlImg=((ev.target) ? ev.target : ev.srcElement);
    if (htmlImg.id!='img_sizeChange') return;
    posX=((ev.layerX) ? ev.layerX : ev.offsetX);
    posY=((ev.layerY) ? ev.layerY : ev.offsetY);
    window.status= posX + '/' + posY;
    imgWidth=htmlImg.style['width'].replace(re,'')-0;
    imgHeight=htmlImg.style['height'].replace(re,'')-0;
    drittelX=Math.floor((posX*3)/imgWidth);
    drittelY=Math.floor((posY*3)/imgHeight);
    if ((drittelY==0) && (drittelX==0)) htmlImg.style['cursor']='nw-resize';
    if ((drittelY==0) && (drittelX==1)) htmlImg.style['cursor']='n-resize';
    if ((drittelY==0) && (drittelX==2)) htmlImg.style['cursor']='ne-resize';
    if ((drittelY==1) && (drittelX==0)) htmlImg.style['cursor']='w-resize';
    if ((drittelY==1) && (drittelX==1)) htmlImg.style['cursor']='move';
    if ((drittelY==1) && (drittelX==2)) htmlImg.style['cursor']='e-resize';
    if ((drittelY==2) && (drittelX==0)) htmlImg.style['cursor']='sw-resize';
    if ((drittelY==2) && (drittelX==1)) htmlImg.style['cursor']='s-resize';
    if ((drittelY==2) && (drittelX==2)) htmlImg.style['cursor']='se-resize';
    richtung=drittelY*3+drittelX+1;
    window.status= posX + '/' + posY + ':' + imgWidth + '/' + imgHeight + ':' + drittelX + '/' + drittelY + ':' + richtung;
    }

    if (lastActionState=='move') {
    newMouseX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
    newMouseY=((ev.screenY) ? ev.screenY : ev.clientY) + document.body.offsetTop;
    window.status=newMouseX + '/' + newMouseY;
    if (richtung==1) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' - diffX;
    htmlImg.style['top']=htmlImg.style['top'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['top'];
    }
    if (richtung==1) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['left']=htmlImg.style['left'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['left'];
    }
    if (richtung==2) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['height']=htmlImg.style['height'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['height'];
    }
    if (richtung==3) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['height']=htmlImg.style['height'].replace(re,'').replace(re1,'')-0 - diffX;
    window.status=htmlImg.style['height'];
    }
    if (richtung==3) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['width']=htmlImg.style['width'].replace(re,'')-0 + diffX;
    window.status=htmlImg.style['width'];
    }
    if (richtung==4) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['left']=htmlImg.style['left'].replace(re,'').replace(re1,'')-0 - diffX;
    window.status=htmlImg.style['left'];
    ziehenachlinks(event)
    }
    if (richtung==5) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['top']=htmlImg.style['top'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['top'];
    }
    if (richtung==5) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['left']=htmlImg.style['left'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['left'];
    }
    if (richtung==6) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['width']=htmlImg.style['width'].replace(re,'')-0 + diffX;
    window.status=htmlImg.style['width'];
    }
    if (richtung==7) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['height']=htmlImg.style['height'].replace(re,'').replace(re1,'')-0 + diffX;
    window.status=htmlImg.style['height'];
    }
    if (richtung==7) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['width']=htmlImg.style['width'].replace(re,'')-0 - diffX;
    window.status=htmlImg.style['width'];
    }
    if (richtung==8) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['height']=htmlImg.style['height'].replace(re,'')-0 + diffX;
    window.status=htmlImg.style['height'];
    }
    if (richtung==9) {
    diffX=newMouseY-lastMouseY;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['height']=htmlImg.style['height'].replace(re,'')-0 + diffX;
    window.status=htmlImg.style['height'];
    }
    if (richtung==9) {
    diffX=newMouseX-lastMouseX;
    htmlImg=document.getElementById('img_sizeChange');
    window.status='schiebe: ' + diffX;
    htmlImg.style['width']=htmlImg.style['width'].replace(re,'')-0 + diffX;
    window.status=htmlImg.style['width'];
    }
    lastMouseX=newMouseX;
    lastMouseY=newMouseY;
    }
    }

    </script>
    </head>

    <body width="800px" height="800px" onMouseDown="mouseDownBody(event)" onMouseUp="mouseUpBody(event)" onMouseMove="mouseMoveBody(event)">

    <img id="img_sizeChange" src="sizeChange.gif" onmouseDown="changeSizeStart(event)" onmouseUp="changeSizeEnd(event)" style="position:relative; left:200px; top:150px; width:400px; height:300px; cursor:move">

    </body>
    </html>

  8. #8
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    Funktioniert das bei dir?
    Bei mir nicht. Im FF ändert sich nur der Mauszeiger, im IE passiert irgendwas, aber nicht das was ich erwarte.

  9. #9
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    AW: Bereich fixieren

    das kann bei dir ja nicht gehen, du hast das bild was ich habe nicht und im ie gehts bei mir auch nicht aber beim ff schon.

    must vllt ein bild von dir ins script tun dann gehts wahrscheinlich

  10. #10
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    Jaja, hab ich natürlich gemacht.

    Das Problem ist dein Skript funktioniert so nur im Quirksmodus, ich hatte noch einen DOCTYPE eingefügt.
    Geändert von ein schlauer (10-08-2005 um 11:34 Uhr)

  11. #11
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    AW: Bereich fixieren

    und nichts geht?

  12. #12
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    AW: Bereich fixieren

    Zitat Zitat von ein schlauer
    Jaja, hab ich natürlich gemacht.

    Das Problem ist dein Skript funktioniert so nur im Quirksmodus, ich hatte noch einen DOCTYPE eingefügt.
    was ist ein quirksmodus und ein doctype?? ich hab keine ahnung von dem zeug

    pls help

  13. #13
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Bereich fixieren

    ich guck mir grad das Skript an. Das stimmt nicht viel, dass muss komplett umgeschrieben werden. Ich hab grad Urlaub mal schauen wie weit ich komme, jetzt muss ich erst mal Frühstücken.

    Ach, wegen DOCTYPE usw. du kennst google? Man kann das nicht mit 2 Sätzen erklären.

  14. #14
    Cord Worthmann ist offline Routinier
    registriert
    27-07-2005
    Ort
    27356 Rotenburg
    Beiträge
    418

    AW: Bereich fixieren

    wenn du beim IE im strict-mode document.documentElement anstelle document.body verwendest, sollte es auch funktionieren.


    grüsse

  15. #15
    Schneider ist offline Doppel-As
    registriert
    01-06-2005
    Beiträge
    124

    AW: Bereich fixieren

    komm ich jetzt nicht ganz mit wie du das meinst mit dem ie

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Ab 18 Jahren Bereich?!?
    Von Evil06 im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 27-06-2005, 01:13
  2. Antworten: 0
    Letzter Beitrag: 25-02-2005, 11:50
  3. Frames Fixieren
    Von mask14 im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 04-09-2002, 01:07
  4. Per JS einen Bereich markieren lassen!?
    Von Togo im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 15-01-2002, 17:39
  5. Antworten: 3
    Letzter Beitrag: 18-11-2001, 15:18

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •