Ir para conteúdo

POWERED BY:

Arquivado

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

Gilberto Tobias

[Resolvido] input recupera dados de outros inputs

Recommended Posts

Prezados,

 

Estou usando uma sugestão postada aqui mesmo no fórum para que, qdo submetido um form, um input armazene as informações de outros campos antes de ser enviado.

 

A sugestão foi a seguinte:

 

function pegaTexto(){

var txt1;

txt1 = document.getElementById('NOME').value;

//campo que recebe o texto

document.getElementById('CAMPO Q RECEBE').value = txt1;

 

}

 

Minhas dúvidas são:

 

1. Onde chamar o script?

Tentei no Body, no Head, no Form... e nada

 

2. Como chamo a função?

Já tentei onClick="pegaTexto" do Botão Submit e onSubmit="pegaTexto" no Action do Form...e nada

 

3. QUal valor devo deixar no input que vai receber os dados?

<input name="CAMPO Q RECEBE" type="hidden" id="CAMPO Q RECEBE" value="??????" />

 

 

3. Qual a sintaxe p/ concatenar os campos e usar blocos html entre eles?

Ex: txt1 = nome: document.getElementById('NOME').value <br> telefone:document.getElementById('TELEFONE').value;

Para que ele seja armazenado no BD e qdo recuperado fique c/ o formato:

nome: FULANO

telefone: 9999 9999

(Note q essa sintaxe esdrúxula q eu fiz acima foi só p/ ilustrar o q eu preciso)

 

Desde já grato pela ajuda dos amigos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

1 e 2:

No form com onsubmit

ficaria assim:

<forum action="" .... onsumbit="return pegaTexto();">
Não retire o RETURN é por isso que você não conseguiu aquela vez.

 

Assim antes dele paginar ira gravar em outro input.

 

3:

Não precisa deixar nenhum valor.

<input name="CAMPO Q RECEBE" type="hidden" id="CAMPO Q RECEBE" value="" />

{Acredito que vocÊ ja saiba o que vou escrever, masss por garantia leia}

porem essa info não ficará gravada no input se ocorrer a PAGINAÇÃO.

Irá apagar o que esta escrito no input.

 

Então deve-se usar SERVER-SIDE(ASP,PHP) para recuperar. No meu caso uso PHP:

 

<input type="hidden" name="CAMPO Q RECEBE" value="<?php echo (isset($_POST["CAMPO Q RECEBE"])? $_POST["CAMPOQRECEBE"]:"");?>">

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caro silverfox,

 

Antes de tudo obrigado pelo auxílio.

Infelizmente, como ñ sei nada de PHP ñ entendi a parte a q você se referiu em

<input type="hidden" name="CAMPO Q RECEBE" value="<?php echo (isset($_POST["CAMPO Q RECEBE"])? $_POST["CAMPOQRECEBE"]:"");?>">

(desculpe a ignorância, mas o q significa essa função???)

 

Estou fazendo em asp clássico e p/ q você(s) possa(m) visualizar melhor o meu problema achei por bem postar o código q é o seguinte:

 

---------------------------------------------

<script type="text/JavaScript">

<!--

 

function pegaTexto(){

var txt1;

txt1 = document.getElementById('CIDADE').value;

//campo que recebe o texto

 

document.getElementById('ART_DETAIL').value = txt1;

 

}

 

//-->

</script>

 

<form action="<%=MM_editAction%>" method="POST" name="submit" id="submit" enctype="multipart/form-data" onSubmit="return pegaTexto();" "checkFileUpload(this,'GIF,JPG,JPEG,BMP,PNG',false,'','','','','','','')" "YY_checkform('form1','textfield','#textfield2','6','CÓDIGO DE SEGURANÇA inválido');return document.MM_returnValue">

<table id="form" width="410" cellpadding="0" cellspacing="5">

<tr>

<td colspan="4"><h4>INFORMAÇÕES SOBRE A PAUTA </h4></td>

</tr>

<tr>

<td colspan="4"><label for="EXPIRED">Vigência Sugerida<br />

</label>

