[ create a new paste ] login | about

Link: http://codepad.org/xFGMNT3N    [ raw code | fork ]

PHP, pasted on Aug 29: 
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

    <!-- audio file for button clicks -->
        <audio id="audio" src="{!URLFOR($Resource.Beep)}" autostart="false" ></audio>
    <!-- audio file for button clicks -->


<!-- v this is the starting of the body tag -->

<body id="bootstrapOverrides">
    <div id="topHeader" class="myscopingclass">   <!-- CUSTOM SCOPING CLASS GOES HERE, IMPLEMENTED -->
    <div id="gridOfDivs" class="slds-grid slds-theme--default"> <!-- HOLDS 3 COLUMNS --> <!--  -->
    <div id="column" class="slds-col" style="width:8%"> <!-- FIRST COLUMN, HOLDS STATIC AMOUNT BUTTONS -->
    <div class="slds-align--absolute-center"> <!-- slds-align--absolute-center CENTERS THE ELEMENT IN ITS CONTAINER -->

<!-- ^ this is the starting of the body tag -->


<!-- left button , does NOT WORK -->

<button id="lightbluebutton5" onclick="show_amt_leftbutton(10)" style="height:65px" class="button slds-size--3-of-5">10</button>


<!-- middle buttons , they DO WORK -->

    <div class="slds-theme--shade slds-size--1-of-1"> <!--  -->
    
    <div class="slds-grid">
    
        <div id="amount_screen" style="font-size: 3.1em ; height:42px ; color:black ; background:white" class="slds-box slds-theme--default slds-size--5-of-6 slds-align--absolute-center">
            <!-- box, numbers go here -->
        </div>
    
    </div>
	
    <div class="slds-grid">
		
	<div onclick="show_amt(7)" class="slds-col button bluebutton1 slds-align--absolute-center">7</div>
	<div onclick="show_amt(8)" class="slds-col button bluebutton1 slds-align--absolute-center">8</div>
    
    </div>

    </div>


<!-- right buttons, do NOT WORK -->

	<div id="column" class="slds-col slds-theme--default" style="width:10%"> <!-- THIRD COLUMN, HOLDS THE ACTION BUTTONS -->
	<div class="slds-align--absolute-center">

		<button id="redbutton" style="height:84px ; color:white" class="button slds-size--2-of-3 slds-p-around--small" data-toggle="modal" data-target="#myModal">Exception</button>
		<!-- Modal --><!-- Modal --><!-- Modal --><!-- Modal --><!-- Modal -->
		<!-- Modal --><!-- Modal --><!-- Modal --><!-- Modal --><!-- Modal -->
	</div>
	<div class="slds-align--absolute-center">

		<button id="greenbutton" style="height:84px" class="button slds-size--2-of-3 slds-p-around--small">Enter</button>

	</div>
	</div>


<!-- JAVASCRIPT -->

<script>
        
        var static_amount = "";
        
            function show_amt_leftbutton(a)
            {
                static_amount = "";
                document.getElementById("amount_screen").innerHTML = a;
                var sound = document.getElementById("audio");
                sound.play();
            }
            
            function show_amt(a)
            {
                static_amount = ""+static_amount+a;
                document.getElementById("amount_screen").innerHTML = static_amount;
                var sound = document.getElementById("audio");
                sound.play();
            }

</script>


Create a new paste based on this one


Comments: