HTML and CSS Reference
In-Depth Information
iif
(
volumeSliderDrag
) {
volumeSliderX
=
mouseX
;
iif
(
volumeSliderX
>
volumeSliderEnd
) {
volumeSliderX
=
volumeSliderEnd
;
}
iif
(
volumeSliderX
<
volumeSliderStart
) {
volumeSliderX
=
volumeSliderStart
;
}
}
else
else
{
volumeSliderX
=
volumeSliderStart
+
(
audioElement
.
volume
*
(
volBackW
-
sliderW
));
}
context
.
drawImage
(
buttonSheet
,
238
,
0
,
sliderW
,
bH
,
volumeSliderX
,
volumeSliderY
,
sliderW
,
bH
);
audioElement
.
volume
=
(
volumeSliderX
-
volumeSliderStart
)
*
volumeIncrement
;
timeWaited
++
;
}
function
function
eventMouseDown
(
event
) {
//Hit Volume Slider
iif
( (
mouseY
>=
volumeSliderY
)
&&
(
mouseY
<=
volumeSliderY
+
sliderH
)
&&
(
mouseX
>=
volumeSliderX
)
&&
(
mouseX
<=
volumeSliderX
+
sliderW
) ) {
volumeSliderDrag
=
true
true
;
}
}
function
function
eventMouseMove
(
event
) {
var
var
x
;
var
var
y
;
iif
(
event
.
pageX
||
event
.
pageY
) {
x
=
event
.
pageX
;
y
=
event
.
pageY
;
}
else
else
{
x
=
e
.
clientX
+
document
.
body
.
scrollLeft
+
document
.
documentElement
.
scrollLeft
;
y
=
e
.
clientY
+
document
.
body
.
scrollTop
+
document
.
documentElement
.
scrollTop
;
}
x
-=
theCanvas
.
offsetLeft
;
y
-=
theCanvas
.
offsetTop
;