Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: Fensterbegrenzung mit js

  1. #1
    Teeny
    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Fensterbegrenzung mit js

    Hallo an alle
    Ich hoffe das ihr mir helfen könnt.
    Folgendes:

    Ich habe einen Div-Container den ich mittels Drag& Drop verschieben kann. Was auch wunderbar funktioniert. Nun stehe ich aber vor dem Problem, das sich dieser Div-Container aus dem Browser-fenster hinausschieben läßt.
    Wie kann ich das verhindern?

    Mein bisheriger Ansatz sieht wie folgt aus:

    Code:
     if (objDrag.style.left < "2px" || objDrag.style.top < "2px")
                                            {    
                                             stopDrag()    
                                            }
    Nur das klappt nicht und die Bewegung wird sehr langsam und verzögert.

    Danke im vorraus für eure hilfe

    Dicker
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fensterbegrenzung mit js

    mmh also für links und oben klappt des ja von der abfrage her...
    nur beim ausführenden code würde ich die position des divs auf 2px setzen oben und unten.. also immer den wert, derals begrenzung angegeben wurde..., das ganze aufrufen vor stopDrag();
    für die rechte und untere begrenzung is des viewport-höhe und vieport-breite minus 2px und das minus die breite bzw höhe des divs
    is halt n bissi rechnerei mit formeln
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fensterbegrenzung mit js

    Die Abfrage klappt nicht. Der Container läßt sich über die grenze von 2px hinausschieben. Auch ist es so, das die Containerbewegung dadurch extrem verlangsamt wird.
    Left und Top reicht aus. Rechts und unten kann ich vernachlässigen
    Geändert von Dicker1 (27.01.2009 um 15:52 Uhr)

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fensterbegrenzung mit js

    in der drag-funktion kannste auch direkt ne sperre einbauen... und wenn des in einer if-abfrage net hinhaut, machste eben zwei..
    sollte so auf jeden fall klappen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So sieht die Drag-funktion aus:

    Code:
        function doDrag(ereignis)
                    {
                        mouseX = (IE) ? window.event.clientX : ereignis.pageX;
                        mouseY = (IE) ? window.event.clientY : ereignis.pageY;
                        
                                if (objDrag != null) 
                                {
                                objDrag.style.left = (mouseX - offX) + "px";
                                objDrag.style.top = (mouseY - offY) + "px";
                                //window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
                                     if (objDrag.style.left < "2px" || objDrag.style.top < "2px")
                                            {    
                                             stopDrag()    
                                            } 
                                }
                    }
    Die sperre steht in der Funktion.

    Auch wenn ich die Abfrage aufteile klappt es nicht.
    Das verschieben stopt nach wenigen px.
    Geändert von synaptic (27.01.2009 um 16:37 Uhr) Grund: beiträge zusammengeführt

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fensterbegrenzung mit js

    aber das stopDrag() wird aufgerufen? also ausgeführt...?
    mach mal nen alert da rein, der dann die aktuelle position zurückliefert..
    und arbeite nicht mit strings.. parse den integer-wert aus der position und arbeite mit ner ganzen zahl...
    die funktion heisst parseInt()
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fensterbegrenzung mit js

    Ich habe es so gemacht :

    Code:
    lft = parseInt(objDrag.style.left); 
                                tp = parseInt(objDrag.style.top); 
    
                                      if (lft < 2)
                                            {    
                                             stopDrag()    
                                            } 
                                     if (tp < 2)
                                            {    
                                             stopDrag()    
                                            }   
                                }
    Die Werte habe ich mir anzeigen lassen. Die stimmen auch. Ebenso wird auch der "stopDrag" aufgerufen. Aber es klappt trotzdem nicht. Der Container wandert immer heraus. Die Sperre ist nicht wirksam.

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fensterbegrenzung mit js

    dann sag dem ding mal nach stopDrag noch
    objDrag.style.left = "2px";
    objDrag.style.top = "2px";


    ps: bin in ca ner std wieder da...
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Fensterbegrenzung mit js

    Das klappt jetzt.
    Danke Dir.

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Fensterbegrenzung mit js

    jo, kein ding
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Stichworte

Berechtigungen

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