<input name="EXPIRED" type="text" id="EXPIRED" size="4" maxlength="4" />

<select name="EXPIRED_UNIT" id="EXPIRED_UNIT">

<option value=""></option>

<option value="Dias">Dias</option>

<option value="Meses">Meses</option>

<option value="Anos">Anos</option>

</select></td>

</tr>

<tr>

<td colspan="4"><label for="ART_TYPE">Canal</label>

<br />

<select name="ART_TYPE" class="select100" id="ART_TYPE" accesskey="c">

<%

While (NOT rsType.EOF)

%>

<option value="<%=(rsType.Fields.Item("TYPE_ID").Value)%>"><%=(rsType.Fields.Item("CHANNEL_NAME").Value)%> » <%=UCASE(rsType.Fields.Item("TYPE_NAME").Value)%></option>

<%

rsType.MoveNext()

Wend

If (rsType.CursorType > 0) Then

rsType.MoveFirst

Else

rsType.Requery

End If

%>

</select>

</td>

</tr>

<tr>

<td colspan="4"><label for="TITULO">Título<br />

</label>

<input name="TITULO" type="text" class="input100" id="TITULO" accesskey="t" /></td>

</tr>

<tr>

<td colspan="4"><label for="SUBTITULO">Subtítulo<br />

</label>

<textarea name="SUBTITULO" rows="3" class="input100" id="SUBTITULO" accesskey="t" onKeyUp="java script:calculaTamanho();"></textarea>

<br />

<input name="contador" type="text" disabled="disabled" class="FormField" id="contador" value="0" size="3" />

<span class="FontGray">de 200 </span></td>

</tr>

<tr>

<td colspan="4"><label for="CONTEUDO">Conteúdo •<br />

</label>

<textarea name="CONTEUDO" rows="35" class="input100" id="CONTEUDO" ></textarea></td>

</tr>

<tr>

<td colspan="2"><label for="ART_IMG1">Ilustração do Título<br />

<span class="FontGray">Dimensões: 50x50 px</span><br />

</label>

<input name="ART_IMG1" type="file" class="input50" id="ART_IMG1" accesskey="1" onChange="checkOneFileUpload(this,'GIF,JPG,JPEG,BMP,PNG',false,'','','','','','','')" /></td>

<td colspan="2"><label for="ART_IMG2">Ilustração do Conteúdo<br />

<span class="FontGray">Dimensões: 150 px de Largura </span><br />

</label>

<input name="ART_IMG2" type="file" class="input50" id="ART_IMG2" accesskey="2" onChange="checkOneFileUpload(this,'GIF,JPG,JPEG,BMP,PNG',false,'','','','','','','')" /></td>

</tr>

<tr>

<td colspan="4"> </td>

</tr>

<tr>

<td colspan="4"> </td>

</tr>

<tr>

<td colspan="4"><h4>SERVIÇO</h4></td>

</tr>

<tr>

<td colspan="2"><label for="ART_SERVICE_TYPE">Tipo<br />

</label>

<select name="ART_SERVICE_TYPE" accesskey="s" id="ART_SERVICE_TYPE" class="select50">

<option value="" selected="selected"></option>

<option value="Serviço">Serviço</option>

<option value="Autor">Autor</option>

<option value="Consultoria">Consultoria</option>

<option value="Fonte">Fonte</option>

<option value="Divulgação">Divulgação</option>

</select></td>

<td colspan="2"><label for="ART_IMG3">Ilustração <span class="FontGray">Dimensões: 50x50 px<br />

</span> </label>

<input name="ART_IMG3" type="file" class="input50" id="ART_IMG3" accesskey="3" onChange="checkOneFileUpload(this,'GIF,JPG,JPEG,BMP,PNG',false,'','','','','','','')" /></td>

</tr>

<tr>

<td colspan="4"><label for="ART_SERVICE_NAME">Nome<br />

</label>

<input name="ART_SERVICE_NAME" type="text" class="input100" id="ART_SERVICE_NAME" accesskey="n" /></td>

</tr>

<tr>

<td colspan="4"><label for="ART_SERVICE_DESC">Release<br />

</label>

<textarea name="ART_SERVICE_DESC" rows="3" class="input100" id="ART_SERVICE_DESC" accesskey="t" onKeyUp="java script:calculaTamanho2();"></textarea>

<br />

<input name="contador2" type="text" disabled="disabled" id="contador2" value="0" size="3" />

<span class="FontGray">de 250 </span></td>

</tr>

<tr>

<td colspan="2"><label for="ART_URL">Web Site<br />

</label>

<input name="ART_URL" type="text" class="input50" id="ART_URL" accesskey="u" /></td>

<td colspan="2"><label for="ART_MAIL">E-Mail<br />

</label>

<input name="ART_MAIL" type="text" class="input50" id="ART_MAIL" accesskey="e" /></td>

</tr>

<tr>

<td width="95"> </td>

<td width="95"> </td>

<td width="95"> </td>

<td width="95"> </td>

</tr>

<tr>

<td colspan="4"> </td>

</tr>

<tr>

<td colspan="4"><h4>DADOS DO RESPONSÁVEL </h4></td>

</tr>

<tr>

<td colspan="2"><label for="NOME DO REPONSAVEL">Nome •<br />

</label>

<input name="NOME DO REPONSAVEL" type="text" class="input50" id="NOME DO REPONSAVEL" accesskey="n" value="teste" /></td>

<td colspan="2"><label for="DOCUMENTO DO RESPONSAVEL">Documento - Tipo e Nº •<br />

</label>

<input name="DOCUMENTO DO RESPONSAVEL" type="text" class="input50" id="DOCUMENTO DO RESPONSAVEL" value="teste" size="2" /></td>

</tr>

<tr>

<td colspan="2"><label for="EMPRESA">Empresa<br />

</label>

<input name="EMPRESA" type="text" class="input50" id="EMPRESA" accesskey="e" value="teste" /></td>

<td colspan="2"><label for="EMAIL">E-Mail •<br />

</label>

<input name="E-MAIL DO REPONSAVEL" type="text" class="input50" id="E-MAIL DO REPONSAVEL" value="teste@teste" /></td>

</tr>

<tr>

<td colspan="2"><label for="TELEFONE DO RESPONSAVEL">DDD - Telefone •<br />

</label>

<input name="TELEFONE DO RESPONSAVEL" type="text" class="input50" id="TELEFONE DO RESPONSAVEL" accesskey="t" value="9999 9999" /></td>

<td colspan="2"><label for="CIDADE"></label></td>

</tr>

<tr>

<td colspan="2"><label for="CIDADE">Cidade •<br />

</label>

<input name="CIDADE" type="text" class="input50" id="CIDADE" accesskey="c" value="teste" /></td>

<td colspan="2"><label for="UF">UF •<br />

</label>

<select name="UF" accesskey="u" id="UF">

<option></option>

<option selected value="AC">AC</option>

<option value="AL">AL</option>

<option value="AM">AM</option>

<option value="AP">AP</option>

<option value="BA">BA</option>

<option value="CE">CE</option>

<option value="DF">DF</option>

<option value="ES">ES</option>

<option value="GO">GO</option>

<option value="MA">MA</option>

<option value="MG">MG</option>

<option value="MS">MS</option>

<option value="MT">MT</option>

<option value="PA">PA</option>

<option value="PB">PB</option>

<option value="PE">PE</option>

<option value="PI">PI</option>

<option value="PR">PR</option>

<option value="RJ">RJ</option>

<option value="RN">RN</option>

<option value="RO">RO</option>

<option value="RR">RR</option>

<option value="RS">RS</option>

<option value="SC">SC</option>

<option value="SE">SE</option>

<option value="SP">SP</option>

<option value="TO">TO</option>

</select></td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td colspan="4"><label for="COMENTS">Comentários<br />

</label>

<textarea name="COMENTS" rows="3" class="input100" id="COMENTS" accesskey="t" onKeyUp="java script:calculaTamanho3();"></textarea>

<br />

