Página 1 de 1
Fazer um Radio Button esconder campo de texto
Enviado: 23 Jul 2012, 16:35
por SDStore
Olá novamente, pessoal!
Alguém sabe me dizer se há alguma modificação e/ou extensão disponível, que faça com que um botão radio esconda campos de texto?
Por exemplo: Dois radio buttons e 5 campos de texto, sendo que os campos de texto só são exibidos caso um radio button específico seja selecionado; caso contrário, os campos permanecem ocultos.
Agradeço a atenção de todos ^^
Re: Fazer um Radio Button esconder campo de texto
Enviado: 24 Jul 2012, 11:06
por unknown1140
Até onde sei, vc vai ter que fazer isto manualmente usando jquery. Não é difícil mas tem que ter noção de html e um pouquinho de script.
Este link explica como fazer (Inglês):
http://www.parorrey.com/blog/php-develo ... ng-jquery/
Se precisar de ajuda, é só pedir.
Re: Fazer um Radio Button esconder campo de texto
Enviado: 27 Jul 2012, 19:33
por SDStore
unknown1140, sabe me dizer qual arquivo editar? Não consigo encontrar qual seria o arquivo responsável por botões, radios e coisas do tipo :/
Re: Fazer um Radio Button esconder campo de texto
Enviado: 02 Nov 2012, 04:41
por jhonnlook
SDStore escreveu:Olá novamente, pessoal!
Alguém sabe me dizer se há alguma modificação e/ou extensão disponível, que faça com que um botão radio esconda campos de texto?
Por exemplo: Dois radio buttons e 5 campos de texto, sendo que os campos de texto só são exibidos caso um radio button específico seja selecionado; caso contrário, os campos permanecem ocultos.
Agradeço a atenção de todos ^^
Eu fiz um botão em html para esconder o texto pra mina loja que estou mudando agora e para o novo tema eu precisei. Talvez te ajude.
Abraços
Código: Selecionar todosAqui vem o texto que vai aparecer e que vem antes do botão...
<div class="pre-spoiler">
<input id="xs" value="Leia Mais" style="margin-left: 50px; padding: 0px; width: 80px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Leia Mais';}" type="button"> </div>
<div>
<div class="spoiler" style="display: none;">
Aqui você coloca o texto que quer esconder e que só vai aparecer quando clicarem no botão.
</div>
</div>