Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Filipe_Moraes

Campo hidden passa a ser visível

Por , em Javascript

Recommended Posts

Filipe_Moraes    15

Filipe_Moraes
Postado

Ola, tenho um campo que qd abre a pagina ele esta escondido, ou seja, o seu tipo é "hidden" e esta "disable" e queria saber como faço uma função para que o campo passe a ser visivel e editavel, so queria mesmo a função, chama-la eu sei :rolleyes: agradecia a ajuda!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

bom funciona no FF estou vendo oq posso fazer para funcionar no IEca

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title></head><body>campo hidden -> <input type="hidden" name="field" id="field" value="texto" /><script>	document.getElementById("field").type="text";</script></body></html>

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

você testou??faz um teste ai!!você naum postou uma linha de código naum sei exatamente oq q você está querendo!!pq naum vejo lógica um campo do tipo hidden estar bloqueado ja q quando ele está hidden o usuario naum consegue editar ele!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Filipe_Moraes    15

Filipe_Moraes
Postado

ok, obrigado, mas tipo a pagina abre, o campo esta "hidden" ai qd ele clica em aceitar o campo passa a ser "visible", chmar funções eu sei, so nao sei mesmo é como faço essa função, vou testar o que você me passou...

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

você está falando de visible

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title></head><body>campo hidden -> <input type="text" style="visibility:hidden;" name="field" id="field" value="texto" /><script>	document.getElementById("field").style.visibility="visible";</script></body></html>

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

Filipe_Moraes    15

Filipe_Moraes
Postado

so mais uma coisa, ha como executar um script em javasript automaticamente, qd por exemplo, se abre a pagina ao inves de esperar que o user clique no botão para chamar a função...Agradecia a ajuda!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

window.onload = nomedafuncao();

Compartilhar este post

Link para o post
Compartilhar em outros sites

Filipe_Moraes    15

Filipe_Moraes
Postado

Olha men, me desculpe, mas preciso de ajuda denovo, preciso criar 3 campos "hidden" com o valor 15,16 e 17 respectivamentea , tipo, fica assim:

function criar_campo(){a=document.createElement('campo1');b=document.createElement('campo2');c=document.createElement('campo3');document.getElementsByName('campo1').value == "15";document.getElementsByName('campo2').value == "16";document.getElementsByName('campo3').value == "17";}window.onload = criar_campo();

Agradecia a ajuda mais uma vez :rolleyes:

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

dude acho melhor você começar a especificar melhor suas duvidas mais uma vez naum entendi oq q você quer!!

um campo hidden é 

<input type="hidden" name="field" id="field" value="texto" />

é isso q você quer fazer tem certeza?

desse jeito fica complicado hein!!

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Ele quer criar 3 elementos hidden pelo javascript.

você precisa colocalos num elemento pai:

function criar_campo(){var pai = document.getElementById("id_do_elemento_pai");var a = document.createElement('campo1');var b = document.createElement('campo2');var c = document.createElement('campo3');document.getElementById('campo1').value = "15";document.getElementById('campo2').value = "16";document.getElementById('campo3').value = "17";pai.appendChild(a);pai.appendChild(b);pai.appendChild(c);}window.onload = criar_campo;

Dica: estude o basico do javascript DOM http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

eu falei akilo pq no começo ele disse campo hidden e na verdade é um visibility hidden que é diferente de um campo hidden!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Filipe_Moraes    15

Filipe_Moraes
Postado

Inside, é isso mesmo que quero... void obrigado pela ajuda, mas acho que nao sei explicar mais do que aquilo que disse, sorry...sim, vou sei muito pouco mesmo de javascript, vou começar um curso em breve, por isso to a tentar ter ajuda até la, :-)...Mas so tenho uma duvida, como assim "id_do_elemento_pai" ?? O que é isso??Agradecia a ajuda...

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

me desculpe acredito q o problema sou eu!!acho q neste caso o INSIDE pode te ajudar mais!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

hehe, naum se preocupe void, acontece isso as vezes.O elemento pai, é o elemento aonde esse hidden deve estar dentro, um exemplo:

<form id="formulario"><input type="hidden" value="1" /><input type="hidden" value="2" /><input type="hidden" value="3" /><input type="hidden" value="4" /></form>

Nesse caso, todos aqueles hidden ali dentro são filhos do form com o id "formulario".Ou seja, o form é o pai de todos os que estao dentro dele. Simples não?[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

Mas esse script, mesmo especificando o elemento pai, não vai criar nenhum outro elemento hidden. Não se você tiver só esse script.

Assim, sim:

var pai = document.getElementById("id_do_elemento_pai");var a = document.createElement('input');a.setAttribute("id","campo1");a.setAttribute("type", "hidden");pai.appendChild(a);document.getElementById('campo1').value = "15";

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Ótima observação![]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito