Ir para conteúdo

Arquivado

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

mldiogo87

Preencher formulário ao carregar a página

Recommended Posts

Boa noite,

 

Uso essa função básica para adicionar dados a um formulário ao clicar no link:

 

<script type="text/javascript">
    function escrever( el ){
       document.getElementById('cltd').value = el.id;
    }
	</script>


<a href="#" onClick="escrever( this )" id="Escrita">Adicionar Escrita</a>';

Ocorre, porém, que precisaria executar a função quando a página for carregada, adicionando determinados dados no formulário. Ou seja, no lugar do evento ser OnClick deveria ser OnLoad.

 

Não consigo fazer nem achei nada a respeito. Alguém poderia dar uma luz?

 

Agradeço 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para executar a função sem clicar no link, você pode utilizar esse codígo abaixo, mas você vai ter que baixar a biblioteca JQUERY, caso não tenha, é só ir no site do JQUERY e baixar.

 

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>

 

<!--          caminho do JQUERY -->
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<!--        ----------------------------------------------------->

 

        <script type="text/javascript">

 

        // Efeito do JQUERY
        $("document").ready(function (){
            $("#Escrita").click();
        });
        // ---------------------------------------------------
        
        function escrever(el){
                 var teste =document.getElementById('Escrita');
                 teste.style.color="red";
    }
    </script>
    </head>
    <body>
        <a href="#" onclick="escrever(this)" id="Escrita">Adicionar Escrita</a> 
    </body>
</html>

 

A função do link vai executar assim que a página começar a carregar, nesse código a função vai deixar o link vermelho assim que o site começa a carregar, só mudar da forma que for melhor para você. Não sei exatamente quais os dados que você quer carregar, mas espero que tenha lhe ajudado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá

Obrigado.

Na verdade eu precisaria adicionar os dados insertos no link dentro de um input de texto em formulário, cujo nome é cltd.

 

Da forma como você colocou creio que não consigo manipular o que colocar no formulário, certo ??

 

  <a href="#" onclick="escrever(this)" id="O QUE ESTIVER AQUI ADICIONAR AO FORMULÁRIO">Adicionar Escrita</a> 

 

Grato

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom..Estive pensando e estudando, acho que seria melhor eu fazer esse script de outra forma:

 

Imaginem que eu preciso adicionar em 2 campos do formulário dois texto distintos, mas queria fazer isso com apenas 1 clique e não 2, individualmente.

 

<script type="text/javascript">
    function escrever( el ){
       document.getElementById('cltd').value = el.id;
    }
	    function escrever( el ){
       document.getElementById('clnt').value = el.id;
    }

	</script>
### AO CLICAR NO ADICIONAR DADOS ADICIONA O QUE ESTIVER NA ID NOS DOIS CAMPOS (cltd e clnt).
ADICIONAR DADOS AO FORMULÁRIO 
<a href="#" onClick="escrever( this )" id="Escrita do formulário cltd"></a>';
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt"></a>';

Obrigado!!

Compartilhar este post


Link para o post
Compartilhar em outros sites
13 horas atrás, mldiogo87 disse:

Olá

Obrigado.

Na verdade eu precisaria adicionar os dados insertos no link dentro de um input de texto em formulário, cujo nome é cltd.

 

Da forma como você colocou creio que não consigo manipular o que colocar no formulário, certo ??

 

  <a href="#" onclick="escrever(this)" id="O QUE ESTIVER AQUI ADICIONAR AO FORMULÁRIO">Adicionar Escrita</a> 

 

Grato

 

Segue o código abaixo:

 

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
         var teste = document.getElementById('Escrita');
        $(document).ready(function (){
            $("#Escrita").click();
        });
        function escrever(){

// colocar o valor que quiser no val()
                 $(document).ready(function (){
            $("#cltd").val("Escrita");

//--------------------------------------------------------
        });
    }
    </script>
    </head>
    <body>
<a href="#" onclick="escrever()" id="Escrita">Adicionar Escrita</a><br/><br/> 
<input id="cltd" type="text" />
    </body>
</html>

 

Nesse código você consegue manipular o que vai colocar no input type="text" só colocar o texto que você quiser dentro do "val( )". Assim que a página carregar, o link será clicado automaticamente e o valor vai para o input. 

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, mldiogo87 disse:

Bom..Estive pensando e estudando, acho que seria melhor eu fazer esse script de outra forma:

 

