memorizzare gli elementi di un drag n drop

zighy

Utente Attivo
20 Gen 2012
96
0
0
Ho una pagina con un javascript che permetti di draggare gli elementi contenuti in un div, il problema è che quando faccio il refresh gli elementi tornano alla loro posizione di partenza.Mi è stato consigliato di usare ajax per memorizzare la loro posizione.
La pagina è questa:

HTML:
<head>
 <style type="text/css"> .dragme{position:relative;cursor: pointer; cursor:hand}</style>

 <script type="text/javascript">
 var ie=document.all;
 var nn6=document.getElementById&&!document.all;
 var isdrag=false;
 var x,y;
 var dobj;

 function movemouse(e){
 if (isdrag){
 dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
 dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
 return false;
 }
 }

 function selectmouse(e){
 var fobj = nn6 ? e.target : event.srcElement;
 var topelement = nn6 ? "HTML" : "BODY";
 while (fobj.tagName != topelement && fobj.className != "dragme"){
 fobj = nn6 ? fobj.parentNode : fobj.parentElement; }
 if (fobj.className=="dragme"){
 isdrag = true;
 dobj = fobj;
 tx = parseInt(dobj.style.left+0);
 ty = parseInt(dobj.style.top+0);
 x = nn6 ? e.clientX : event.clientX;
 y = nn6 ? e.clientY : event.clientY;
 document.onmousemove=movemouse;
 return false;
 }
 }

 document.onmousedown=selectmouse;
 document.onmouseup=new Function("isdrag=false");

 </script>
 <script>

 import com.sun.image.codec.jpeg.JPEGCodec;
 import com.sun.image.codec.jpeg.JPEGImageEncoder;
 import java.awt.Component;
 import java.awt.Dimension;
 import java.awt.image.BufferedImage;
 import java.io.*;
 import javax.swing.*;
 import java.awt.*;
 import java.awt.event.*;
 import java.awt.image.*;
 import javax.swing.*;
 
public class cattura
 {
 
public static void main(String[] args)
 { 
GraphicsEnvironment environment =
 GraphicsEnvironment.getLocalGraphicsEnvironment();
 GraphicsDevice screen = environment.getDefaultScreenDevice();
 try {
 Robot robot = new Robot(screen);
 run(robot);
 }
 catch (AWTException exception){}
 }
 
public static void run(Robot robot)
 {
 robot.delay(2000);
 BufferedImage image = robot.createScreenCapture(new Rectangle(0, 0, 800, 600));
 ImageF frame = new ImageF(image);
 frame.show();
 }
 
}
 
class ImageF extends JFrame
 {
 public ImageF(Image image)
 {
 setTitle("Cattura");
 setSize(800,600);
 
Container contentPane = getContentPane();
 JLabel label = new JLabel(new ImageIcon(image));
 contentPane.add(label);
 label.setSize(800,600);
 
saveComponentAsJPEG(label,"a.jpg");
 }
 
public static void saveComponentAsJPEG(Component myComponent, String filename)
 {
 BufferedImage myImage;
 Dimension size = myComponent.getSize();
 myImage = new BufferedImage(size.width, size.height,BufferedImage.TYPE_INT_RGB);
 java.awt.Graphics2D g2 = myImage.createGraphics();
 myComponent.paint(g2);
 try{
 OutputStream out = new FileOutputStream(filename);
 JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
 encoder.encode(myImage);
 out.close();
 }
 catch(Exception e){
 System.out.println(e);
 }
 }
 }
 
</script>

 
<body bgcolor="#000000">

 
<div align="center">
 <table border="0" cellspacing="0" width="100%" cellpadding="0" id="table1" height="662">
 <tr>
 <td width="50%">

 <div align="center" class="dragme"><font face="Bodoni MT Black" color="#FFFF00" size="2">elemento 1</font></div>
 <div align="center" class="dragme"><font face="Bodoni MT Black" color="#FFFF00" size="2">elemento 2</font></div>
 <div align="center" class="dragme"><font face="Bodoni MT Black" color="#FFFF00" size="2">elemento 3</font></div>
 </td>
 </tr></table>
 </div>
 </body>

Il mal di testa gia'ce l'ho...se qualcuso potesse gentilemtne aiutarmi
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Ciao zighy... ancora nessuno ti ha risposto

