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.

7 comentários em “JavaScript: Imprimindo o que está no browser

  • 2 de fevereiro de 2011 em 10:41
    Permalink

    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
  • 2 de fevereiro de 2011 em 13:35
    Permalink

    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
    • 2 de fevereiro de 2011 em 14:08
      Permalink

      “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
  • 2 de fevereiro de 2011 em 15:10
    Permalink

    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
    • 2 de fevereiro de 2011 em 15:16
      Permalink

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

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

      Resposta

Deixe uma resposta

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