JavaScript: Imprimindo o que está no browser

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

7 Comentários

1. Simitar

   Posted fevereiro 2, 2011 at 10:41 AM

   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!
2. Tiago

   Posted fevereiro 2, 2011 at 1:08 PM

   Veja se este link te ajuda: http://www.javascripter.net/faq/openinga.htm
3. Simitar

   Posted fevereiro 2, 2011 at 1:35 PM

   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?
4. Tiago

   Posted fevereiro 2, 2011 at 2:08 PM

   “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.
5. Simitar

   Posted fevereiro 2, 2011 at 3:10 PM

   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.
6. Tiago

   Posted fevereiro 2, 2011 at 3:16 PM

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

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

   Posted fevereiro 2, 2011 at 3:19 PM

   Esqueci-me do link da imagem http://yfrog.com/jxeditpp