Drap and drop speichern

**Hahaha** · 09.12.2012, 13:10

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>

**GustlPC** · 09.12.2012, 19:24

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

**Hahaha** · 09.12.2012, 20:19

Also php.

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

**GustlPC** · 09.12.2012, 20:48

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

**Hahaha** · 09.12.2012, 20:55

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

**GustlPC** · 09.12.2012, 21:00

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

**Hahaha** · 09.12.2012, 21:18

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

**Darlis** · 09.12.2012, 22:05

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.

**T0a5tbr0t** · 09.12.2012, 22:30

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.

**Hahaha** · 10.12.2012, 15:27

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.

**Daaron** · 10.12.2012, 15:41

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?

**Hahaha** · 10.12.2012, 15:53

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.

**Zephyro** · 10.12.2012, 16:59

@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.

**Hahaha** · 10.12.2012, 17:07

Ok ich schaue mal

**Daaron** · 10.12.2012, 17:21

"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.

**Hahaha** · 10.12.2012, 18:05

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

**T0a5tbr0t** · 10.12.2012, 18:40

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.

**Hahaha** · 10.12.2012, 18:52

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

**Daaron** · 10.12.2012, 19:27

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.

**Hahaha** · 10.12.2012, 20:18

Was mach ich bloß...

?

Thema: Drap and drop speichern

Themen-Optionen

Thema durchsuchen

Anzeige

Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

AW: Drap and drop speichern

Berechtigungen