Ir para conteúdo

POWERED BY:

Arquivado

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

visitante_xp

[Resolvido] Caixa de texto

Por , em Javascript

Recommended Posts

visitante_xp    0

visitante_xp
Postado

Iae povo...

 

Gostaria de saber como faço para que uma caixa de texto apareça assim que eu clique em um checkbox...

 

Me disseram que da pra fazer com DIV, por isso postei aqui...

 

Se eu tiver postado errado, desculpem...

 

Vlw!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Vitor Ramos Tonolli    0

João Vitor Ramos Tonolli
Postado

então cara, você quando clicar, cria uma função javascript

 

ai crie um div, com um id para poder manipular exemplo :

<div id="input"></div>

ai no checkbox, coloque

<inpyt type="checkbox" name="box[]" value="" onClick="exibeinput();">

e na função javascript crie o input

<script>
function exibeinput(){
 document.getElementById('input').innerHtml = '<input type="text" name="nome">';
}
</script>
Não sei se está funcionando pois não testei, mais é por ai, se não resolver seu problema, da pra você ter uma noção de como faz.

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

É necessário criar eventos nos checkboxes que evoquem funções responsáveis por alterar o display do objeto em questão, de "none" para "block" ou "inline", por exemplo.

 

Exemplo: No post do link abaixo, eu criei uma função para exibir um div oculto, mas você pode implementar para uma caixa de texto sem problema algum:

http://forum.imasters.com.br/index.php?/topic/367475-imagens-em-um-select/page__view__findpost__p__1408463

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Não era bem nisso que eu tava pensando...

 

Eu queria que quando eu clicasse na checkbox, a caixa de texto aparecesse logo abaixo...

 

O seu código mostra um menu drop down que pega o valor setado... eu até modificaria, mas meus conhecimentos de java e CSS não são lá muito bons...

 

Tem outro jeito de deixar um campo oculto e faze-lo aparecer com um click ou só da pra fazer com CSS??

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Vitor Ramos Tonolli    0

João Vitor Ramos Tonolli
Postado

cara é css e javascript, o exemplo que eu fiz acima faz exatamente isso, é só você aperfeicoar ele.

o que ele faz e chamar uma função quando você clica, e nessa função ele cria um novo campo de texto, dentro da div que tava em branco.

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Mudei minhas condições...

 

O que há de errado com esse código...????

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Selecionar 1 de cada</title>

<script language="javascript">
cont= new Array();
cont[0] = '';
cont[1] = 'Campo A: <input type="text" name="campoA" id="campoa" />';

function inserir(id,n){
        document.getElementById(id).innerHTML = cont[n];
}
</script>

</head>

<body>
<select name="sel" onchange="inserir('ncampo', '+this.value;')" >
	<option value="0">Nulo</option>
    <option value="1">Campo A</option>
</select>

<div id="ncampo"> </div>
</body>
</html>

Vlw!!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

troque:

<select name="sel" onchange="inserir('ncampo', '+this.value;')" >
por:

<select name="sel" onchange="inserir('ncampo', this.value)" >
Não entendi oque você quis com a concatenação e as aspas ali..

 

Uma forma de debugar é testar se os parâmetros estão chegando com o valor que você quer:

function inserir(id,n){
	alert(n);
...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

^_^ tranquilo... mas só 'tome cuidado'..

 

Java != Javascript

 

São 2 linguagens totalmente diferentes. Que bom que resolveu. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não entendi.

Não existe 'include' em Javascript. O que você pretende ?

 

'abrisse um arquivo que tivesse a mesma função' ??

explique melhor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Seguinte, ele vai fazer a mesma coisa...

 

Quando eu fizer a seleção, ele abrirá dois botões radio, dependendo da opção escolhida irá abrir a caixa de texto...

 

No geral, serão dois códigos com a mesma função (pelo menos eu acho) em que um depende do outro...

 

Eu só não sei como fazer essa dependencia funcionar...

 

Eu havia citado o INCLUDE pois programo em php, sabia que não tinha isso em java... http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

 

Deu pra entender???

Compartilhar este post

Link para o post
Compartilhar em outros sites

visitante_xp    0

visitante_xp
Postado

Seria algo parecido com isso...

 

<title>Selecionar 1 de cada</title>

<script language="javascript">
cont= new Array();
cont[0] = '';
cont[1] = '<input type="radio" name="rad" checked="checked" onclick="inserir1("ncampo2", "0")" value="1" />Nulo<br /> <input type="radio" name="rad" onclick="inserir1("ncampo2", "1")" value="1" />Inserir Campo A';

function inserir(id,n){
        document.getElementById(id).innerHTML = cont[n];
}
</script>

<script language="javascript">
conts= new Array();
conts[0] = '';
conts[1] = '<tr><td>Campo A: <input type="text" name="campoA" id="campoa" /></td></tr>';

function inserir1(id1,n1){
        document.getElementById(id1).innerHTML = conts[n1];
}
</script>

</head>

<body>
<select onchange="inserir('ncampo', this.value)" >
	<option value="0">Nulo</option>
    <option value="1">Campo A</option>
</select>

<div id="ncampo"> </div>
<div id="ncampo2"> </div>

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