Файл: documentation/examples/configure-bounds.html
Строк: 13
<?php
<html>
<head>
<script type="text/javascript" src="../assets/jquery.js"></script>
<script type="text/javascript" src="../../jcolor.js"></script>
<link rel="stylesheet" type="text/css" href="../../jcolor.css">
<style type="text/css">
.my-container {
position: relative;
width: 400px;
height: 150px;
border: 1px solid gray;
}
.color-picker {
position: absolute;
right: 10px;
bottom: 10px;
}
</style>
</head>
<body>
<div class="my-container">
<div class="color-picker"></div>
</div>
<script>
$('.color-picker').colorpicker({
color: { r: 0.3, g: 0.75, b: 0.72, a: 0.5 },
boundingElement: $('.my-container'),
});
</script>
</body>
</html>
?>