Jump to content

  2. →
  3. →

Photo

[resolvido] Mostrar Campo Conforme Input Radio

Started By _douglas™_, 25/01/2008, 23:01

  • Faça o login para participar
17 replies to this topic

#1 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 25/01/2008, 23:01

Pessoal, to postando aqui, e pedindo ajuda urgentemente. Porque tenho de terminar esse formulário e enviá-lo para um site em poucos dias. Então peço muuuito a ajuda a comunidade pra resolver isso.

O fato é que sou iniciante, e não consigo terminar um formulário muito complexo para meu nivel de conhecimento.

O formulário é para o site do meu trabalho; trabalho com projetor multimídia numa igreja católica, e necessito que me enviem sempre com antecedência os cantos das celebrações para que eu possa montar as apresentações em slides a tempo.

A estrutura em si do formulário está pronta, mas como não entendo nada de JavaScript, não consigo fazer os validadores de campos obrigatórios, validador de data e um script que faz determinados campos ficarem ocultos funcionarem. Preciso de ajuda pra isso.

Chega de explicação, vou logo pro script:

Enviei os arquivos pro servidor, de modo a visualizarem o script e receberem explicações de forma mais detalhada:

http://problemas.par...aomiguel.com.br

Como o formulário é complexo, coloquei ele para ser visualizado lá assim como seu código fonte. E coloquei explicações detalhadas sobre cada bug. E peço que me ajudem a corrigir meus erros no script.

Veja o que consegui fazer do formulário nesse link e seu código fonte aqui

-------
Pessoal, preciso muuito de ajuda, porque tenho até dia 31/01 pra colocar esse formulário no site ( lembre-se que postei esse tópico no dia 26/01).

Aguardo ansiosamente por posts.

Um grande abraço.

Edição feita por: _douglas™_, 31/01/2008, 10:03.

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 26/01/2008, 05:45

Vamos tentar resolver metade do seu problema, já.

O problema está na exibição dos campos. Quando se abre a página, todos os campos estão visíveis, e eu não quero isso. A princípio queria que apenas os seletores (radio) estivessem visíveis, mas não consegui

Eu acho que seria melhor deixar igual o site que você mostrou como exemplo: marcar um radio e deixar visível apenas o campo referente ao radio marcado e não deixar só os radios visíveis.
Assim, se a pessoa quer enviar só o trecho e esse já estiver visível, ele não precisará clicar em nada, apenas digitar. Mais fácil para o usuário, né? Se for assim, é só você chamar a função ShowHideSW no onload da página:
window.onload=ShowHideSW;
E pronto. Ao carregar a página, a função será chamada para verificar qual dos radios está checado.

Sobre validar os campos, procure aqui no fórum por validação.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 26/01/2008, 08:54

Eu acho que seria melhor deixar igual o site que você mostrou como exemplo: marcar um radio e deixar visível apenas o campo referente ao radio marcado e não deixar só os radios visíveis.
Assim, se a pessoa quer enviar só o trecho e esse já estiver visível, ele não precisará clicar em nada, apenas digitar. Mais fácil para o usuário, né? Se for assim, é só você chamar a função ShowHideSW no onload da página:

window.onload=ShowHideSW;
E pronto. Ao carregar a página, a função será chamada para verificar qual dos radios está checado.


Muito obrigado Alex!

Desculpe minha ignorância, mas onde devo colocar o código que vc citou?

window.onload=ShowHideSW;

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 26/01/2008, 09:44

Entre <head> e </head>, dentro de uma tag <script>.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 26/01/2008, 10:48

Valeu cara. Agora tenho o porblema parcaialmente resolvido.

Mas agora eu tentei duplicar os formulários, para criar os campos para todos os cantos (que a princípio serão 8...) e o resultado não foi bom... Apenas o primeiro canto, que tínhamos resolvido anteriormente, está funcionando corretamente. os demais parecem não estar encontrado o javascript.

Veja como está ficando o formulário diretamente no site:

_Acesse o Site_

E aqui o seu _código fonte_

-----------

Ainda coloquei o trecho do formulário de que falo _Nesse Link_ e seu código fonte _aqui_

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 26/01/2008, 11:49

Repare que os radios estão com o mesmo nome, isso não pode. Para cada grupo (entrada e perdão), dê um nome diferente.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 28/01/2008, 08:12

Repare que os radios estão com o mesmo nome, isso não pode. Para cada grupo (entrada e perdão), dê um nome diferente.


Amigo, me desculpe, mas o problema persiste.

Aparentemente, segundo o que consegui perceber, o javascript apenas está pegando as tabelas e seus conteúdos relacionados ao primeiro canto. Creio que se eu adicionasse as demais tabelas ao script funcionaria. Estou certo?

