Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.10.2011, 04:06
Новичок на форуме
Отправить личное сообщение для dm_great Посмотреть профиль Найти все сообщения от dm_great
 
Регистрация: 02.10.2011
Сообщений: 4

вызов функции по 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

Последний раз редактировалось dm_great, 02.10.2011 в 04:09.
Ответить с цитированием
  #2 (permalink)  
Старый 02.10.2011, 14:58
Новичок на форуме
Отправить личное сообщение для dm_great Посмотреть профиль Найти все сообщения от dm_great
 
Регистрация: 02.10.2011
Сообщений: 4

окей, вариант 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>

в инструкции сказано, что достаточно добавить класс - окей, добавляем, юно когда добавляется новое поле -класс присваивается, но ничего не происходит((( есть идеи?
Ответить с цитированием
  #3 (permalink)  
Старый 02.10.2011, 15:21
Новичок на форуме
Отправить личное сообщение для dm_great Посмотреть профиль Найти все сообщения от dm_great
 
Регистрация: 02.10.2011
Сообщений: 4

по второму вопросу проблема решена

надо было в конец функции добавить jscolor.bind();
по первому нет(
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вызов функции при смене url vvsh Events/DOM/Window 4 11.08.2011 19:01
Вызов функции, находящейся в другой функции ZneP Events/DOM/Window 6 24.08.2010 18:45
непонятный вызов функции hedgi Общие вопросы Javascript 2 05.08.2010 11:55
вызов функции из функции sharp_007 Общие вопросы Javascript 2 03.04.2010 21:13
Вопрос про вызов события onClick skyfish Общие вопросы Javascript 12 27.12.2008 19:12