Position eines DragElements auf dem Screen speichern

Aus gegebenem Anlass: Sichert eure Backupcodes wenn ihr die Zwei-Faktor-Authentifizierung aktiviert habt!

Infos dazu findet ihr nochmal hier

  • Moin,


    arbeite zur Zeit an einem Handy-System. Das Handy ist bereits beweglich, wonach ich allerdings suche,

    ist die Möglichkeit, die Position auch so zu speichern, wie das Handy möglicherweise verschoben wurde und

    beim nächsten Aufruf des Handys wieder dort auftauchen zu lassen, wo die Position abgespeichert wurde.


    Hier der Code meines leeren Divs und der darunter liegenden JavaScript-Funktion. Der Speichercode,

    wenn man ihn so nennen kann, ist ganz unten entlang der Funktion zu finden.




    Hier die CSS-Datei mit #mobile

    Code
    1. #mobile {
    2. position: absolute;
    3. z-index: 9;
    4. width: 240px;
    5. height: 430px;
    6. background-color: grey;
    7. border-radius: 6px;
    8. }



    Mit freundlichen Grüßen

    Kristik47

  • Wenn du die WebView nur versteckst, dann sollte die Position des Handys doch auch gespeichert bleiben.


    Oder willst du es permanent speichern?

    Dann kannst du doch einfach beim speichern den Offset top und den Offset left speichern, und sobald das Handy geöffnet wirst, kannst du den Offset dann wieder auf das Element anwenden.


    Welcher Multiplayer Mod wird verwendet? Dann kann ich dir genauer helfen

    webdev - js, nodejs

    :S:S:S


    Kontakt

    Discord: LeonMrBonnie#9840

  • RageMP wird verwendet. Es soll jede neue Position permanent speichern, solange es nicht wieder

    verschoben wird.


    Beispiel: Person A verschiebt das Teil, schließt iPhone. Öffnet er es wieder, so soll das Teil wieder dort auftauchen, wo es gespeichert wurde.

    Und so immer wieder. Neue Position = wieder abspeichern.


    Es ist wohl eher treffender zu sagen, dass die letzte Position immer gespeichert und aufgerufen werden soll beim Wiederöffnen des Handys.


    LeonMrBonnie

  • Clientside:

    JavaScript
    1. mp.events.add("saveHandyOffset", (top, left) => {
    2. // Hier kannst du dann den Offset z.B. an den Server senden und in der Datenbank speichern
    3. });

    Wenn du dich einloggst, musst du dann halt den Offset aus der Datenbank laden und speichern. Sobald du das Handy öffnest kannst du dann einfach im CEF die loadDragElement Funktion mit den beiden Offsets aufrufen, und dann sollte es wieder da sein wo es vorher war.

    webdev - js, nodejs

    :S:S:S


    Kontakt

    Discord: LeonMrBonnie#9840