Imaginem que eu preciso adicionar em 2 campos do formulário dois texto distintos, mas queria fazer isso com apenas 1 clique e não 2, individualmente.

 


<script type="text/javascript">
    function escrever( el ){
       document.getElementById('cltd').value = el.id;
    }
	    function escrever( el ){
       document.getElementById('clnt').value = el.id;
    }

	</script>
### AO CLICAR NO ADICIONAR DADOS ADICIONA O QUE ESTIVER NA ID NOS DOIS CAMPOS (cltd e clnt).
ADICIONAR DADOS AO FORMULÁRIO 
<a href="#" onClick="escrever( this )" id="Escrita do formulário cltd"></a>';
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt"></a>';

Obrigado!!

 

Nesse caso aqui você pode fazer assim:

 

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
        function escrever(el){
                 $(document).ready(function (){
            $("#cltd").val("Escrita do formulário cltd");
            $("#clnt").val("Escrita do formulário clnt");
        });
    }
    </script>
    </head>
    <body>
<a href="#" onClick="escrever( this )" id="Escrita do formulário cltd">Escrita do formulário cltd</a>
<a href="#" onClick="escrever( this )" id="Escrita do formulário clnt">Escrita do formulário clnt</a>
<input id="cltd" type="text" />
<input id="clnt" type="text" />
    </body>
</html>

 

Assim que você clicar em um dos links, vai disparar os dois nos dois inputs, e você modifica o "val()" da forma que você quiser. 

 

7 minutos atrás, mldiogo87 disse:

Funcionando 100%!

 

Obrigado!!

 

 

 

Tamo Junto! ; )

Compartilhar este post


Link para o post
Compartilhar em outros sites

luiz,

 

Realizei alguns testes e não funcionou, porque o que eu preciso é que o texto declarado dentro do ID do A HREF seja inserido no formulário e não o texto declarado no javascript.

 

O seu código o texto inserido é o do java e não ao contrário.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue o código abaixo:

 

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function (){
            $("#Escrita").click();
        });
        function escrever(){
                 $(document).ready(function (){
                    var id = $("#Escrita").attr("id");
            $("#cltd").val(id);
        });
    }
    </script>
    </head>
    <body>
        <a onclick="escrever()" href="#" id="Escrita">Adicionar Escrita</a><br/><br/>
        <input id="cltd" type="text" />
    </body>
</html>

 

// Aqui tá pegando o id do link sem colocar texto ---------------------------------------------------

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function (){
            $("#Escrita").click();
        });
        function escrever(){
                 $(document).ready(function (){
                    var href = $("#Escrita").attr("href");
            $("#cltd").val(href);
        });
    }
    </script>
    </head>
    <body>
        <a onclick="escrever()" href="#" id="Escrita">Adicionar Escrita</a><br/><br/>
        <input id="cltd" type="text" />
    </body>
</html>

 

Aqui tá pegando o href do link sem colocar texto  --------------------------------------------------------------

 

