Bonjour,
j'utilise pour mon site, l'excellent plugin "Dragula" https://github.com/bevacqua/dragula
Site démo : http://bevacqua.github.io/dragula/
Le but étant de pouvoir "déplacer" différents bloc de contenus dans différentes colonnes.
Dans mon site, je voudrais pouvoir activer/ désactiver cet "effet" via deux boutons distinct.
Je parviens bien à "Activer" mais pas à "désactiver" ce plugin
(ma fonction moveBlock active bien l'effet de déplacement des blocs entre les colonnes1 et 2 mais la fonction removeBlock ne fonctionne pas.. )
J'ai tenté plusieurs choses (en m'aidant de la doc) mais sans succès. Si quelqu'un pouvait m'aider à savoir quoi mettre dans ma fonction "removeBlock"
Dans le html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <a href="javascript:;" class="btn" title="Move" onclick="moveBlock();"><i class="fa fa-arrows"></i></a> <a href="javascript:;" class="btn" title="Move" onclick="removeBlock();"><i class="fa fa-arrows"></i></a>
Et dans le Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 function moveBlock(){ dragula([ document.getElementById('colonne1'), document.getElementById('colonne2')]); } function removeBlock(){ // j'ai désactivé les lignes ci-dessous car elles sont sans effet // dragula([ document.getElementById('colonne1'), document.getElementById('colonne2')]).end(); // dragula([ document.getElementById('colonne1'), document.getElementById('colonne2')]).destroy(); }
Partager