JavaScript

JavaScript: Imprimindo o que está no browser

Dica simples de como imprimir com javascript. Basta utilizar window.print().

Exemplo:

<form>
   <input type="button" value="Imprimir" onClick="window.print()" />
</form>

Obs. Imprime exatamente o que está na janela do seu navegador.

9 thoughts on “JavaScript: Imprimindo o que está no browser

  • Simitar

    Muito útil, legal. Agora, como implemetar um botão de editar para que um usuário ao invés de retornar à pagina anterior para editar campos de formulário, pudesse ir a esta página através de um clique no botão.
    Obrigado!

    Resposta
  • Simitar

    Obrigado pelo link. Mas não seria uma nova janela que estava me referindo, apesar de o site ser uma nova fonte de conhecimento.
    Vou tentar explicar: depois de preencher dados de formulario envia-se o mesmo. Aparece em seguida uma pagina com os dados preenchidos na pagina anterior para que seja conferido pelo usuario. Pode-se então imprimir a página para fins de arquivamento (script deste post em questão), ou confirmar o envio dos dados. Mas se o usuario não aceitar os dados e queira edita-los, poderia oferecer-lhe a possibilidade de EDITAR estes dados, que imagino através de alguma função windows.edit (se é que existe). Não sei o nome de uma função destas. Mas seria possivel implememntar um botão destes com uma função específica que faça este serviço?

    Resposta
    • “windows.edit” não existe. E o javascript não tem como controlar isso. Com javascript não é possível enviar os dados.

      Só lembrando, que os dados são enviados (via Post/Get/Json etc) utilizando alguma linguagem de programação (html, ajax, $_ajax).

      Com ajax ou jquery fica muito fácil editar os campos, sem a necessidade de carregar uma nova página.

      Veja esse plugin Jquery.

      Resposta
  • Simitar

    Obrigado. Está complicando um pouco para mim. Estou iniciando no assunto web site, de maneira que nem domino linguagens para web. Acho que vou ter que escrever na tela para o usuário clicar no botão voltar do browser para editar os campos de formulario, o que poderia ser feito com mais elegancia via botão Edit ao lado de Imprimir e Confirmar.

    Resposta
    • para retornar a página, faça o seguinte:

      <a href="javascript: history.back()">Editar</a>

      Resposta
  • Felipe

    com esse codigo e melhorar ele colocando um link para imprimir em vez de imprimir a tela em branco ? eu gostaria de colocar um site, tipo um grafico web e imprimir ele e talvez enviar para o cliente, como posso fazer isso ? sou novo com JavaScript

    Resposta

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *