n° 186
Luglio/Agosto 2013
Giugno 20, 2013, 12:56:37 am *
Benvenuto! Accedi o registrati.
Hai dimenticato l'e-mail di attivazione?

Accesso con nome utente, password e durata della sessione
Notizia:
 
   Indice   Linux Windows Techassistance Gameassistance videogame hardware Aiuto Ricerca Agenda Downloads Accedi Registrati  

* Messaggi recenti
Messaggi recenti
Pagine: [1]   Vai giù
  Stampa  
Autore Discussione: il DRAP del Drag&Drop  (Letto 1041 volte)
0 utenti e 1 Utente non registrato stanno visualizzando questa discussione.
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« inserita:: Luglio 02, 2012, 10:11:08 pm »

Scusatemi l'oggetto...
Con DRAP indico qui il punto di partenza.
Sto sviluppando un filetto (tris evoluto) e avrei bisogno che al drop del drag io risca a sapere il div da cui è partita la pedina per poterla poi liberare in un momento successivo.
Il motivo per cui l'avevo bloccata è quello d'impedire agli utenti di poter mettere più pedine sulla medesima casella.

Sapete aiutarmi?
Cosa cerchereste su un motore di ricerca?
TNX
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #1 inserita:: Luglio 03, 2012, 08:07:50 am »

Secondo me è sufficiente usare l'oggetto window.event e nello specifico i suoi campi srcElement e target (http://www.quirksmode.org/js/events_properties.html).


Spero di esserti stato utile.
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #2 inserita:: Luglio 03, 2012, 01:33:23 pm »

Uhm... sarò io stupido... ma non ho capito nulla di come potrei fare!
Grazie ugualmente.
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #3 inserita:: Luglio 03, 2012, 02:11:26 pm »

manda il codice che hai già realizzato e cercheremo di aiutarti.
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #4 inserita:: Luglio 04, 2012, 01:37:55 am »

TNX!
Il codice potete trovarlo a http://www.bertolottipf.it/downloads/filetto.zip
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #5 inserita:: Luglio 04, 2012, 05:55:48 pm »

All'interno della pagina che ci hai indicato puoi segnalare a quale porzione di codice si riferisce la tua domanda?
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #6 inserita:: Luglio 05, 2012, 10:00:07 am »

Uhm.... un metodo da richiamare al passaggio sopra ogni pedina. In questo modo si può prendere una volta sola l'id del DRAP.
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #7 inserita:: Luglio 05, 2012, 02:22:20 pm »

Non ho capito se la mia osservazione ha risolto il tuo problema.
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #8 inserita:: Luglio 05, 2012, 10:05:29 pm »

Ancora no... ma ci sto lavorando su... ma non è facile!

Soprattutto, questo non so come andare avanti!

Codice:
function eventoSopraPedine() {
$('body').mouseover(function (event) {
//event.target è l'elemento su cui si è posizionati
var $target = $(event.target);

if ($target.hasClass('piece')) {

}
});
}

Riesci a darmi una mano?
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #9 inserita:: Luglio 06, 2012, 08:20:17 am »

Spiega a parole quello che vorresti venisse fatto nell'if perchè non l'ho chiaro.
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #10 inserita:: Luglio 06, 2012, 08:22:39 am »

Prendere l'elemento sottostante... se è classe cell, prendere l'id della classe cell e liberarla.
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #11 inserita:: Luglio 06, 2012, 08:43:00 am »

Cosa intendi per elemento sottostante? Il primo figlio dell'elemento di classe piece?
Registrato
bertolottipf
Full Member
***

Karma: +4/-4
Scollegato Scollegato

Messaggi: 326


Mostra profilo E-mail
« Risposta #12 inserita:: Luglio 06, 2012, 08:46:48 am »

No... intendo...
Una volta cambiate le coordinate, sotto cosa si trova l'oggetto???
Del tipo... Le coordinate date al drag sono uguali a quelle di un div drop che viene protetto
Successivamente devo sapere qual'era quel div per sproteggerlo.
Registrato
mega_saiyan
Sr. Member
****

Karma: +16/-15
Scollegato Scollegato

Messaggi: 989


Mostra profilo
« Risposta #13 inserita:: Luglio 06, 2012, 09:06:43 am »

Ti scrivo lo scheletro del codice senza usare JQuery:

Codice:
<html>
<head>
<title>T</title>
<script type="text/javascript">
var  dragDropIniziato = 0;
function inizioDragDrop()
{
elemento = window.event.srcElement;
if (elemento.innerText == "Pedina")
dragDropIniziato = 1;

}
function fineDragDrop()
{

if (dragDropIniziato == 1)
{

dragDropIniziato = 0;
alert(window.event.srcElement.getAttribute("id"));

}

}
</script>
</head>
<body onMouseDown="inizioDragDrop()" onMouseUp="fineDragDrop()">
<table border="1" style="width:100%;height:100%">
<tr><td id="A1" style="width:50%;height:50%">Pedina</td><td id="B1" style="width:50%;height:50%"></td></tr>
<tr><td id="A2" style="width:50%;height:50%"></td><td id="B2" style="width:50%;height:50%"></td></tr>
</table>
</body>
</html>


dovrebbe essere facile trasformarlo in JQuery.


Spero di esserti stato utile.


Piero Astolfi
Registrato
Pagine: [1]   Vai su
  Stampa  
 
Vai a:  

Copyright © 2011 Edizioni Master SpA. p.iva : 02105820787

Tutti i diritti di proprietà letteraria e artistica riservati. - Privacy



Links to Page