btcv Posted October 9, 2012 at 04:38 PM Report #478435 Posted October 9, 2012 at 04:38 PM Boa tarde, estou a tentar fazer um form onde o bt está a 50% de visibilidade, e tenho 2 type="checkbox". a minha ideia era ao escolher cada type="checkbox" aumentava a percentagem do bt ou então só quando tiverem os 2 escolhidos é que o bt fica a 100%. alguém tem alguma ideia de como fazer isso? obrigado pela ajuda //BTCV
pikax Posted October 9, 2012 at 04:42 PM Report #478436 Posted October 9, 2012 at 04:42 PM javascript, com o jquery e' facil Por muito mais que que estude só aprendo uma coisa, que ainda tenho muita coisa para aprender. A beleza de um código está em decompor problemas complexos em pequenos blocos simples. "learn how to do it manually first, then use the wizzy tool to save time." "Kill the baby, don't be afraid of starting all over again. Fail soon, learn fast."
btcv Posted October 9, 2012 at 04:48 PM Author Report #478437 Posted October 9, 2012 at 04:48 PM sabes de algum exemplo para tentar ver? //BTCV
pikax Posted October 9, 2012 at 04:52 PM Report #478438 Posted October 9, 2012 at 04:52 PM http://api.jquery.com/category/effects/fading/ Por muito mais que que estude só aprendo uma coisa, que ainda tenho muita coisa para aprender. A beleza de um código está em decompor problemas complexos em pequenos blocos simples. "learn how to do it manually first, then use the wizzy tool to save time." "Kill the baby, don't be afraid of starting all over again. Fail soon, learn fast."
HappyHippyHippo Posted October 9, 2012 at 04:57 PM Report #478440 Posted October 9, 2012 at 04:57 PM com jquery: $(document).ready(function() { // elemento que irá ter a opacidade alterada var target $("#elemento"); // calcular o número de checkboxes assim como o número de checkboxes seleccionadas var count = $("input[type=checkbox]").length; var count_checked = $("input[type=checkbox]:checked").length; // alterar a opacidade do elemento // 50% + (percentagem de seleccionadas / 2) target.fadeTo('slow', 0.5 + ((count_checked/count)/2)); }) ps : tens de adaptar e não foi testado (de cabeça) IRC : sim, é algo que ainda existe >> #p@p Portugol Plus
btcv Posted October 9, 2012 at 05:19 PM Author Report #478449 Posted October 9, 2012 at 05:19 PM estava a fazer assim <script > $(document).ready(function() { // elemento que irá ter a opacidade alterada var target $("#elemento"); // calcular o número de checkboxes assim como o número de checkboxes seleccionadas var count = $("input[type=checkbox]").length; var count_checked = $("input[type=checkbox]:checked").length; // alterar a opacidade do elemento // 50% + (percentagem de seleccionadas / 2) target.fadeTo('slow', 0.5 + ((count_checked/count)/2)); }) </script> </head> <body> <form action="index.php?page=23" method="post"> <table width="50%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr><td style="padding-top:30px;" align="left" class="txt1"> <input name="1" type="checkbox" value="" /></td></tr> <tr><td class="txt1" style="text-align:justify" > <input name="2" type="checkbox" value="" /></td> </tr> <tr><td align="right" ><input name="elemento" type="image" id="elemento" src="imgs/cont.png" alt="" title=""></td> </tr> </table> </form> ma esta a dar erro //BTCV
HappyHippyHippo Posted October 9, 2012 at 05:34 PM Report #478455 Posted October 9, 2012 at 05:34 PM (edited) e que erro dá ? lembra-te que eu escrevi o código de cabeça, é normal que aparece um bug ou outro ps var target = $("#elemento"); // o sinal de artibuição Edited October 9, 2012 at 05:35 PM by HappyHippyHippo IRC : sim, é algo que ainda existe >> #p@p Portugol Plus
btcv Posted October 9, 2012 at 06:07 PM Author Report #478462 Posted October 9, 2012 at 06:07 PM mas explicame uma coisa o valor id="elemento" a 50% inicial? //BTCV
HappyHippyHippo Posted October 9, 2012 at 07:56 PM Report #478484 Posted October 9, 2012 at 07:56 PM (edited) estive a ver melhor o c+odigo é mais isto : $(document).ready(function() { // só verificar a opacidade do elemento no momento da alteração // do estados dos checkboxes $("input[type=checkbox]").click(function() { // calcular o número de checkboxes assim como o número de checkboxes seleccionadas var count = $("input[type=checkbox]").length; var count_checked = $("input[type=checkbox]:checked").length; // alterar a opacidade do elemento // 50% + (percentagem de seleccionadas / 2) $("#elemento").fadeTo('slow', 0.5 + ((count_checked/count)/2)); }); // alterar a opacidade do elemento para ter 50% inicialmente $("#elemento").fadeTo('fast', 0.5); }) Edited October 9, 2012 at 07:56 PM by HappyHippyHippo IRC : sim, é algo que ainda existe >> #p@p Portugol Plus
btcv Posted October 10, 2012 at 08:37 AM Author Report #478524 Posted October 10, 2012 at 08:37 AM mmm nao estou a conseguir, estive a tentar dar a volta mas nao consigo. estive a pensar, e também podia por o bt escondido, e atribuir uma var com o valor 0 e cada click na check aumentava o valor +1. quando essa var estiver com o valor 2 o bt ficava visível. o que achas? //BTCV
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now