64 lines
1.6 KiB
HTML
64 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="fr">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<title></title>
|
||
|
<script src="./js/tri.js"></script>
|
||
|
|
||
|
<link rel="stylesheet" href="./css/style.css">
|
||
|
</head>
|
||
|
<body>
|
||
|
<h3>Drag and Drop</h3>
|
||
|
|
||
|
<!-- Le tableau initial -->
|
||
|
|
||
|
<div class="ct normal" id="start">
|
||
|
<div class="slot">
|
||
|
<div id="drag1" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag2" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag3" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag4" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag5" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag6" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag7" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag8" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag9" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
<div class="slot">
|
||
|
<div id="drag10" class="drag" draggable="true"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Le tableau doit être trié ici -->
|
||
|
|
||
|
<div class="ct good" id="end">
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
<div class="slot"></div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|