Помощь с инициализацией
Есть форма, в которой есть скриптик "множителя" полей.
И есть СolorPicker. Как вот запускать ColorPicker в новосозданных инпутах? Догадываюсь, что можно как-то через eval или $.getScript, но не знаю как это впихнуть в мой код :help: . Все выложил сюда - http://learn.javascript.ru/play/ljrg8 Буду благодарен за помощь! |
Если ColorPicker будет привязываться к разным input, то логичнее инициировать его по классу а не по id.
Что именно делает ColorPicker? |
Не пойдет. Колорпикер должен вставлять цвет в свой инпут и потом же это будет передаваться в обработчик и нужно чтобы каждый цвет был в своем инпуте.
Цитата:
|
Кто-то может помочь?
|
Правильно вам Рафик сказал:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" media="screen" type="text/css" href="http://www.eyecon.ro/colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="http://www.eyecon.ro/colorpicker/js/colorpicker.js"></script>
</head>
<body>
<div style="height: 150px;"></div>
<form>
<span id="palette-box"></span><br />
<input type="button" value="Добавить поле" id="add" /><br />
<input type="submit" value="Отправить">
</form>
<script type="text/javascript">
var i=0;
$(document).ready(function(){
$('#add').click(function(){
var eDivGroenteG = document.createElement('input');
eDivGroenteG.id = "inputColorPicker" + i;
var idVt = eDivGroenteG.id;
i++;
eDivGroenteG.value = "new input: click me";
document.getElementById('palette-box').appendChild(eDivGroenteG);
$("#" + idVt + "").ColorPicker({
onSubmit: function(hsb, hex, rgb) {
var obj = this;
for (var atr in obj ) {
console.log("atr: " + atr + " = " + obj[atr]);
}
$("#" + idVt + "").val(hex);
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
}).bind('keyup', function(){
$(this).ColorPickerSetColor(this.value);
});
});
});
</script>
</body>
</html>
|
Спасибо, то что нужно.
|
| Часовой пояс GMT +3, время: 01:25. |