 Lid |
|
Ik heb nog geen code haha, dit is alles (Drag en drop werkt nu meer niet omdat ik nergens kan vinden hoe te starten):
<script>
dragula([document.getElementById("left"), document.getElementById("right")], {
copy : true
})
.on('drag', function (el) {
el.className = el.className.replace('ex-moved', '');
}).on('drop', function (el) {
el.className += ' ex-moved';
}).on('over', function (el, container) {
container.className += ' ex-over';
}).on('out', function (el, container) {
container.className = container.className.replace('ex-over', '');
});
</script>
<script> dragula([document.getElementById("left"), document.getElementById("right")], { copy : true }) .on('drag', function (el) { el.className = el.className.replace('ex-moved', ''); }).on('drop', function (el) { el.className += ' ex-moved'; }).on('over', function (el, container) { container.className += ' ex-over'; }).on('out', function (el, container) { container.className = container.className.replace('ex-over', ''); }); </script>
Dus links zou dan staan bijvoorbeeld:
<img src="images/h1.png" alt="Voeg H1 tag toe" data-file="elements/h1.php" />
<img src="images/h1.png" alt="Voeg H1 tag toe" data-file="elements/h1.php" />
en als ik deze er in sleep dan zou er in het rechtervak de inhoud van het bestand h1.php geplaatst moeten worden waarin bijvoorbeeld dit staat:
<div class="row">
<div class="col-xs-12">
<h1>Dit is een test</h1>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h1>Dit is een test</h1>
</div>
</div>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
