20f8df1291
data tables are going to need some work yet, but the other stuff seems to be working 100%
60 lines
2 KiB
HTML
60 lines
2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Test Page</title>
|
|
<link type="text/css" rel="stylesheet" href="/assets/dpSyntaxHighlighter.css">
|
|
<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.5.2/build/logger/assets/skins/sam/logger.css">
|
|
<link type="text/css" rel="stylesheet" href="../../build/slider/assets/skins/sam/slider.css">
|
|
<style type="text/css">
|
|
#bg {
|
|
position: relative;
|
|
height: 224px;
|
|
width: 216px;
|
|
background: #eee;
|
|
}
|
|
#t {
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="yui-skin-sam">
|
|
<div id="log"></div>
|
|
<div class="markup">
|
|
<div id="bg" tabindex="-1">
|
|
<div id="t">
|
|
<img src="../../build/slider/assets/thumb-n.gif" alt="slider thumb">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
|
<script type="text/javascript" src="../../build/dragdrop/dragdrop.js"></script>
|
|
<script type="text/javascript" src="../../build/slider/slider.js"></script>
|
|
<script type="text/javascript" src="../../build/animation/animation.js"></script>
|
|
<script type="text/javascript" src="../../build/logger/logger.js"></script>
|
|
<script type="text/javascript">
|
|
YAHOO.util.Event.onDOMReady(function () {
|
|
|
|
var //log = new YAHOO.widget.LogReader('log',{ newestOnTop: false }),
|
|
s1,
|
|
startCount = 1,
|
|
endCount = 1;
|
|
|
|
var s1 = YAHOO.widget.Slider.getSliderRegion('bg','t',0,200,0,200,20);
|
|
|
|
s1.subscribe('slideStart', function () {
|
|
YAHOO.log('slideStart: ' + (startCount++));
|
|
});
|
|
|
|
s1.subscribe('slideEnd', function () {
|
|
YAHOO.log('slideEnd: ' + (endCount++));
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="/assets/dpSyntaxHighlighter.js" ></script>
|
|
<script type="text/javascript" src="/assets/dpSyntaxHighlightExample.js"></script>
|
|
</body>
|
|
</html>
|