Visualizzazione dei risultati da 1 a 10 su 10

Discussione: Problema con Drag&Drop

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61

    Problema con Drag&Drop

    Ciao,

    sto lavorando ad un progetto in cui vorrei avere una pagina in cui lutente può fare drag&drop di un elemento e poi avere la possibilità di inserire il dato in tabella.

    Per esempio, vorrei che gli utenti potessero spostare degli item dalla sinistra in una zona della pagina a destra e poi cliccare su INVIA per poter archiviare in un database Access le modifiche.

    Come posso intercettare l'evento con javascript?

    Premetto che non sono un esperto di Javascritp, ma con ASP non è possibile relaizzare quello che voglio.

    Potete aiutarmi?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    No operazione fattibile solo in js.
    Fai spostare (clicca sul link segnala ad un moderatore) la discussione nel forum specifico javascript
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61
    Grazie ancora a te.
    Ho chiesto di spostare la discussione in javascript.

    Ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61
    Ciao,

    nessuno può darmi una mano a capire come fare?

    Grazie

  5. #5
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Operazione piuttosto complessa per essere sviluppata in un forum. Ti conviene cercare script già fatti.

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ricordati che questo non è un help-desk pertanto i tempi per una risposta/aiuto sono più dilatati e tanto meno sicuri.
    Quello che vuoi fare è abbastanza complesso per un profano vedi se questo può esserti d'aiuto.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61
    Ciao,

    in realtà io ho preparato uno script che mi permette di fare il drag&drop di un oggetto. Il mio problema è che quando richiamo la pagina asp per l'inserimento nel database access, viene inserita una riga vuota. Immagino che il problema sia legato al fatto che non riesco ad intercettare con la form il valore appena spostato con il mouse (drop).

  8. #8
    Utente di HTML.it L'avatar di carlomarx
    Registrato dal
    Oct 2009
    Messaggi
    1,669
    Ti posso consigliare la strada da seguire. Usa l'evento onmouseover del document (che probabilmente starai già usando per il drag&drop). Inseriscici delle righe di codice che sfruttino la proprietà target dell'evento e, con un if, qualora il nodo sia quello giusto e qualora l'utente stia facendo il trascinamento, fai partire l'operazione.

  9. #9
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61
    Ciao carlomarx, grazie per il suggerimento. Il mio problema è che non sono un esperto js.
    provo a seguire il tuo consiglio.

  10. #10
    Utente di HTML.it
    Registrato dal
    Jul 2011
    Messaggi
    61
    Ciao, ho provato a scrivere il codice, ma non mi inserisce nessuan riga sul db ....

    Consigli? mi potete indicare dove sbaglio?


    <%
    Connessione al database Access
    %>

    <%
    ciclo per recuperare i dati estratti dalla query lanciata sopra
    %>

    <%
    'Passo al successivo recordset nel database
    rs.MoveNext()
    'Ritorna al ciclo while se la condizione (NOT rs.EOF AND NOT rs.BOF) è vera
    WEND
    'Chiude l’oggetto Recordset
    rs.Close
    conn.Close
    %>
    </tr>
    </td>
    </table>


    <script language="javascript" type="text/javascript">
    var Giu = true;
    var L, T, X, Y;

    function Coordinate()
    {
    if (event.srcElement.id == "M")
    {
    Giu = true;
    document.onmousemove = Muovi;
    L = document.getElementById("M").style.pixelLeft;
    T = document.getElementById("M").style.pixelTop;
    X = event.clientX;
    Y = event.clientY;
    }
    }

    function Muovi()
    {
    if (Giu)
    {
    document.getElementById("M").style.pixelLeft = L + event.clientX - X;
    document.getElementById("M").style.pixelTop = T + event.clientY - Y;
    }
    }

    function Su() { Giu = false; }

    document.onmousedown = Coordinate;
    document.onmouseup = Su;

    </script

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.