Como criar botões de imagem que ativam a função jQuery / js
Eu precisaria ter botões como dentro tr elementos para fazer js / jquery coisas quando clicado.
Estranhamente, estou tendo dificuldade em encontrar bons conhecimentos sobre como executar o jquery / js a partir do botão inline html / image.
Aqui está o que eu tinha em mente:
primeiro crie uma função personalizada para o botão like
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});
};
em seguida, inserir dinamicamente a chamada de função e seus parâmetros (como a tabela está sendo criada em php) no elemento de botão de imagem (para inline em html)
likebutn({theword: ${'row' . $wordnumber}, wordnumber:$wordnumber});
Quais saídas
likebutn (theword: foraminated, wordnumber: 1)
por exemplo.
Então, como eu evoco a função assim do html?
E em um sidenote, por que há tanta audição de eventos nos botões de imagem do jquery / js que estou vendo ao navegar na web (em vez do que estou sugerindo), não é mais lento do que evocar inline em html?
Veja como a construção ficaria:http://jsfiddle.net/Bc64R/