switchcalc/break.html at master · joejohnmurphy/switchcalc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Break</title>
    <link rel="stylesheet" href="css/talker.css">
</head>

<script language="JavaScript" type="text/javascript" src = "js/menu.js"></script>

<body>

<script language="JavaScript" type="text/javascript">
    var names="break";
    var line1='<div data-sound="'+names+'_page" data-move="'+names+'.html" class="btn a '+names+'_page page_silent" tabindex="1" onfocus="whisper(\''+names+'_page\', \''+names+'_page\')">BREAK</div>'
    var line2='<audio id="'+names+'_page" controls style="display:none"><source src="sounds/'+names+'_page.mp3" type="audio/mpeg"></audio>'
    document.write(line1)
    document.write(line2)

    var names, display, i;
    names = ["rest", "walk", "switch_off"];
    display = ["I want to rest", "I want to take a walk", "I want my head switch off"];
    nLen = names.length;
    for (i = 0; i < nLen; i++) {
        j = i + 2;
        var line1='<div data-sound="'+names[i]+'" class="btn '+names[i]+'" tabindex="'+j+'" onfocus="whisper(\''+names[i]+'\', \''+names[i]+'_w\')">'+display[i]+'</div>'
        var line2='<audio id="'+names[i]+'" controls style="display:none"><source src="sounds/'+names[i]+'.mp3" type="audio/mpeg"></audio>'
        var line3='<audio id="'+names[i]+'_w" controls style="display:none"><source src="sounds/'+names[i]+'_w.mp3" type="audio/mpeg"></audio>'
        document.write(line1)
        document.write(line2)
        document.write(line3)
    }
</script>

    <div data-sound="home_page" data-move="home.html" class="btn home_page page_silent" tabindex="5" onfocus="whisper('home_page', 'home_w')">
        <img src="images/home.jpg">
    </div>
        <audio id="home_page" controls style="display:none"><source src="sounds/home_page.mp3" type="audio/mpeg"></audio>
        <audio id="home_w" controls style="display:none"><source src="sounds/home_w.mp3" type="audio/mpeg"></audio>


<script language="JavaScript" type="text/javascript">
    var names="need";
    var line1='<div data-sound="'+names+'_page" data-move="'+names+'.html" class="btn back '+names+'_page page_silent" tabindex="0" onfocus="whisper(\''+names+'_page\', \''+names+'_back_w\')"><img src="images/up.jpg"></div>';
    var line2='<audio id="'+names+'_page" controls style="display:none"><source src="sounds/'+names+'_page.mp3" type="audio/mpeg"></audio><audio id="'+names+'_back_w" controls style="display:none"><source src="sounds/'+names+'_back_w.mp3" type="audio/mpeg"></audio>';
    document.write(line1)
    document.write(line2)
</script>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script src="js/talker.js"></script>
</body>

</html>