Porém não sei como posso fazer isso. A counidade pode me ajudar?

function ShowHideSW(showSw){var rbnotswmember = document.getElementById('radio_letra');if(rbnotswmember.checked==false){var trSkywardsNo = document.getElementById('campos_trecho');trSkywardsNo.style.display = '';	var trFirstName = document.getElementById('campos_letra');trFirstName.style.display = 'none';}else{var trSkywardsNo = document.getElementById('campos_trecho');trSkywardsNo.style.display = 'none';var trFirstName = document.getElementById('campos_letra');trFirstName.style.display = '';

#8 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 28/01/2008, 08:29

É que os nomes ou id dos radios estão iguais, isso não pode acontecer.
Ambos os radios estão com o id radio_trecho e radio_letra. O melhor seria você deixar dois ids para o canto de entrada e outros dois, diferentes, para o canto de perdão.
Por exemplo:
<!-- Canto de entrada -->
id="entrada_trecho"
id="entrada_letra"

<!-- Canto de perdão -->
id="perdao_trecho"
id="perdao_letra"

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#9 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 29/01/2008, 16:01

É que os nomes ou id dos radios estão iguais, isso não pode acontecer.
Ambos os radios estão com o id radio_trecho e radio_letra. O melhor seria você deixar dois ids para o canto de entrada e outros dois, diferentes, para o canto de perdão.


Perfeito Alex, mudei os nomes nos radios, e fiz uma outra mudança importante:
Percebi que todos os campos estavam acessando o mesmo javascript, e isso estava causando confusão entre os cantos, então criei um script em javascript para cada canto, indicando um nome para cada script, conforme o canto desejado e deu certo!

Apenas um problema antigo voltou... aquele script que eu havia utilizado para carregar o javascript ao carregar a página (window.onload=...) só está funcionando no último canto. Conforme fui adicionando os cantos e visualizando no navegador, fui percebendo isso.

Isso talvez tenha acontecido porque eu tenha colocado um script desse em cada canto, mas não sei como unir todos em um script só.

Podem me ajudar?

O formulário pode ser visualizado _Aqui_ e seu código fonte _Aqui_

#10 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 31/01/2008, 09:49

Na verdade o onload é opcional no seu caso. Você pode iniciar o radio checado e os campos com display none.
Por exemplo, no canto de entrada você já deixa marcado o trecho e some com os campos da letra.

<input type="radio" id="entrada_trecho" name="radio_tipo" value="Trecho" checked="checked" title="Trecho" onclick="java script:ScriptEntrada('Trecho')" /><label for="entrada_trecho">Trecho</label>

...

<tr id="campos_entrada_letra" style="display:none;">
<td id="tabela_letra"><label...


Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#11 _douglas™_

_douglas™_

    Novato no fórum

  • Usuários
  • 19 posts
  • Sexo:Não informado

Posted 31/01/2008, 10:01

Finalmente!

Agora sim! O que os poucos conhecimentos em programação mão me fazem...
Agora está ótimo. Já posso publicar o formulário.

Fico muitíssimo grato pela ajuda Alex!

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 25/09/2017, 05:35

Versand Viagra cialis Hives Infant Reaction Side Effect Amoxicillin Cialis Generika Wo Kaufen
Levitra 20 Cialis Tiempo De Accion cialis Propecia Effects On Women Androgenetic Alopecia Viagra Rezeptfrei Mannheim Buy Olanzapine Uk

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 08/10/2017, 20:55

Men'S Health Buy Viagra Nursing Responsibility In Giving Amoxicillin Doxycycline Online Cheap generic levitra no prescription Il Dangereux Pour La Sante
Cephalexin Hydrochloride cialis price Xenical Pills For Sale Discount Fedex Isotretinoin With Overnight Delivery Medication Overseas
Cytotec Posologie Us Pharmacy Viagra Viagra Ou Acheter Forum viagra Viagra Kaufen Apotheke Amoxicillin And Creatine

#14 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 24/10/2017, 10:30

Buy Cheap Diflucan Online viagra Kamagra Aus Deutschland Bestellen Buy Online Online Doctor Viagra
Amoxicillin Minocycline levitra vs viagra vs cialis Comprare Torri Kamagra

#15 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 05/11/2017, 06:41

Priligy Sin Receta buy vardenafil 40 mg malaysia Levothyroxine Without Prescription Discount Cheapeast Direct Elocon Worldwide Us Amex Online
Propecia Prix Pas Cher Cialis Viagra Dosage How Legit Are Online Viagra Sale buy viagra online Viraga Sales
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq