Ir para conteúdo

POWERED BY:

Arquivado

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

larissa_sanx

Programação web

Por , em Desenvolvimento frontend

Recommended Posts

larissa_sanx    0

larissa_sanx
Postado

Boa tarde gente,

Estou fazendo uma página para a empresa na qual trabalho, e estou com MUITAS dúvidas, pois sou nova no ramo de pw, a página que estou desenvolvendo eu estou usando Javascript, mas algumas funções exigidas na página são por PHP, gostaria de saber se tem como eu "chamar" a função php no meu javascript...

Aguardo respostas ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

larissa_sanx    0

larissa_sanx
Postado

É um sistema de gerar cartas, já criei o html, um formulário... Só preciso fazer com que os dados inseridos nesse formulário apareçam num modelo de carta, nesse modelo tem os campos em brancos específicos para serem preenchidos pelos dados do formulário, tentei usar o html2pdf mas ele só funciona com php...

 

Tem sim, mas sem uma explicação do que de fato seria fica dificil de podermos ajudar!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diegus Miestro    21

Diegus Miestro
Postado

Bem, se for para preencher as informações, o HTML+CSS resolve, se quiser colocar algum efeito ou validação de campo então entra o Javascript. O que você está usando, no caso html2pdf, é para quando o processo estiver terminado, por parte do usuário, onde vai gerar um PDF.

 

O que especificamente deve acontecer para o cliente, ele deve preencher os dados e depois, ele recebe essa carta, essa carta é enviada para e-mail, ele deve imprimir?

 

Como já disse que é nova no ramo, mas a uma pergunta. Sabe a diferença entre frontend e backend? Isso irá ajudar a explicar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

larissa_sanx    0

larissa_sanx
Postado

Bem, se for para preencher as informações, o HTML+CSS resolve, se quiser colocar algum efeito ou validação de campo então entra o Javascript. O que você está usando, no caso html2pdf, é para quando o processo estiver terminado, por parte do usuário, onde vai gerar um PDF.

 

O que especificamente deve acontecer para o cliente, ele deve preencher os dados e depois, ele recebe essa carta, essa carta é enviada para e-mail, ele deve imprimir?

 

Como já disse que é nova no ramo, mas a uma pergunta. Sabe a diferença entre frontend e backend? Isso irá ajudar a explicar.

ele deverá imprimir essa carta.... Não sei, rs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

larissa_sanx    0

larissa_sanx
Postado

Posta o código pra gente tentar te ajudar, senão fica difícil. haha.

CÓDIGO HTML

 

 

<html>

<head> <meta charset="utf-8"> <script src="script.js"></script> <link rel="stylesheet" type="text/css" href="estilo.css"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script> <script> $(function() { $( "#calendario" ).datepicker(); }); $(function() { $("#calendario").datepicker({dateFormat: 'dd-mm-yyyy'}); }); $(function() { $( "#calendario1" ).datepicker(); }); $(function() { $("#calendario1").datepicker({dateFormat: 'dd-mm-yyyy'}); }); $(function() { $( "#calendario2" ).datepicker(); }); $(function() { $("#calendario2").datepicker({dateFormat: 'dd-mm-yyyy'}); }); $(function() { $( "#calendario3" ).datepicker(); }); $(function() { $("#calendario3").datepicker({dateFormat: 'dd-mm-yyyy'}); }); alert("oi") </script> </head> <body> <div class="tudo"> <p class="cabecalho"><img class="logo" src="dtt_logo.png"> Cartas de Circularização<img class="delivery" src="dcenter.png"> </p><br> <form> Nova carta: <select name="carta" id="carta"> <option value="sele">Selecione um tipo de carta</option> <option value="af">Adiantamento a Fornecedores</option> <option value="an">Adiantamento de Clientes Nacionais</option> <option value="ace">Adiantamento de Clientes no Exterior</option> <option value="adv">Advogados</option> <option value="apf">Aplicações Financeiras</option> <option value="aadv">Atualização de Advogados</option> <option value="bancos">Bancos</option> <option value="ce">Clientes Estrangeiros</option> <option value="cn">Clientes Nacionais</option> <option value="et">Estoques em Poder de Terceiros</option> <option value="fn">Fornecedores naionais</option> <option value="fe">Fornecedores Estrangeiros</option> <option value="pr">Partes Relacionadas no Exterior</option> </select><br><br> Local: <input name="local" type="text" id="local" size="60">     Data: <input type="text" id="calendario" readonly /> <input name="manter" type="checkbox" id="manter2" value="m2" />Manter Dados <br><br> Destinatário:<br> Nome/Empresa: <input name="ne" type="text" id="ne" size="50">  A/C: <input name="ac" type="text" id="ac" size="60"><br> <br> CEP:<input name="cep" type="text" id="cep" size="10">  Logradouro:<input name="log" type="text" id="log" size="40">   Nº:<input name="n" type="text" id="n" size="12">  Complemento:<input name="comp" type="text" id="comp" size="38"><br><br> Bairro: <input name="bairro" type="text" id="bairro"> Cidade <input name="cid" type="text" id="cid">   UF: <select name="uf" id="uf"> <option value="slecio">Selecione o UF</option> <option value="ac">AC</option> <option value="al">AL</option> <option value="ap">AP</option> <option value="am">AM</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="mt">MT</option> <option value="ms">MS</option> <option value="mg">MG</option> <option value="pa">PA</option> <option value="pb">PB</option> <option value="pr">PR</option> <option value="pe">PE</option> <option value="pi">PI</option> <option value="rj">RJ</option> <option value="rn">RN</option> <option value="rs">RS</option> <option value="ro">RO</option> <option value="rr">RR</option> <option value="sc">SC</option> <option value="sp">SP</option> <option value="se">SE</option> <option value="to">TO</option> </select>  País:<input name="p" type="text" id="p"><br><br> Dados da Empresa:<br> Cliente:<input name="p" type="text" id="p" size="60">     Data base:<input type="text" id="calendario1" readonly /> Saldo:<input name="saldo" type="text" id="saldo" size="10">  <br><br>Resposta até:<input type="text" id="calendario2" readonly />   Data de envio anterior:<input type="text" id="calendario3" readonly /><br><br> Encaminhar resposta para:<br> Time:<input name="time" type="text" id="time" size="10">    Nome:<input name="nome2" type="text" id="nome2">   Email:<input nome="email" type="text" id="email"><br><br> <br> Assinatura:   <textarea name="ass" id="ass" cols="50" rows="5"></textarea> Observação:   <textarea name="obs" id="obs" cols="50" rows="5"></textarea> <input type="button" name="btn2" id="btn" value="Mostar Carta"/> </form> <p class="baixo"><b>Deloitte - Todos os direitos reservados<br><br> Duvidas, entrar em contato pelo telefone (11) 5186-1839 ou pelo email circularizacao@deloitte.com<br><br> USO INTERNO DELOITTE - Nao deve ser repassado a terceiros</b><img class="envelope" src="envelope%20icone.ico"></p> </div> </body> </html>

CÓDIGO CSS

.cabecalho{

padding-top: 40px;

 

font-size: 35px;

text-align: center;

margin: 0;

font-family: arial;

 

}

form{

padding-top: 30px;

padding-left: 100px;

margin: 0;

font-family: arial;

 

 

}

