Comentários sobre: JavaScript: Fazer o label do checkbox ser clicável http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/ Programadores, uni-vos! Mon, 08 Mar 2010 12:17:18 +0000 http://wordpress.com/ hourly 1 Por: Pulsar http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2313 Pulsar Thu, 03 Sep 2009 03:53:07 +0000 http://codare.net/?p=511#comment-2313 ô jumentice! Usem a tag label!!!! pra que inventar!!!;. All the best!! ô jumentice! Usem a tag label!!!! pra que inventar!!!;. All the best!!

]]> Por: Aurélio http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2305 Aurélio Thu, 20 Aug 2009 18:24:56 +0000 http://codare.net/?p=511#comment-2305 Não sabia que a tag LABEL recebia cliques também! Vivendo e aprendendo... Obrigado a todos pela informação, vou atualizar o texto. Não sabia que a tag LABEL recebia cliques também! Vivendo e aprendendo…

Obrigado a todos pela informação, vou atualizar o texto.

]]> Por: Ramon http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2292 Ramon Mon, 10 Aug 2009 12:12:19 +0000 http://codare.net/?p=511#comment-2292 Também acho que a tag label é melhor, Daniel, mas não há necessidade do adjetivo. No mais. Abs Também acho que a tag label é melhor, Daniel, mas não há necessidade do adjetivo.

No mais.
Abs

]]> Por: Daniel Medina http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2288 Daniel Medina Thu, 06 Aug 2009 19:14:46 +0000 http://codare.net/?p=511#comment-2288 ô jumentice! Usem a tag label!!!! pra que inventar!!! ô jumentice! Usem a tag label!!!! pra que inventar!!!

]]> Por: Murilo Adriano http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2287 Murilo Adriano Thu, 06 Aug 2009 18:29:01 +0000 http://codare.net/?p=511#comment-2287 tag label* tag label*

]]> Por: Murilo Adriano http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2286 Murilo Adriano Thu, 06 Aug 2009 18:28:40 +0000 http://codare.net/?p=511#comment-2286 Bom, existe a tag que funciona para isso. Bom, existe a tag que funciona para isso.

]]> Por: Leandro Santiago http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2250 Leandro Santiago Thu, 06 Aug 2009 12:33:57 +0000 http://codare.net/?p=511#comment-2250 Se não me engano há o estilo elemento:hover no css que equivale ao evento do mouse estar em cima do elemento e o elemento:active que corresponde ao onclick. Assim dá pra colocar tudo isso aí no css sem o javascript. O problema é que eles não funcionam no Internet Explorer 6 e só o hover funciona no IE7 hauahua. O legal disso é que dá pra criar um efeito de botão clicado só com css, bastando usar uma borda outset quando o elemento está "normal" e uma inset quando o elemento está clicado :-) Vc pode ainda colocar o texto do span como um label for checkbox, no próprio html, e assim minimizar o uso do javascript no código. Se não me engano há o estilo elemento:hover no css que equivale ao evento do mouse estar em cima do elemento e o elemento:active que corresponde ao onclick. Assim dá pra colocar tudo isso aí no css sem o javascript.

O problema é que eles não funcionam no Internet Explorer 6 e só o hover funciona no IE7 hauahua.

O legal disso é que dá pra criar um efeito de botão clicado só com css, bastando usar uma borda outset quando o elemento está “normal” e uma inset quando o elemento está clicado :-)

Vc pode ainda colocar o texto do span como um label for checkbox, no próprio html, e assim minimizar o uso do javascript no código.

]]> Por: Matheus Eduardo http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2249 Matheus Eduardo Thu, 06 Aug 2009 12:29:14 +0000 http://codare.net/?p=511#comment-2249 opss.. o code html não foi no comentário opss.. o code html não foi no comentário

]]> Por: Matheus Eduardo http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2248 Matheus Eduardo Thu, 06 Aug 2009 12:25:31 +0000 http://codare.net/?p=511#comment-2248 Eu acho que a forma mais "semântica" no (x)html seria usar a tag "". Ex: <code> Fundo colorido </code> mas é claro, sua dica ainda é muito válida. obs: e ainda coloco no css <code>cursor: pointer</code> pra label, pra ficar melhor evidenciado a forma de poder clicar nele. Abraço! Eu acho que a forma mais “semântica” no (x)html seria usar a tag “”. Ex:

Fundo colorido

mas é claro, sua dica ainda é muito válida.

obs: e ainda coloco no css cursor: pointer pra label, pra ficar melhor evidenciado a forma de poder clicar nele.

Abraço!

]]> Por: Chinello http://codare.net/2009/08/06/javascript-fazer-o-label-do-checkbox-ser-clicavel/#comment-2247 Chinello Thu, 06 Aug 2009 12:24:34 +0000 http://codare.net/?p=511#comment-2247 A maneira mais correta de fazer a mesma coisa é usar a TAG apropriada para isso, a tag . Da seguinte maneira: <input id="fundo" onClick="trocaFundo()" type="checkbox"> <label for="fundo">Fundo colorido</label> Além de tudo, é semanticamente mais correto. A maneira mais correta de fazer a mesma coisa é usar a TAG apropriada para isso, a tag . Da seguinte maneira:
<input id=”fundo” onClick=”trocaFundo()” type=”checkbox”>
<label for=”fundo”>Fundo colorido</label>

Além de tudo, é semanticamente mais correto.

]]>