Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 ;)
É 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!
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.
>
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.
Posta o código pra gente tentar te ajudar, senão fica difícil. haha.
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](http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css)" /> <script src="[http://code.jquery.com/jquery-1.8.2.js](http://code.jquery.com/jquery-1.8.2.js)"></script> <script src="[http://code.jquery.com/ui/1.9.0/jquery-ui.js](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:
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)
>
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
Tem sim, mas sem uma explicação do que de fato seria fica dificil de podermos ajudar!