HTML and CSS Reference
In-Depth Information
mouseX
=
x
;
mouseY
=
y
;
}
function
function
eventMouseUp
(
event
) {
iif
(
timeWaited
>=
buttonWait
) {
timeWaited
=
0
;
//Hit Play
iif
( (
mouseY
>=
playY
)
&&
(
mouseY
<=
playY
+
bH
)
&&
(
mouseX
>=
playX
)
&&
(
mouseX
<=
playX
+
bW
) ) {
iif
(
audioElement
.
paused
) {
audioElement
.
play
();
}
else
else
{
audioElement
.
pause
();
}
}
//Hit loop
iif
( (
mouseY
>=
loopY
)
&&
(
mouseY
<=
loopY
+
bH
)
&&
(
mouseX
>=
loopX
)
&&
(
mouseX
<=
loopX
+
bW
) ) {
iif
(
audioElement
.
loop
) {
audioElement
.
loop
=
false
false
;
}
else
else
{
audioElement
.
loop
=
true
true
;
}
}
}
iif
(
volumeSliderDrag
) {
volumeSliderDrag
=
false
false
;
}
}
var
var
theCanvas
=
document
.
getElementById
(
"canvasOne"
);
var
var
context
=
theCanvas
.
getContext
(
"2d"
);
var
var
bW
=
32
;
var
var
bH
=
32
;