slider/test/basic.html

	basic.html revision b32d148b0052e1f874e9bc9803bef729bf859d97
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<!doctype html>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<html>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<head>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <title>Test Page</title>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <link type="text/css" rel="stylesheet" href="/assets/dpSyntaxHighlighter.css">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <link type="text/css" rel="stylesheet" href="/3.x/build/slider/assets/skins/sam/slider.css">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <style type="text/css">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        .yui-slider {
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy            border: 1px solid red;
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy            margin: 10px;
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        }
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        .markup {
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy            margin-left: 300px;
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        }
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    </style>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy</head>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<body class="yui-skin-sam">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<div class="markup">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <div id="slider">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        <div class="yui-slider-rail">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy            <img class="yui-slider-thumb" src="/3.x/build/slider/assets/skins/sam/thumb-classic-x.png">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        </div>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    </div>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <input type="button" id="size" value="Change size">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    <input type="button" id="val" value="Set Value">
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy    <input type="button" id="disable" value="Disable">
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy    <div id="report">0</div>
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy</div>
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<script type="text/javascript" src="/3.x/build/yui/yui.js"></script>
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy<script type="text/javascript">
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedyvar Y = YUI({
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    base:'/3.x/build/',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    filter: 'debug',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    logExclude:{
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        base:true,
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        event:true,
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy        attribute:true
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    }
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy});
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren KennedyY.Env.meta.modules.slider = {
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    requires : ['widget','dd-constrain'],
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    skinnable : true
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy}
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren KennedyY.use('slider',function (Y) {
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedyvar report = Y.get('#report');
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy//Y.DD.DDM.useShim = true;
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy//Y.DD.DDM._debugShim = true;
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedyvar s = new Y.Slider({
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    contentBox : '#slider',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    //axis : 'y',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    width: '318px',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    //railSize: '318px',
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    min : 37,
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy    max : -218,
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    value : -136
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    //thumbImage : Y.config.base+'slider/assets/skins/sam/thumb-classic-x.png'
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy    //thumb: '#t'
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy});
d583b39bfb4e2571d3e41097c5c357ffe353ad45John Wren Kennedy//s._uiPositionThumb = function () {}
1d32ba663e202c24a5a1f2e5aef83fffb447cb7fJohn Wren Kennedy
s.after('valueChange',function (e) {
    report.set('innerHTML',e.newVal);
});

s.render();//'#slider');

report.set('innerHTML',s.getValue());

Y.get('#size').on('click',function () {
    s.set('railSize','155px');
});
Y.get('#val').on('click',function () {
    s.set('value',s.getValue() === -92 ? 100 : -92);
});
Y.get('#disable').on('click',function () {
    var disabled = !s.get('disabled');
    s.set('disabled',disabled);
    this.set('value', disabled ? "Enable" : "Disable");
});

});
</script>
<script type="text/javascript" src="/assets/dpSyntaxHighlighter.js"></script>
<script type="text/javascript" src="/assets/dpSyntaxHighlightExample.js"></script>
</body>
</html>