drag and drop con scriptaculous

[sportfantasy]

Salve,

ho un problemino con la libreria aculo.us. Vi spiego con un esempio:

Un esempio:

<div id="tipo1">...</div><script>new Draggable('tipo1', {revert: true});</script>

l'utente cambia il valore di una combo e la pagina si aggiorna in modo asincrono mediante ajax.

il contenuto della pagina diventa

<div id="tipo2">...</div><script>new Draggable('tipo2', {revert: true});</script>
<div id="tipo3">...</div><script>new Draggable('tipo3', {revert: true});</script>

ma gli oggetti non risultano druggable perchè lo script non è stato eseguito

Consigli?

Grazie

Luca

[br1]

Originariamente inviato da sportfantasy
Consigli?

Si, usa un titolo che non contenga termini incomprensibil

[buribus]

drug srop con aculo direi che è ridiculo.us

scherzia parte credo (senza altro codice si puo' solo supporre) che dopo la richiesta ajax devi onComplete richiamare la funzione che rende draggabili i div.
quindi una cosa pressapoco così

function drugSrop () {
              new Draggable('tipo2', {revert: true});
              new Draggable('tipo3', {revert: true});
                 } 

new Ajax.Request( url, {  //ma potresti anche aver usato Ajax.updater
                method: 'post', 
                parameters: pars, // i parametri inviati dalla combo del form
                 
                onComplete: function (transport) {
                                        //var DatiAjax = transport.responseText;
                    //$('box').insert({top:DatiAjax});
                                        drugSrop();
                            }                                        
        }); 

[sportfantasy]

Scusatemi per il titolo, un errore di digitazione.

Cmq non ho spiegato bene il mio problema...

Il contenuto della funzione drugSrop ... non lo conosco a priori... ma solo dopo il caricamento della pagina...

function drugSrop ()
{
new Draggable('tipo2', {revert: true});
new Draggable('tipo3', {revert: true});
}

quindi come posso fare a modificare il contenuto di una funzione?

Grazie

[buribus]

metti che con la tua chiamata ajax aggiorni il contenuto di un div#ajaxcontent con i tuoi div da draggare, potresti anche fare a meno di assegnare loro un id.

sempre all'onComplete richiami drugSrop() che potrebbe essere così (da verificare):

function drugSrop() { 
     $$('#ajaxcontent div').each(function(item) {
         new Draggable(item, {revert: true});  
    });
} 

continuerei un poco a lollare... sex drug & srop

[sportfantasy]

Non riesco a capire, mi spieghi per favore?

[buribus]

<script type="text/javascript">
function startdrag () {
 $$('#ajaxcontent div').each(function(item) {
        new Draggable(item, {revert: true});  
    }); 
}

Event.observe (window, 'load', startdrag); 
</script>
<div id="ajaxcontent">
<div>
<ul>[*]uno[*]due[*]tre[*]4[/list]
</div>

 <div>
<ul>[*]uno[*]due[*]tre[*]4[/list]
</div> 

<div>
<ul>[*]ancora [*]due[*]tre[*]4[/list]
</div> 


</div>