.tudo{

clear: both;

background-image: linear-gradient(to bottom, #87CEEB, white);

font-family: arial;

}

.logo{

width: 250px;

padding-right: 70px;

 

}

.delivery{

width: 250px;

padding-left: 70px;

}

.baixo{

 

text-align: center;

 

}

.envelope{

 

 

width: 100px;

}

 

MINHA DIFICULDADE É EM COLOCAR UM CÓDIGO PHP NISSO DAI kkkk

:wacko: :wacko: :wacko: :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

VitorF    1

VitorF
Postado

Larissa, supondo que você saiba o mínimo de programação, é o seguinte:

 

Você já possui o formulário onde os dados serão inseridos, agora você precisa enviar esses dados para o php. A tag Form do html possui duas propriedades que devem ser preenchidas para o form fazer esse envio pra você, a propriedade "Method" e a propriedade "Action".

 

Ex: <form method="post" action="(Arquivo php aqui)">

 

Ao clicar no button do tipo submit, esses dados serão enviados para o arquivo php que você indicou no action. Agora é só ler esses dados enviados pelo formulário HTML e fazer com eles o que você quiser, no caso, gerar um pdf.

 

http://pt-br.html.net/tutorials/php/lesson11.php <- Tutorial bem básico mostrando na prática isso que te falei.

 

 

(Só lembrando que PHP não é como Html/JS/Css que é só escrever em bloco de notas que o navegador entende, precisa instalar um servidorzinho como EasyPHP ai na sua máquina pra ele funcionar)

Compartilhar este post

Link para o post
Compartilhar em outros sites

larissa_sanx    0

larissa_sanx
Postado

Larissa, supondo que você saiba o mínimo de programação, é o seguinte:

 

Você já possui o formulário onde os dados serão inseridos, agora você precisa enviar esses dados para o php. A tag Form do html possui duas propriedades que devem ser preenchidas para o form fazer esse envio pra você, a propriedade "Method" e a propriedade "Action".

 

Ex: <form method="post" action="(Arquivo php aqui)">

 

Ao clicar no button do tipo submit, esses dados serão enviados para o arquivo php que você indicou no action. Agora é só ler esses dados enviados pelo formulário HTML e fazer com eles o que você quiser, no caso, gerar um pdf.

 

http://pt-br.html.net/tutorials/php/lesson11.php <- Tutorial bem básico mostrando na prática isso que te falei.

 

 

(Só lembrando que PHP não é como Html/JS/Css que é só escrever em bloco de notas que o navegador entende, precisa instalar um servidorzinho como EasyPHP ai na sua máquina pra ele funcionar)

MUUUUUUUUUUUUUUUITO OBRIGADA!!!!!!!!!!!!!!! :D :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • violin101
      Oriantação - Java Netbeans Componentes Template AdminLTE
      Por violin101
      Caros amigos, saudações.

      Por favor, alguém pode me dar uma explicação referente o Template AdminLTE + Java Netbeans.

      Após importar para o Sistema Web. o componente para a pasta:
      WEB PAGES
      |___> bower_components - fica apresentando ERRO em algumas subpastas.

      Como consigo corrigir esses erros ?

      At.te,

      Cesar
    • violin101
      Orientação - Codificação Caracteres Especiais em Java
      Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida em Sistema WEB em Java.

      O Código abaixo está na Página index.jsp
      <%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> </html>
      O problema são os caracteres especiais que não consigo corrigir.

      Como consigo converter os Caracteres para o Padrão Português(BR) ?

      Grato,

      Cesar
    • violin101
      JAVA - Ajuda com erro.
      Por violin101
      Caros amigos, saudações.
       
      Estou escrevendo um Sistema Java Web e quando clico no Botão Salvar, o Java acusa esse erro:

      ERROR: Cannot invoke "Object.toString()" because the return value of "java.util.Map.get(Object)" is null
       
      Já tentei de várias formas resolver esse problema, mas não estou conseguindo.

      Por favor, alguém pode me ajudar identificar a origem e resolver o problema acima ?

      Grato,
       
      Cesar
    • violin101
      Orientação - Jav + MySql
      Por violin101
      Caros amigos, saudações.

      Estou enfrentando um problema que não consigo entender.

      Após Instalar o MySql versão 8.0.36, funciona corretamente realizando as conexões.

      O problema é:
      ---[ após reiniciar o micro, o MySql não faz as conexões.
      --[ tenta localizar este arquivo, mas não acha: my.ini
       
      Onde localizo ou configuro este arquivo na Pasta MySql ?

      Grato,
       
      Cesar
    • Rafael_Ferreira
      Não consigo carregar imagem do captcha no meu formulário
      Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
×

Informação importante

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

  Aceito