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
|
<?php sect('colorpicker'); ?>
<h1>Colorpicker</h1>
<section>
<div class="view">
<p>We'll initialize all sliders with the same options, and use the <code>update</code> callback to keep to color in sync with the slider values.</p>
<p>This callback fires any time a slider value updates.</p>
<div id="colorpicker">
<div class="sliders" id="red"></div>
<div class="sliders" id="green"></div>
<div class="sliders" id="blue"></div>
<div id="result"></div>
<?php run('colorpicker-slider'); ?>
</div>
</div>
<div class="side">
<div class="viewer-header">Colorpicker</div>
<div class="viewer-content">
<?php code('colorpicker-slider'); ?>
</div>
<div class="viewer-header">CSS</div>
<div class="viewer-content">
<?php loadShowCSS('colorpicker'); ?>
</div>
</div>
</section>
|