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 comentários sobre “JavaScript: Imprimindo o que está no browser

  • 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
  • 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
  • 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
  • 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 *