Jump to content
Sign in to follow this  
biza

imprimir apenas o conteúdo da DIV?

Recommended Posts

teria como detalhar mais a dúvida?

 

mas vamos lá, para pegar o conteudo de uma elemento DIV

 


div = document.getElementById('suaDIV');

alert(div.innerHTML);

imprimir na tela? impressora?

 

t+

Share this post


Link to post
Share on other sites

é assim eu tenho uma div com o conteúdo pretendido, o qe preciso é de dar ordem de impressão par sair impresso no papel.

tipo ter um botão em que diz imprimir , ai ele selecciona a diz pretendida em manda imprimir com todo o conteudo dela.

Share this post


Link to post
Share on other sites

eu usaria css media print

escondendo os outros elementos com display: none;

 

http://www.w3.org/TR/CSS2/media.html

Share this post


Link to post
Share on other sites

já mostramos 2 formas diferentes.

com javascript ou com css.

 

dá uma relida nas respostas anteriores, que a solução já está neste tópico.

Share this post


Link to post
Share on other sites

william esse é o code que estou a utilizar o seu code de css ja tentei utilizar mas não vai de encontro as minhas necessidades então apliquei esse code :

<script language="javascript" type="text/javascript">
function PrintElementID(id, pg) {
 var oPrint, oJan;
 oPrint = window.document.getElementById(id).innerHTML;
 oJan = window.open(pg);
 oJan.document.write(oPrint);
 oJan.history.go();
 oJan.window.print();
}
de lembrar que sou iniciante em java script .

 

a parte do botão é a seguinte:

<a href="" onclick="PrintElementID('printable','index.php?pag=show&id=9');">Imprimir</a></span>
na verdade ele imprime mas o conteúdo da div printable aparece todo baralhado

Share this post


Link to post
Share on other sites

Biza

 

Eu sugeriria que você fize-se um CSS especifico para o campo que você quer imprimir.

Assim você como o bruno disse poderia APAGAR com display none todas as divs que não são necessárias e fazer uma formatação de print exatamente como você quer... para essa div

 

Basta adicionar aos scripts de CSS um assim:

<LINK REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="foo.css">
No qual em vez de FOO você vai colocar o seu print.css com a configuração necessária.

E para ver como fica

 

Basta ir em visualizar impressão.

 

 

Abraços

Share this post


Link to post
Share on other sites

Meu caso é seguinte. anuncio no ML (mercado livre) e quero colocar um link "map" em uma imagem para imprimir (impressora) somente o que esta dentro do meu html da minha div. não consigo hospedar suporte css. o script com esse comando tem ser em html ou java dentro do html.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.