Jump to content
marcelocardoso

ajuda em botao jsPDF

Recommended Posts

pessoal...
to com o script pronto, funcionando...porém....
com um problema.... (consigo salvar o arquivo apenas com <A HREF>.....
Já com button, não vai... Oque posso incrementar para funcionar com button???

CODE:
 

<script src="https://code.jquery.com/jquery-git.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		var doc                    = new jsPDF();
		var datacompleta           = new Date();
		var horacompleta           = datacompleta.getHours() + datacompleta.getMinutes() + datacompleta.getSeconds(); //gera hora completa para acrescentar no arquivo PDF, evitando duplicidade de registro...
		var numrandom              = math.floor(math.random() * 65536)                                                //gera numeros randomicos para acrescentar no arquivo PDF, evitando duplicidade de registro...
		var margins                = { top: 50, bottom: 50, left: 30, right: 30, width: 180 };
		var specialElementHandlers = {'#editor': function (element, renderer) {
				return true;
			},
		};
		$('#botao').click(function () {
			doc.fromHTML($('#iframeconteudo').html(), 15, 15, {'width': margins.width, 'elementHandlers': specialElementHandlers});
			doc.save('impresso_cockpit-' + numrandom + '.pdf');
		});
	});
</script>

<div class="pull-left"><a href="javascript:jsPDFOutput();" class="ModalPDF">
  <i class="fa fa-file-pdf-o"></i></a>
</div>

Tentei com <button id="botao" class="btn btn-success btn-xs"></button> mas não chamo o ID....
Alguém, tem conhecimento e quer compartilhar...
Obrigado.

 

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By biakelly
      Meninos,
       
       Preciso de uma ajudinha, algum de vocês sabe como converto esse trecho para botão?
       
      <form class="form-inline" method="POST"> <label class="mr-sm-2" for="inlineFormCustomSelectPref"><?php echo $lang["cambiar_idioma"]; ?></label> <select class="custom-select mb-2 mr-sm-2 mb-sm-0" name="lang"> <option selected><?php echo $lang["opcion_1"]; ?></option> <option value="es"><?php echo $lang["opcion_2"]; ?></option> <option value="en"><?php echo $lang["opcion_3"]; ?></option> <option value="br"><?php echo $lang["opcion_4"]; ?></option> </select> <button type="submit" class="btn btn-primary"><?php echo $lang["cambiar"]; ?></button> </form>  
      Ao invés de selecionar o idioma e depois clicar no botão para alterar, eu queria apenas clicar em uma imagem ou botão e ter a mesma ação do select e depois botão. É possível?
       
    • By Flameisnot
      Então, estou com uma dúvida, eu coloquei um a HREF=“#” dentro de um button para redirecionar para outra página .html, porém ele só redireciona se clickar no texto do a, se eu clickar no corpo do button ele não redireciona, e se eu colocar o a por fora da tag do button, ele simplesmente não funciona, já vi um método através do js usando o window.locate porém ele só redireciona para um url já hospedado na internet, não consigo colocar ele para puxar um .html off, alguém poderia me ajudar?
    • By lucas70770
      Olá, eu tenho um sistema de pedidos onde em sua tabela a linha impar é os dados do produto e a impar é a grade de produtos, segue o código:
      <table class="tabela-tab-produto"> <thead> <tr> <th width="43"></th> <th>Código</th> <th>Descrição</th> <th>Qtde.</th> <th>Preço Tab.</th> <th>Desc.</th> <th>Preço Líq.</th> <th>Subtotal</th> <th></th> </tr> </thead> <tbody> <tr id="5{1+2,2{4+1"> <td></td> <td>LS</td> <td>Cortinas Listradas</td> <td class="text-right padding-right-15">3 <small>Un</small></td> <td class="text-right"><small>R$</small> 119.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 150</td> <td class="text-right"><small>R$</small> 450</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="1"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="86" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>380x230</th><th>580x230</th> </tr> </thead> <tbody> <tr><td>Azul Claro</td><td>1</td><td>-</td></tr><tr><td>Azul</td><td>-</td><td>2</td></tr> </tbody> </table> </div> </td> </tr><tr id="1{1+1"> <td></td> <td>VLI</td> <td>Cortinas Voil Liso</td> <td class="text-right padding-right-15">1 <small>Un</small></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="3"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="94" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>280x230</th> </tr> </thead> <tbody> <tr><td>Azul</td><td>1</td></tr> </tbody> </table> </div> </td> </tr> </tbody> </table> Quero saber como posso apresentar essa tabela com o jspdf e jspdf-autotable(se for necessário). Nos meus testes ele esta tirando a tabela que esta dentro da tabela principal.
      Eu achei um artigo sobre isso(https://stackoverflow.com/questions/39386969/nested-tables-in-a-pdf-using-jspdf-and-jspdf-autotable) mas não consegui aplicar no meu caso. Obg   
    • By 4Unknow
      Bom dia meus Nobres amigos.
      Seguinte, não sou especialista em HTML, CSS, nem nada.
      Por isso venho humidelmente pedir uma ajudinha. Gostaria de colocar um botão nessa área marcada na imagem abaixo.

      Estou editando essa página abaixo:



      Já tentei de tudo, mexer por tudo, mas o botão não fica certo de jeito maneira.
      Gostaria de uma ajudinha, o botão ou ele fica em cima do texto ou não aparece de jeito algum.

      Vou deixar um link desse site que estou utilizando, se tiver uma alma bondosa e comtempo ai para me ajudar, eu serei eternamente grato.

      LINK: https://www.mediafire.com/file/fe669isyguey0ez/Intro_Viva.rar/file
    • By jaquelss
      Os erros estão na imagem anexada. Não sei exatamente o que colocar quanto o conteúdo no menu, mas quanto ao botão segue abaixo:
       
      <div class="col-md-2 col-sm-6 col-6">
      <button class="button button-rounded btn-block nomargin"
      style="margin-top: 29px !important;"><a href="http://localhost/xavier/#/imovel"></style>Encontrar</a></button>
      </div>
       
      Tenho certeza que é uma bobagem minha, mas perdi a tarde tentando resolver.
      Ainda sou estudante, não tenho conhecimento total quanto a isso (apesar de que acho que ninguém tem né kk).
      Enfim,
      Agradeço desde já.

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.