<input name="contador3" type="text" disabled="disabled" id="contador3" value="0" size="3" />

<span class="FontGray">de 250 </span></td>

</tr>

<tr>

<td colspan="4"> </td>

</tr>

<tr>

<td colspan="4" align="right">

<input name="ART_DETAIL" type="hidden" id="ART_DETAIL" value="CONCATENA OS CAMPOS C/ QUEBRA DE LINHAS E BLOCOS DE TEXTO" />

<input name="SUBJECT" type="hidden" id="SUBJECT" value="Sugestão de Pauta" />

<input name="ART_DATED" type="hidden" id="ART_DATED" value="<%=Date()%>" />

<input name="ART_EXPIRED" type="hidden" id="ART_EXPIRED" value="<%=Date()+10%>" />

<input name="ART_POSTER" type="hidden" id="ART_POSTER" value="<%=MyUserId%>" />

<input name="ART_PUBLICATION" type="hidden" id="ART_PUBLICATION" value="1" />

<input name="ART_STATUS" type="hidden" value="3" />

<input name="ART_RATED" type="hidden" value="0" />

<input name="ART_CLICKS" type="hidden" value="0" />

<input name="ART_RATES" type="hidden" value="0" />

<input type="hidden" name="MM_insert" value="true" />

<input name="Submit" accesskey="s" tabindex="9" type="submit" class="submit" onClick="MM_validateForm('TITULO','','R','SUBTITULO','','R','NOME DO REPONSAVEL','','R','DOCUMENTO DO RESPONSAVEL','','R','E-MAIL DO REPONSAVEL','','RisEmail','TELEFONE DO RESPONSAVEL','','R','CIDADE','','R','UF','','R');return document.MM_returnValue"value="ENVIAR PAUTA" /></td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

</form>

------------------------------------------------

 

Vale lembrar, q a idéia desse form é q armazene as informações no Campo ART_DETAIL (concatenando os campos e com blocos de texto/html) sem refresh e envie/armazene de forma q eu possa recuperá-las depois da seguinte forma:

 

Nome: (NOME DO RESPONSAVEL - DOC)

E-mail: (EMAIL DO RESPONSAVEL)

Telefone: (TELEFONE DO RESPONSAVEL)

Cidade: (CIDADE - UF)

Comentários: (COMENTS)

 

Note q exemplifiquei o q preciso, ñ pq quero tudo pronto, mas p/ q possa(m) entender melhor meu objetivo. Estou há 3 dias tentando tudo q meus parcos conhecimentos me permitem, entretanto s/ êxito. Tudo funciona direitinho (envio e armazenamento), porém esse detalhe (juntar vários inputs em 1) tem me tirado o sono.

 

Reiterados meus agradecimentos e confiante na solução

Att. Gilberto

Compartilhar este post


Link para o post
Compartilhar em outros sites

ISSET verifica se a variavel existe o jeito que apliquei é uma especie de FORK em uma linha só

 

$variavel = (isset($vr1))? "existe":"não existe";
echo $variavel;

Assim quando enviar o form ele vai recuparer a variavel $_POST["CAMPOQRECEBE"] no campo invisivel.

 

Voltando ao principal, o javascript funcionou?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia silverfox,

 

Beleza, meu velho, testei agora e funcionou direitinho.

 

Como ficou:

 

<script type="text/JavaScript">

<!--

 

function pegaTexto(){

var txt1;

txt1 = "Nome: "+document.getElementById('NOME DO RESPONSAVEL').value+" - "+document.getElementById('DOCUMENTO DO RESPONSAVEL').value+"<br>Cidade: "+document.getElementById('CIDADE').value;

//campo que recebe o texto

 

document.getElementById('ART_DETAIL').value = txt1;

 

}

 

//-->

</script>

---------------

No input:

<input name="ART_DETAIL" type="hidden" id="ART_DETAIL" value="<%="txt1" %>" />

Recuperei a variável <%="txt1" %> s/ testar nenhuma condição já q o campo é obrigatório.

 

Mais uma vez, muito obrigado pelo help.

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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