fin du TP03
This commit is contained in:
63
TP03/EX03/tri.html
Normal file
63
TP03/EX03/tri.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<!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>
|
Reference in New Issue
Block a user