You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
270 lines
12 KiB
JavaScript
270 lines
12 KiB
JavaScript
//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};
|
|
|
|
|
|
|