SI13/DRAW/scripts/dragdrop-tintin.js

//DRAG & DROPs  
        
draggable = new PlainDraggable(document.getElementById('atata'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolA5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Liquid'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolL5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Otherness'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
//draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolO5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Eco'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
//draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolE5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('M'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolM5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Tense'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolT5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Hope'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolH5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Practical'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolP5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};
draggable = new PlainDraggable(document.getElementById('Resurgence1'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolR5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('Undecidability'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU2'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU3'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU4'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

draggable = new PlainDraggable(document.getElementById('symbolU5'));
draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('Resurgence'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic2'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic3'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};

//draggable = new PlainDraggable(document.getElementById('pic4'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};
//draggable = new PlainDraggable(document.getElementById('pic5'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};
//draggable = new PlainDraggable(document.getElementById('pic6'));
//draggable.containment = {left: 0, top: 0, width: '1000%', height: '100%'}
// draggable.snap = {step: 30};