io tanto ho fatto una cosetta
ti volevo chiedere... è per forza necessario usare il trascinamento di un oggetto?
Siccome mi fa intereferenza sulla memeorizzazione ho provato con la tastiera cioè
i tasti freccette
http://max400scuola.altervista.org/aaa/a-php/carro/spazio.html
muovi il carro armato con i tasti freccette...
poi premi spazio e ti dice la posizione attuale...
poi premi il tasto 'A' ed invia la tua posizione ad una pagina php
poi ritorna alla pagina precedente...sposta il carro in un punto qualsiasi
e richiama cliccando sul pulsante o premendo il tasto 'R'
in qualsiasi momento potrai leggere la tua posizione con 'spazio'

---------------------------------------------------
poi quest'altro
http://max400scuola.altervista.org/aaa/a-php/memorizza.php

si scrivono le coordinate non mettero lo 0 e riempili tutti e due
clicca invia...ritorna alla pagina principale... e clicca su aggiorna
il carro si dovrebbe posizionare nell'ultimo punto in cui l'hai memorizzato
Attenzione il tasto sposta non memorizza..in questo caso ti serve solo per spostare il carro
e poi richiami la posizione memorizzata con 'aggiorna'

Non è la stessa cosa del drag e drop ma sempre meglio di niente
a meno che non riesco a risolvere il problema di incompatibilità di script

au revoir
by Max_400
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Memorizzare i dati nei campi prima dell'invio al db PHP 4
M Leggere il contenuto di una cartella e memorizzare il nome file in mysql PHP 1
V [PHP] Memorizzare scelte select in db e leggerle PHP 6
P Problema: come memorizzare il contenuto visualizzato di un dvd PHP 6
1 Memorizzare il valore di una checkbox e stamparlo su un'altra pagina! Javascript 4
S memorizzare elemento jQuery 1
S php memorizzare l indirizzo ip quando uno si registra PHP 4
P Problema: come far leggere unintero dvd da php e memorizzare il suo contenuto ???? PHP 38
C Meglio memorizzare alcuni parametri in $_SESSION o fare richieste al database? PHP 6
D AJAX - Si possono memorizzare i risultati delle richieste in una qualche cache? Javascript 8
S Memorizzare nome file allegato da form registrazione PHP 1
P Come memorizzare le immaggino con selezione multipla PHP 2
neo996sps Tutorial sito multilingua: come memorizzare e riutilizzare selezione tramite cookie PHP 2
V Memorizzare un'immagine in db mysql PHP 60
F Memorizzare valore variabile da una funzione javascript Javascript 10
A Memorizzare valori di più select PHP 1
R Progettare BDD per memorizzare schemi relazionali Database 0
I [javascript] memorizzare selezioni di un campo select di un modulo Javascript 1
X Memorizzare i dati se c'è un errore PHP 2
purno Non memorizzare sul pc una pagina web: HTML e CSS 0
I salve a tutti gli iscritti. Presentati al Forum 1
otto9due Proteggere file caricati dall'esterno ma renderli accessibili per gli utenti loggati. PHP 4
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
napuleone visualizzare il codice senza usare gli & HTML e CSS 1
A Contare gli elementi di un array PHP 13
C Saluti a tutti gli utenti del Forum Presentati al Forum 0
T [a pagamento] programmatore PHP che mi aiuti a migrare gli script da vecchia versione PHP a nuova Offerte e Richieste di Lavoro e/o Collaborazione 1
D Avere gli stessi colori su Photoshop e TV via Chromecast Photoshop 1
L [PHP] cambiare gli if in un url semplice PHP 1
G Buongiorno a tutti gli iscritti al Forum Presentati al Forum 1
D [ASP] Eliminare gli zeri che nn servono Classic ASP 1
M [PHP] Come gestire gli utenti online PHP 9
L [PHP] convertire gli url ad forma semplice PHP 3
P Bloccare connessione internet per gli emulatori in android studio Sviluppo app per Android 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
A [PHP] Invio messaggio a tutti gli iscritti PHP 2
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
T [PHP] tornare alla pagina con gli input già compilati PHP 2
K [WordPress] servizio che capta gli hashtag di fb e instagram WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
Z Esporta da PHP a EXCEL rimanendo gli ZERI PHP 3
Y Ciao a tutti gli utenti Presentati al Forum 0
GiusERC Un saluto a tutti gli iscritti Presentati al Forum 1
B Un saluto a tutti gli utenti del forum Presentati al Forum 2
E [PHP] GUMP: mostrare gli errori tramite array PHP 1
M Un saluto a tutti gli utenti del forum Presentati al Forum 1
Trapano [PHP] Mappa con gli indirizzi PHP 3
felino Importare i post di Facebook tra gli articoli di Wordpress WordPress 0
S [RSS] Gli RSS si aggiornano in base al tempo o ad un nuovo elemento? XML 2
C Cia a tutti gli amici del forum. Presentati al Forum 1

Discussioni simili