← Back to branch summary

~wasta-linux/wasta-custom-png/master

« back to all changes in this revision

Viewing changes to wasta-custom-png/resources/Mouse_exercise_2017/htmls/page39.html

  • Committer: Kim Blewett
  • Date: 2017-08-08 06:14:44 UTC
  • Revision ID: git-v1:bffbc949843f7908f55ff6c6e4d5a7b410fcb18a
<major fixes, incl. Mouse_Exercise, scrollbar arrows>

Show diffs side-by-side

added added

removed removed

Lines of Context:
wasta-custom-png/resources/Mouse_exercise_2017/htmls/page39.html
 
1
<!DOCTYPE html>
 
2
<html>
 
3
<head>
 
4
        <link rel="stylesheet" type="text/css" href="../css/main.css">
 
5
        <script src="../scripts/scripts.js"></script>
 
6
        <meta charset="UTF-8">
 
7
        <title>Page 39</title>
 
8
</head>
 
9
 
 
10
<body>
 
11
 
 
12
        <h4>Drag and drop</h4>
 
13
        <p>To drag and drop you need to do the following:</p>
 
14
        <ol>
 
15
                <li>Move your mouse on the coin</li>
 
16
                <li>Click the left button but don't leave it, keep the button pressed</li>
 
17
                <li>With the left click still pressed, move your mouse up until your mouse reach the box</li>
 
18
                <li>Release the button</li>
 
19
        </ol>
 
20
        </br>
 
21
        <p>Drag the Kina coin into the square box:</p>
 
22
 
 
23
        <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
 
24
        <br>
 
25
        <img id="drag1" src="../img/img_logo.gif" draggable="true" ondragstart="drag(event)" width="100" height="103">
 
26
        </br></br></br>
 
27
        <span id="linktonext"><a href="page40.html">Go to page 40</a></span>
 
28
</body>
 
29
</html>