Visualizzazione dei risultati da 1 a 8 su 8

Discussione: [JQuey] Draggable

  1. #1
    Utente di HTML.it L'avatar di Lomio
    Registrato dal
    Jul 2010
    Messaggi
    160

    [JQuey] Draggable

    Heilà, il problema che non riesco a risolvere è il seguente:

    ho un'immagine che posso trascinare a spasso per una matrice di DIV, solamente che vorrei identificare il div sulla quale ho rilasciato l'immagine...se po fa?!?!?

    Questa è la parte di codice interessata
    codice:
    $("#pedina").draggable({containment : $("#dama"), scroll: true});
     $("#pedina").bind( "dragstop", function(event, ui) {
      ...................		
     });
    dove ho messo i puntini dovrei inserire la funzioncina che mi va ad individuare il div dove ho rilasciato l'immagine.

    Grazie in anticipo a chi mi saprà aiutare...
    Ciaoooo
    La legge e l'ordine saranno rispettati solo quando si concederà la giustizia a tutti indistintamente.

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ti serve anche droppable
    http://jqueryui.com/demos/droppable/
    guarda a fine pagina sotto events, drop
    nella funzione richiamata da drop $(this) e' il droppable, ui.draggable il draggable

  3. #3
    Utente di HTML.it L'avatar di Lomio
    Registrato dal
    Jul 2010
    Messaggi
    160
    innanzitutto ti ringrazio per la risposta, però credo di non aver capito pienamente.
    ho fatto una cosa del genere con l'intenzione di modificare il bordo del div sul quale viene rilasciata l'immagine...

    codice:
    		$( "#pedina" ).bind( "drop", function(event, ui) {
      		   $(this).css("border", "1px solid green");
    		});
    Ovviamente non funziona quindi credo di aver steccato completamente
    La legge e l'ordine saranno rispettati solo quando si concederà la giustizia a tutti indistintamente.

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il droppable e' di suo completamente slegato dal draggable
    codice:
    // lo inizializzi a parte
    $( ".classeElementoSuCuiDroppare" ).droppable({
       // e gli dici cosa accettare in drop
       accept: '.classeElementoDaDraggare',
       drop: function(event, ui) {
          $(this).css("border", "1px solid green");
       }
    });
    leggi la documentazione, guarda gli esempi

  5. #5
    Utente di HTML.it L'avatar di Lomio
    Registrato dal
    Jul 2010
    Messaggi
    160
    Ancora niente

    ho guardato la documentazione e ho fatto una cosa del genere:
    codice:
       var id = j+""+i;
        $("#"+id).droppable({
          drop: function() { $(this).css("border", "1px solid green"); }
        });
    in questo casso la variabile id corrisponde ai 2 indici dei for annidati con i quali creo la mia matrice di div, ogni div creato ha come id---> l'id contenuto nella variabile js
    La legge e l'ordine saranno rispettati solo quando si concederà la giustizia a tutti indistintamente.

  6. #6
    Utente di HTML.it L'avatar di Lomio
    Registrato dal
    Jul 2010
    Messaggi
    160
    La cosa particolare è che facendo come scritto nel post precedente e mettendo in css() ad esempio ("margin", "100px")
    il tutto funziona mentre col border no o ad esempio col margin 0 auto neanche...maaaah

    Vabbuò smanettero per qualche ora ancora su sta boiata, comunque ti ringrazio molto mi sei stato utilissimo
    La legge e l'ordine saranno rispettati solo quando si concederà la giustizia a tutti indistintamente.

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    che tipo di elementi sono questi?

    questi id alla fine sono tipo '13', '27'?
    perche' un id solo numerico o che cominci con numero non e' accettato dagli standard
    e alla lunga potresti avere problemi

    altro consiglio, a monte:
    niente id, se non necessari, solo classi css
    fa anche parte della logica: piu' elementi con simile aspetto appartengono prima di tutto alla stessa classe css
    e non e' detto debbano appartenere ad una sola classe:
    se il tuo elemento ha classe 'bianco', con jquery addClass('sopra')
    e avra' classe 'bianco sopra'...

    buon proseguimento

  8. #8
    Utente di HTML.it L'avatar di Lomio
    Registrato dal
    Jul 2010
    Messaggi
    160
    si si sono id numerici tipo: 11, 12, 13, 14...

    comunque grazie adesso faccio un paio di modifiche!!!
    La legge e l'ordine saranno rispettati solo quando si concederà la giustizia a tutti indistintamente.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.