Fonction glisser / déposer un texte

posted in: html | 0

Glisser et déposer le texte dans le rectangle.

Bienvenue aux ateliers inversés !

Le code expliqué

<tyle>
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData(« text », ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData(« text »);
ev.target.appendChild(document.getElementById(data));
}
</script>
<p>Glisser et déposer le texte dans le rectangle.

<div id= »div1″ ondrop= »drop(event) » ondragover= »allowDrop(event) »>

<br>
<p id= »drag1″ draggable= »true » ondragstart= »drag(event) »>Bienvenue aux ateliers inversés !

logowebmaster1