Sujet : drag n drop horizontal

Bonjour à tous,
et merci de votre aide si vous le pouvez,

j'ai installé une liste drag n drop jquery, qui est actuellement verticale.
... mais je la voudrai horizontale...

je ne sais pas si c'est possible et où je dois mettre quoi.
dans les styles ?

#contentWrap {
    width: 320px;
    height: auto;
    overflow: hidden;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#contentTop {
    width: 320px;
    padding: 1px;
}

#contentLeft {

    width: 100px;
    padding:1px;
    
}

#contentLeft li {
float: left;
    float: left;
    list-style: none;
    padding: 1px;
    background-color:#eeeeee;
    border: #CCCCCC solid 1px;
    color:#fff;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1px;
    margin-left: 0;
}


#contentRight {
    float: left;
    width: 272px;
    padding:1px;
    background-color:#cccccc;
    color:#FFFFFF;
}

où dans le script ? :

<script type="text/javascript">
$(document).ready(function(){ 
                           
    $(function() {
        $("#contentLeft ul").sortable({ opacity: 0.6, cursor: 'move', update: function() {
            var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
            $.post("updateDB.php", order, function(theResponse){
                $("#contentRight").html(theResponse);
            });                                                              
        }                                  
        });
    });

});    
</script>

merci de votre aide, car sur google je n'ai rien trouvé...

2

Re : drag n drop horizontal

Bonjour,

En jetant un coup d'oeil rapide.
Essayez en définissant un niveau plus fort dans vos styles :

#contentLeft ul li

par exemple.

Lochar,

Re : drag n drop horizontal

Merci Lochar,

j'ai remplacé 

#contentLeft li {

par

#contentLeft ul li {

... mais sans succès...

une autre idée peut-être ..?
d'avance merci,

Fée

4

Re : drag n drop horizontal

Bonsoir,

En essayant directement sur le sortable jQuery du site de demo, cela marche parfaitement.
Pourrions nous avoir votre html pour pouvoir tester ?

Lochar,

Re : drag n drop horizontal

6

Re : drag n drop horizontal

Re : drag n drop horizontal