Botão Imprimir - Conteúdo do Blog

  1. Código JAVASCRIPT - FUNÇÃO IMPRIMIR CONTEÚDO


 copie e cole o codigo abaixo entre as tags <head></head> do seu blog
<script type='text/javascript'>
//<![CDATA[
function printContent(){
str=document.getElementById('main-content').innerHTML
newwin=window.open('','printwin','left=20,top=30,width=600,height=400')
newwin.document.write('<HTML>\n<HEAD>\n')
newwin.document.write('<TITLE>Print Page</TITLE>\n')
newwin.document.write('<script>\n')
newwin.document.write('function chkstate(){\n')
newwin.document.write('if(document.readyState=="complete"){\n')
newwin.document.write('window.close()\n')
newwin.document.write('}\n')
newwin.document.write('else{\n')
newwin.document.write('setTimeout("chkstate()",2000)\n')
newwin.document.write('}\n')
newwin.document.write('}\n')
newwin.document.write('function print_win(){\n')
newwin.document.write('window.print();\n')
newwin.document.write('chkstate();\n')
newwin.document.write('}\n')
newwin.document.write('<\/script>\n')
newwin.document.write('</HEAD>\n')
newwin.document.write('<BODY onload="print_win()">\n')
newwin.document.write(str)
newwin.document.write('</BODY>\n')
newwin.document.write('</HTML>\n')
newwin.document.close()
}
//]]>
</script>

2-DEFINIR CONTEÚDO A SER IMPRESSO

Defina o conteúdo a ser impresso, neste exemplo id='main-content'
<div id='main-content'>
...your post...
</div>

3-CÓDIGO DO BOTÃO IMPRIMIR

Coloque o codigo em algum lugar da pagina onde quer que o link ou botão apareça
<a href="javascript:void(printContent());">Imprima esta página</a>
Imprima esta página
OU

<form> <input onclick="javascript:void(printContent());" type="button" value="Imprima esta página" /> </form>

Nenhum comentário:

Postar um comentário