вызов функции по onclick
доброй ночи!
пытаюсь наладить скрипт выбора цвета... <script src="iColorPicker.js" type="text/javascript"></script> <script type="text/javascript"> var total = 0; function add_new_image() { total++; $('<tr>') .attr('id','tr_image_'+total) .css({lineHeight:'30px'}) .append ( $('<td>') .append('от') ) .append ( $('<td>') .attr('id','td_title_'+total) .css({paddingRight:'5px',width:'70px'}) .append( $('<input type="text" />') .css({width:'70px'}) .attr('id','ot_nas_'+total) .attr('name','ot_nas_'+total) ) ) .append ( $('<td>') .append('до') ) .append ( $('<td>') .attr('id','td_title_'+total) .css({paddingRight:'5px',width:'70px'}) .append( $('<input type="text" />') .css({width:'70px'}) .attr('id','do_nas_'+total) .attr('name','do_nas_'+total) ) ) .append ( $('<td>') .append('выберите цвет') ) .append ( $('<td>') .append( $('<input type="text"/>') .css({width:'70px'}) .attr('id','cvet_'+total) .attr('name','cvet_'+total) .attr('value','#fffddd') .attr('class','iColorPicker') ) ) .append( $('<td>') .css({width:'20px'}) .append( $('<span id="progress_'+total+'" class="padding5px"><a href="#" onclick="$(\'#tr_image_'+total+'\').remove();" class="ico_delete"><img src="delete.png" alt="del" border="0"></a></span>') ) ) .append ( $('<td>') .css({width:'20px'}) .append( $('<span class="padding5px"><a id="icp_mycolor" onclick="iColorShow('mycolor','icp_mycolor')" href="javascript:void(null)"> <img src="color.png"></a></span>') ) ) .appendTo('#table_container'); } $(document).ready(function() { add_new_image(); }); </script> onclick="iColorShow('mycolor','icp_mycolor')" проблема по идее тут, потому что если это удалить, то функция add_new_image выполняется, а так нет((( буду признателен за помощь! п.с. firebug пишет еще missing ) after argument list [Прерывать на этой ошибке] $('<span class="padding5px"><a ..."> <img src="color.png"></a></span>') я уже куда только скобок не втыкал)) не понимаю видимо... и как результат add_new_image is not defined |
окей, вариант 2...
использую JSColor скрипт <script type="text/javascript" src="jquery-1.6.2.js"></script> <script src="jscolor.js" type="text/javascript"></script> <script type="text/javascript"> var total = 0; function add_new_image() { total++; $('<tr>') .attr('id','tr_image_'+total) .css({lineHeight:'30px'}) .append ( $('<td>') .append('от') ) .append ( $('<td>') .attr('id','td_title_'+total) .css({paddingRight:'5px',width:'70px'}) .append( $('<input type="text" />') .css({width:'70px'}) .attr('id','ot_nas_'+total) .attr('name','ot_nas_'+total) ) ) .append ( $('<td>') .append('до') ) .append ( $('<td>') .attr('id','td_title_'+total) .css({paddingRight:'5px',width:'70px'}) .append( $('<input type="text" />') .css({width:'70px'}) .attr('id','do_nas_'+total) .attr('name','do_nas_'+total) ) ) .append ( $('<td>') .append('выберите цвет') ) .append ( $('<td>') .append( $('<input type="text"/>') .css({width:'70px'}) .addClass('color') .attr('id','cvet_'+total) .attr('name','cvet_'+total) ) ) .append( $('<td>') .css({width:'20px'}) .append( $('<span id="progress_'+total+'" class="padding5px"><a href="#" onclick="$(\'#tr_image_'+total+'\').remove();" class="ico_delete"><img src="delete.png" alt="del" border="0"></a></span>') ) ) .appendTo('#table_container'); } $(document).ready(function() { add_new_image(); }); </script> в инструкции сказано, что достаточно добавить класс - окей, добавляем, юно когда добавляется новое поле -класс присваивается, но ничего не происходит((( есть идеи? |
по второму вопросу проблема решена
надо было в конец функции добавить jscolor.bind(); по первому нет( |
Часовой пояс GMT +3, время: 23:33. |