Ir para conteúdo

Arquivado

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

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.

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por 4Unknow
      Bom dia galera.

      Estou querendo colocar um botão flutuante em meu site que acompanhe quando rolar para baixo.
      Um botão que vou utilizar para suporte.

      Um exemplo de como gostaria abaixo:


       
      Fico grato.
    • Por 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?
       
    • Por 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?
    • Por 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   
    • Por 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
×

Informação importante

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