O attr() pega os atributos da tag. Qualquer coisa só mudar para o atributo que preferir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por luiz0o
      Estou fazendo um projeto para faculdade, e tenho um formulário, esse formulário precisa enviar as respostas tanto para um banco de dados, mas também tem que enviar para uma API que envia para meu email, mas não sei como fazer essas duas coisas ao mesmo tempo
    • Por rodrigomouran
      Galera, sou novo por aqui e em códigos PHP e Web, mas, tenho me virado. Porém esbarrei em um problema.
      Estou usando um banco PostgreSQL para desenvolvimento de uma aplicação simples para minha empresa onde eu quero digitar um código numérico no campo do formulário e ele me retornar 2 outros campos deste formulário preenchidos baseado no código pesquisado no banco.
      Tenho a minha página index.html com o conteúdo:
      <html> <head>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>   <script type="text/javascript">   $(document).ready(function(){     $("input[name='usucod']").blur(function(){       var $usunom = $("input[name='usunom']");       var $pricod = $("input[name='pricod']");       $usunom.val('Carregando...');       $pricod.val('Carregando...');         $.getJSON(           'function.php',           { usucod: $( this ).val() },           function( json )           {             $usunom.val( json.usunom );             $pricod.val( json.pricod );           }         );     });   });   </script> </head> <body>   <form action="" method="post">     <label>Código: <input type="text" name="usucod" /></label>     <label>Nome: <input name="usunom" type="text" disabled="disabled" value="" /></label>     <label>Pricod: <input type="text" name="pricod" value="" /></label>   </form> </body> </html> e minha página function.php com o conteúdo:
      <?php   /**    * função que devolve em formato JSON os dados do cliente    */   function retorna( $usucod, $db )   {     $sql = "SELECT usucod, usunom, pricod FROM usuario WHERE usucod = {$usucod} ";     $query = $db->query( $sql );     $arr = Array();     if( $query->num_rows )     {       while( $dados = $query->fetch_object() )       {         $arr['usunom'] = $dados->usunom;         $arr['pricod'] = $dados->pricod;       }     }     else       $arr['usunom'] = 'não encontrado';     return json_encode( $arr );   } /* só se for enviado o parâmetro, que devolve os dados */ if( isset($_GET['usucod']) ) {   $db = pg_connect("host=XXX.XXX.XXX.XXX port=5432 dbname=banco user=usuario password=senha");   echo retorna( filter ( $_GET['usucod'] ), $db ); } function filter( $var ){   return $var; } Ao digitar o código, meus campos a serem preenchidos ficam somente com o valor 'carregando...' visível.
       
       
       
      Agradeço a ajuda!

    • Por fmcmf
      Boa tarde...
      Tenho um formulário no site e o envio é usando o PHPMailer... o email está chegando no destino.... mas o conteúdo inserido nos campos não chega.
       
      Segue o código do formulário em html:
       
      <div id="banner"> <img class="fotobanner" src="img/comprar.png" alt=""> </div> <div class="formulario"> <h3 align="center"> PREENCHA OS DADOS ABAIXO PARA CONTRATAR: </h3> <form action=”envia.php” method=”post” id=”contato”> <div class="form-group"> <label for="exampleFormControlInput1">Nome completo:</label> <input type="nome" class="form-control" id="nome" placeholder="Nome" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">CPF:</label> <input type="cpf" class="form-control" id="cpfcli" placeholder="CPF" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero:</label> <select class="form-control" id="generocli" required> <option>Feminino</option> <option>Masculino</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">Data de Nascimento (dia/mês/ano):</label> <input type="" class="form-control" id="nasccli" placeholder="Data de nascimento (dia/mês/ano)" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Estado Civil:</label> <select class="form-control" id="ecivilcli" required> <option>Casado(a)</option> <option>Solteiro(a)</option> <option>Divorciado(a)</option> <option>Viúvo(a)</option> </select> </div> <div class="form-group"> <label for="exampleFormControlTextarea1">Endereço Completo + CEP:</label> <textarea class="form-control" id="endcli" rows="3" required></textarea> </div> <div class="form-group"> <label for="exampleFormControlInput1">Celular com DDD:</label> <input type="" class="form-control" id="celcli" placeholder="Celular com DDD" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">E-mail:</label> <input type="" class="form-control" id="emailcli" placeholder="E-mail" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PLANO Desejado:</label> <select class="form-control" id="plano" required> <option>SELECT</option> <option>PLUS</option> <option>TOP</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">NOME do PET:</label> <input type="" class="form-control" id="nomedopet" placeholder="NOME do PET" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">IDADE do PET:</label> <input type="" class="form-control" id="idadedopet" placeholder="IDADE do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Tipo do PET:</label> <select class="form-control" id="tipodopet" required> <option>GATO</option> <option>CACHORRO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero do PET:</label> <select class="form-control" id="generodopet" required> <option>FÊMEA</option> <option>MACHO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">RAÇA do PET:</label> <input type="" class="form-control" id="racadopet" placeholder="RAÇA do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PORTE do PET:</label> <select class="form-control" id="portedopet" required> <option>Pequeno</option> <option>Médio</option> <option>Grande</option> </select> </div> <div class="dobotao"> <button type="submit" class="botao"> <strong>ENVIAR DADOS </strong> </button></div> </form></div> Segue o código do enviar.php
       
      <?php require 'PHPMailerAutoload.php'; require 'class.phpmailer.php'; $mailer = new PHPMailer; //$mailer->SMTPDebug = 2; // Enable verbose debug output $mailer->isSMTP(); // Set mailer to use SMTP $mailer->SMTPOptions = array( 'ssl' => array( 'verify_peer' => false, 'verify_peer_name' => false, 'allow_self_signed' => true ) ); if($_GET['acao'] = 'enviar'){ $nome = $_POST['nome']; $cpfcli = $_POST['cpfcli']; $generocli = $_POST['generocli']; $nasccli = $_POST['nasccli']; $ecivilcli = $_POST['ecivilcli']; $celcli = $_POST['celcli']; $plano = $_POST['plano']; $nomedopet = $_POST['nomedopet']; $tipodopet = $_POST['tipodopet']; $generodopet = $_POST['generodopet']; $racadopet = $_POST['racadopet']; $portedopet = $_POST['portedopet']; $mailer->Host = 'pleskl0040.hospedagemdesites.ws'; $mailer->SMTPAuth = true; // Enable SMTP authentication $mailer->IsSMTP(); $mailer->isHTML(true); // Set email format to HTML $mailer->Port = 587; // Ativar condição utf-8, para acentuação $mailer->CharSet = 'UTF-8'; $mailer->Username = 'formulario@thna.com.br'; // SMTP username $mailer->Password = '@Nathi1010'; // SMTP password // email do destinatario $address = "formulario@thna.com.br"; //$mailer->SMTPDebug = 1; $corpoMSG = "nome: $nome <br> cpf: $cpfcli <br> genero: $generocli <br> nascimento: $nasccli <br> estado: $ecivilcli <br> celular: $cel <br> plano: $plano <br> pet: $nomedopet <br> tipo: $tipodopet generopet $generodopet <br> racapet: $racadopet <br> porte: $portedopet"; $mailer->AddAddress($address, "destinatario"); $mailer->AddAddress("formulario@thna.com.br", "destinatario 2"); // 2º destinatário se querer enviar, se não, comente com // $mailer->From = 'formulario@thna.com.br'; $mailer->Sender = 'formulario@thna.com.br'; $mailer->FromName = "Site Saúde PET"; // Seu nome // assunto da mensagem $mailer->Subject = $assunto; // corpo da mensagem $mailer->MsgHTML($corpoMSG); if(!$mailer->Send()) { echo "Erro: " . $mailer->ErrorInfo; } else { echo "Mensagem enviada com sucesso!"; } } header('Location: /pet/confirmado.html');  ?> Como comentei,  o email chega... mas o conteúdo do form não chega... Segue anexo print da caixa do e-mail:
       
      Desde já agradeço.

    • Por fmcmf
      Boa tarde...
      Tenho um formulário no site e o envio é usando o PHPMailer... o email está chegando no destino.... mas o conteúdo inserido nos campos não chega.
       
      Segue o código do formulário em html:
      <div id="banner"> <img class="fotobanner" src="img/comprar.png" alt=""> </div> <div class="formulario"> <h3 align="center"> PREENCHA OS DADOS ABAIXO PARA CONTRATAR: </h3> <form action=”envia.php” method=”post” id=”contato”> <div class="form-group"> <label for="exampleFormControlInput1">Nome completo:</label> <input type="nome" class="form-control" id="nome" placeholder="Nome" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">CPF:</label> <input type="cpf" class="form-control" id="cpfcli" placeholder="CPF" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero:</label> <select class="form-control" id="generocli" required> <option>Feminino</option> <option>Masculino</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">Data de Nascimento (dia/mês/ano):</label> <input type="" class="form-control" id="nasccli" placeholder="Data de nascimento (dia/mês/ano)" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Estado Civil:</label> <select class="form-control" id="ecivilcli" required> <option>Casado(a)</option> <option>Solteiro(a)</option> <option>Divorciado(a)</option> <option>Viúvo(a)</option> </select> </div> <div class="form-group"> <label for="exampleFormControlTextarea1">Endereço Completo + CEP:</label> <textarea class="form-control" id="endcli" rows="3" required></textarea> </div> <div class="form-group"> <label for="exampleFormControlInput1">Celular com DDD:</label> <input type="" class="form-control" id="celcli" placeholder="Celular com DDD" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">E-mail:</label> <input type="" class="form-control" id="emailcli" placeholder="E-mail" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PLANO Desejado:</label> <select class="form-control" id="plano" required> <option>SELECT</option> <option>PLUS</option> <option>TOP</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">NOME do PET:</label> <input type="" class="form-control" id="nomedopet" placeholder="NOME do PET" required> </div> <div class="form-group"> <label for="exampleFormControlInput1">IDADE do PET:</label> <input type="" class="form-control" id="idadedopet" placeholder="IDADE do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Tipo do PET:</label> <select class="form-control" id="tipodopet" required> <option>GATO</option> <option>CACHORRO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlSelect1">Gênero do PET:</label> <select class="form-control" id="generodopet" required> <option>FÊMEA</option> <option>MACHO</option> </select> </div> <div class="form-group"> <label for="exampleFormControlInput1">RAÇA do PET:</label> <input type="" class="form-control" id="racadopet" placeholder="RAÇA do PET" required> </div> <div class="form-group"> <label for="exampleFormControlSelect1">PORTE do PET:</label> <select class="form-control" id="portedopet" required> <option>Pequeno</option> <option>Médio</option> <option>Grande</option> </select> </div> <div class="dobotao"> <button type="submit" class="botao"> <strong>ENVIAR DADOS </strong> </button></div> </form></div>  
      Segue o código do enviar.php

       
      <?php require 'PHPMailerAutoload.php'; require 'class.phpmailer.php'; $mailer = new PHPMailer; //$mailer->SMTPDebug = 2; // Enable verbose debug output $mailer->isSMTP(); // Set mailer to use SMTP $mailer->SMTPOptions = array( 'ssl' => array( 'verify_peer' => false, 'verify_peer_name' => false, 'allow_self_signed' => true ) ); if($_GET['acao'] = 'enviar'){ $nome = $_POST['nome']; $cpfcli = $_POST['cpfcli']; $generocli = $_POST['generocli']; $nasccli = $_POST['nasccli']; $ecivilcli = $_POST['ecivilcli']; $celcli = $_POST['celcli']; $plano = $_POST['plano']; $nomedopet = $_POST['nomedopet']; $tipodopet = $_POST['tipodopet']; $generodopet = $_POST['generodopet']; $racadopet = $_POST['racadopet']; $portedopet = $_POST['portedopet']; $mailer->Host = 'pleskl0040.hospedagemdesites.ws'; $mailer->SMTPAuth = true; // Enable SMTP authentication $mailer->IsSMTP(); $mailer->isHTML(true); // Set email format to HTML $mailer->Port = 587; // Ativar condição utf-8, para acentuação $mailer->CharSet = 'UTF-8'; $mailer->Username = 'formulario@thna.com.br'; // SMTP username $mailer->Password = '@Nathi1010'; // SMTP password // email do destinatario $address = "formulario@thna.com.br"; //$mailer->SMTPDebug = 1; $corpoMSG = "nome: $nome <br> cpf: $cpfcli <br> genero: $generocli <br> nascimento: $nasccli <br> estado: $ecivilcli <br> celular: $cel <br> plano: $plano <br> pet: $nomedopet <br> tipo: $tipodopet generopet $generodopet <br> racapet: $racadopet <br> porte: $portedopet"; $mailer->AddAddress($address, "destinatario"); $mailer->AddAddress("formulario@thna.com.br", "destinatario 2"); // 2º destinatário se querer enviar, se não, comente com // $mailer->From = 'formulario@thna.com.br'; $mailer->Sender = 'formulario@thna.com.br'; $mailer->FromName = "Site Saúde PET"; // Seu nome // assunto da mensagem $mailer->Subject = $assunto; // corpo da mensagem $mailer->MsgHTML($corpoMSG); if(!$mailer->Send()) { echo "Erro: " . $mailer->ErrorInfo; } else { echo "Mensagem enviada com sucesso!"; } } header('Location: /pet/confirmado.html'); ?> Como comentei,  o email chega... mas o conteúdo do form não chega... Segue anexo print da caixa do e-mail:
       
      Desde já agradeço.
       
       
       
       

    • Por Roberto S. Santos
      Boa noite devs.
      Poderiam me ajudar ?
      Estou querendo fazer o seguinte em um formulário PHP...
      O usuário deve cadastrar a sua data e horário do uso na churrasqueira e quando chegar nesta data e no horário final ele apaga os dados do cadastro desta reserva.
      Como posso fazer isto com PHP ?
      Temos...
      data reserva
      hora reserva  (hora inicial)
      hora final (já vai estar pré definida na base de dados)
      Banco de Dados : clientes
      Tabela : reserva
      Deus abençoe a todos.
       
×

Informação importante

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