Как создать кнопки изображений, которые активируют функцию jQuery / js
Мне нужно, чтобы внутри элементов tr были одинаковые кнопки для выполнения js / jquery при нажатии.
Странно, но мне трудно найти хорошие знания о том, как выполнить jquery / js с помощью встроенной кнопки html / image.
Вот что я имел в виду:
сначала создайте пользовательскую функцию для кнопки «Мне нравится»
jQuery.fn.likebutn = function(theword, wordnumber) {
//check if button is lighted up and if it is break
//change button to lighted up
jQuery(this).attr("src", "http://i46.tinypic.com/n18g3q.png");
//add word to a div element
jQuery('#cntrldiv0').append("<p>theword<p>");
//ajax like.php file with the word and username/id
jQuery.post('like.php', {theword:theword, userid: userid});
};
затем динамически вставьте вызов функции и ее параметры (так как таблица создается в php) в элемент кнопки изображения (встроенный в html)
likebutn({theword: ${'row' . $wordnumber}, wordnumber:$wordnumber});
Какие выводы
likebutn(theword:foraminated, wordnumber:1)
например.
Итак, как мне вызвать функцию из HTML?
И в связи с тем, почему в кнопках изображений jquery / js наблюдается такое большое количество прослушиваний событий, которые я вижу при просмотре веб-страниц (вместо того, что я предлагаю), не медленнее ли это, чем вызывать inline в html?
Вот как будет выглядеть конструкция:http://jsfiddle.net/Bc64R/