1. #1
    Cadet 1st Year
    Dabei seit
    Okt 2012
    Beiträge
    15

    Drap and drop speichern

    Ihr hattet ja oben diesen code gepostet. Was muss ich da ändern, wenn ich möchte, dass das per drag & drop gezogene teil an der stelle, wo es hingezogen wurde gespeicht wird?

    <html lang="de">
    <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <style>
    .draggable { width: 100px; height: 100px; padding:5px; float: left; margin: 5px; background-color:#FE2E2E; display:inline-block; cursorointer;}
    .droppable { width: 400px; height: 400px; padding:5px; float: left; margin: 10px; background:#2EFE2E; }
    </style>
    <script>
    $(function() {
    $('.draggable').draggable({
    cursor: "pointer",
    revert: "invalid",
    opacity: 0.7,
    snap: ".droppable",
    snapMode: "inner"
    });
    $( ".droppable" ).droppable({
    drop: function( event, ui ) {
    $( this )
    .find( "p" )
    .html( "Dropped!" );
    }
    });
    *
    });

    </script>
    </head>
    <body>
    <div class="droppable">
    <p>Drop here</p>
    </div>
    <div class="droppable">
    <p>Drop here</p>
    </div>
    *
    <div class="draggable">
    <p>Drag me to my target</p>
    </div>
    <div class="draggable">
    <p>Drag me to my target</p>
    </div>
    <div class="draggable">
    <p>Drag me to my target</p>
    </div>
    <div class="draggable">
    <p>Drag me to my target</p>
    </div>
    <div class="draggable">
    <p>Drag me to my target</p>
    </div>
    *
    </body>
    </html>

  2. Anzeige
    Logge dich ein, um diese Anzeige nicht zu sehen.
  3. #2
    Ensign
    Dabei seit
    Nov 2008
    Beiträge
    219

    AW: Drap and drop speichern

    Hallo, ich würde 10sec nachdem ein DIV bewegt wurde ein Ajax request aufrufen, welches die Position in einer dB speichert.

  4. #3
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Also php.

    Ich möchte aber gerne als code, ohne php.

  5. #4
    Ensign
    Dabei seit
    Nov 2008
    Beiträge
    219

    AW: Drap and drop speichern

    HTML ist eine auszeichnungssprache, damit kannst du nichts speichern. Warum nicht mit Ajax in Verbindung mit einer serverseitigen Skriptsprache wie php, Perl,etc?

  6. #5
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Also ich möchte jedenfalls alles nur in meinen code, und nicht in irgendwelchen datenbanken.
    Darin kenne ich mich leider nicht aus.

  7. #6
    Ensign
    Dabei seit
    Nov 2008
    Beiträge
    219

    AW: Drap and drop speichern

    Das ist wohl nicht möglich, zumindest wüsste ich keinen Ansatz...

  8. #7
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Wüsste mal wirklich gerne, warum es so einen code überhaupt gibt, wenn der nicht speichert.
    Ergibt ja keinen sinn.

  9. #8
    Lt. Commander
    Dabei seit
    Jan 2011
    Beiträge
    1.397

    AW: Drap and drop speichern

    Du willst also, dass sich die Datei nach Drag&Drop selbst wieder mit den aktuellen Werten speichert? Das geht sicherlich aber afaik kannst du nur mit JS allein nicht auf das Dateisystem zugreifen. Dafür brauchst du z.B. Java oder eben PHP.
    Und soll die Änderung dann für alle gelten oder individuell für jeden Nutzer? Letzteres geht mit deinem Ansatz nicht.
    "I shall build a table, a round table, so that everyone can look each other in the eye.
    And I shall be elevated above you, in a rocket chair, a magnificent rocket chair,
    so I can look down on all of you and see just how equal we all are." ~ Nostalgia Critic, Kickassia

  10. #9
    Lt. Junior Grade
    Dabei seit
    Apr 2012
    Ort
    Bad Gateway
    Beiträge
    383

    AW: Drap and drop speichern

    Wenn es einfach auf dem PC gespeichert werden soll, wären Cookies der einfachste weg. Sachen wie Web Storage oder Web SQL-Datenbanken gibt es auch in aktuellen Browsern.
    Geht dann aber nur auf einem PC, nicht übers Web.

  11. #10
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Jeder user kann das ändern. Aber wie gesagt, ich möchte einfach gerne nur, dass ich etwas am code dranhänge oder ändere.

    Java würde gehen. Allerdings müsstet ihr mir da mal helfen, allein kann ich so etwas ja nicht schreiben.
    Irgendeine Lösung muss es ja geben.

  12. #11
    Fleet Admiral
    Dabei seit
    Dez 2011
    Beiträge
    11.110

    AW: Drap and drop speichern

    Also mal GANZ GANZ langsam:
    1.) Was willst du, und vor allem wieso, per Drag&Drop bewegen?
    2.) Soll jeder User Dinge nur für sich selbst bewegen oder soll jede Bewegung sich (bei zukünftigen Aufrufen) auf alle Besucher auswirken?
    3.) Warum würdest du zwar das Java Plugin verwenden (aktuell eine riesige Sicherheitslücke), sträubst dich aber gegen PHP?

  13. #12
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Ich erkläre dir mal mein vorhaben.

    Ich möchte so ein spielfeld, auf dem das mitglied per drap und drop spieler draufziehen kann und das dann speichern kann. So dass er seine mannschaft dann mit startformation hat.

    Ich mag php nur nicht so, weil ich mich noch nicht so mit datenbanken auskenne.

    Ergänzung vom 10.12.2012 15:53 Uhr: Allerdings wäre es besser, wenn es alle sehen können dann.

  14. #13
    Ensign
    Dabei seit
    Jun 2011
    Beiträge
    132

    AW: Drap and drop speichern

    @Hahaha

    Ich würde mir an deiner Stelle PHP beibringen. Wenn du dich mal etwas mit PHP befasst hast, dann wirst du bald sehen wie genial PHP ist.
    Wenn du Bücher nicht magst, dann schau dir einfach folgende Video-Tutorials an:
    http://www.youtube.com/user/phptutorialdeutsch

    Ich kann dir diese Videos, aus eigener Erfahrung, sehr empfehlen.

    Alles was du dafür an Tools etc. brauchst, wird in den Videos erklärt. Ist auch alles kostenlos.

  15. #14
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Ok ich schaue mal

  16. #15
    Fleet Admiral
    Dabei seit
    Dez 2011
    Beiträge
    11.110

    AW: Drap and drop speichern

    "genial" würd ich PHP nicht nennen. Es ist ne praktische Sprache, aber sie hat ne ganze Latte an Hirnfürzen.

    Was dein Spielfeld angeht: Du wirst um eine DB-Schnittstelle nicht drum herum kommen. Ob du die aber in PHP, Python, Perl, Ruby oder sonstwas schreibst ist dir überlassen.

  17. #16
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Ja, ich kann es trotzdem nicht.

    Also wüschte, es wäre mit solchen codes ohne datenbank möglich.

    Aber wo ich gerade mal hier bin, ich habe videos gesehen mit formularen, die in meine mysql tabelle oder so senden. Kann ich diese auch in meine webseite einbinden (Tabelle).

    http://www.youtube.com/watch?v=fhIwTuy0rHo&sns=em

  18. #17
    Lt. Junior Grade
    Dabei seit
    Apr 2012
    Ort
    Bad Gateway
    Beiträge
    383

    AW: Drap and drop speichern

    Datenbanken sind nichts anderes als eine Sammlung von Tabellen, die miteinander "verknüpft" sind bzw. sein können.
    Und mit SQL Befehlen werden diese Tabellen verwaltet und Daten eingetragen und Ausgelesen. Das ist nicht schwer zu lernen. SQL kann zwar eine Wissenschaft sein (wie alles in der Informatik ), bei kleinen Sachen ist es von Umfang her aber nicht so viel.

    Als Alternative könntest du Daten in XML-Dateien speichern. Wäre vom lernen her vielleicht etwas weniger.

  19. #18
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Wo kannich mehr darüber erfahren? Video oder so ...

  20. #19
    Fleet Admiral
    Dabei seit
    Dez 2011
    Beiträge
    11.110

    AW: Drap and drop speichern

    Scheiß auf Videos. Videos bringen dir bei so etwas gar nix. Es gab da mal eine tolle Erfindung, die nannte sich Lehrbuch.
    In einem Video kriegst du nur vorgesabbelt, was du genau anklicken sollst.

  21. #20
    Cadet 1st Year
    Ersteller dieses Themas

    Dabei seit
    Okt 2012
    Beiträge
    15

    AW: Drap and drop speichern

    Was mach ich bloß...
    ?

Berechtigungen

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