Ir para conteúdo
Fórum Script Brasil
  • 0

Quem Manja De Css? Um Pouco Ja Esta Bom

jissa

Perguntado por jissa,

 Share

Pergunta

jissa

jissa

Postado
Postado

então.. quero imprimir uma area da Pagina.. descobri que tem um comando <style media="print"> </Style>. algo assim no CSS que faz isto.. ou seja posso tirar o botao de imprimir logo inicial banners e so impromir o que realmente é necessario..

alguém ai Ajuda?

Tks

Link para o comentário
Compartilhar em outros sites

18 respostass a esta questão

Posts Recomendados

  • 0
Avalon35

Avalon35

Postado
Postado

Olá...

:huh: Como você não especificou o que você quer imprimir, tente isso:

<style type="text/css" media="print"><!--

img{display:none}--></style>

Essa tag fará com que apenas o texto seja impresso. e deve estar entre <head>...</head>

quanto a sua outra pergunta é possível sim especificar como você quer que suas páginas sejam impressas, mas nesse caso você terá que se aprofundar um pouco mais em CSS. Entretanto, vale lembrar, que as especificações do usuários sempre irão prevalecer. Ou seja, sua formatação só irá funcionar se o usuário não fizer as suas próprias opções de impressão.

Visite o link abaixo e você terá uma idéia do que estou falando:

http://www.westciv.com/style_master/academ...d/printing.html

Espero que isso ajude...

Avalon

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
  • Autor
Postado

É isto mesmo.. quero tirar os botoes entre outras coisas... Muito Obrigado.

Mais uma.. voce sabe se com o CSS é possivel tirar o Rodapé das paginas.. sabe o http://..... e/ou substituir por outro?

Obrigado. mais uma vz.. vou dar uma olhada na padina que passou.

Link para o comentário
Compartilhar em outros sites
  • 0
Avalon35

Avalon35

Postado
Postado
  jissa disse:
É isto mesmo.. quero tirar os botoes entre outras coisas... Muito Obrigado.

Mais uma.. voce sabe se com o CSS é possivel tirar o Rodapé das paginas.. sabe o http://..... e/ou substituir por outro?

Obrigado. mais uma vz.. vou dar uma olhada na padina que passou.

Que bom que era isso...

Recomendo que você faça um teste de impressão antes de publicar a página.

quanto ao rodapé, não é CSS, mas tente isso: coloque entre <head>...</head>

<script>window.defaultStatus="Texto que você quer que apareça"</SCRIPT>

Mas quando o usuário apontar para algum link o endereço aparecerá na barra de status.

Caso você não queira que nenhum endereço apareça você deve colocar um texto animado em sua barra de status. Conforme abaixo:

Este tem que ficar exatamente antes de </body> para que funcione.

<script language=JavaScript>

var hellotext=" [*.*] Coloque seu texto aqui!! :-) ***"

var thetext=""

var started=false

var step=0

var times=1

function welcometext()

{

times--

if (times==0)

{

if (started==false)

{

started = true;

window.status = hellotext;

setTimeout("anim()",1);

}

thetext = hellotext;

}

}

function showstatustext(txt)

{

thetext = txt;

setTimeout("welcometext()",4000)

times++

}

function anim()

{

step++

if (step==5) {step=1}

if (step==1) {window.status=]::--::--::--::--::--::--::--::--::'+thetext+'::--::--::--::--::--::--::--::--::['}

if (step==2) {window.status=]-::--::--::--::--::--::--::--::--:'+thetext+'-::--::--::--::--::--::--::--::--:['}

if (step==3) {window.status=]--::--::--::--::--::--::--::--::--'+thetext+'--::--::--::--::--::--::--::--::--['}

if (step==4) {window.status=']:--::--::--::--::--::--::--::--::-'+thetext+':--::--::--::--::--::--::--::--::-['}

setTimeout("anim()",50);

}

welcometext();

function MM_findObj(n, d) {

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;

}

function MM_swapImage() {

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_swapImgRestore() {

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() {

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

</SCRIPT>

Particularmente eu não gosto muito desses textos animados nas barras de status, pois eles deixam o carregamento da página lento.

Espero que isso tb te ajude....

Avalon

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
  • Autor
Postado

Pelos testes reais que fiz aqui não funcionou nenhum dos dois... vou ver se fiz algo de errado, mas Valeu... quanto a aparecer o link não é importante, quero fazer uma Fatura Comercial, e não quero que imprima o Rodapé, só Falta Isto para Fechar o Sistema.. quero tudo certinho.

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
  • Autor
Postado

Olha como fiz....

não funciona nenhum dos dois mesmo:

<script>window.defaultStatus=" **** Rodapé ****"</SCRIPT>

<html>

<head>

<style type="text/css" media="print"><!--

img{display:none}--></style

</head>

<body>

Teste de Cadastro de Impressao.....

<br>

<input type=button value="Imprimir" onClick='self.print();' name=button></b></font></p>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

jissa... o que você pode fazer é o que os Bancos fazem pra imprimir....

coloca um link para abrir uma página pra imprimir....

ao clicar lá abre uma janela (estilo poup) com os dados a serem impressos....

nessa janela não tem nem barra de status, nem barra de rolagem, nem os botões nem nada ....

tendeu????.

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
  • Autor
Postado

Sim Senhor.. se eu fosse uma Mulher te Dava Um Beijo.. por falar nisto tem uma visinha aqui que é meia boca, meia banguela, meia Manca.. se quiter mando por SEDEX :)

uma coisa que achei na Net para imprimir que achei interessante, como não sei se sabem então to colocando ai embaixo... um Preview para a Pagina a ser impressa.

Testei e Funciona.. usa VBScript..

Inicio da Pagina coloca:

<OBJECT id=Wb1 style="LEFT: 0px; VISIBILITY: hidden; TOP: 0px" classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2">

</OBJECT>

No Botao:

<input type=button name="Ver" value="ver" language="vbscript" onclick="ver()">

A Função:

<script language="vbscript" >

sub ver()

Wb1.ExecWB 7,0

history.back

end sub

</script>

Funcionou bem aqui..

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

hahahahahahahahaha....

se você fosse mulher e bonita eu aceitava o beijo...hehehe Mas assim... não estou tão necessitado..hehehehehehe :D

legal esse script que você colocou ai.... só uma coisinha...

o programa EDITPLUS que eu uso para fazer edição de códigos (HTML, ASP, JAVASCRIPT) tem um botão na barra de ferramentas que mostra vários "comandos" para acessar objetos por exemplo....

  Citar
<OBJECT ID="Controle de CD-ROM do MSInfo" WIDTH="400" HEIGHT="200" CLASSID="CLSID:3A5C5663-A234-11D0-B1C1-00AA00C1AC85">

</OBJECT>

nunca usei nenhum deles...hehe

mas tem um monte lá.......

mas é isso ai jissa..... alguns sabem programar bem.... e outros tem idéias...hehehe

no que precisar estamos ai...

Link para o comentário
Compartilhar em outros sites
  • 0
Avalon35

Avalon35

Postado
Postado
  jissa disse:
Pelos testes reais que fiz aqui não funcionou nenhum dos dois... vou ver se fiz algo de errado, mas Valeu... quanto a aparecer o link não é importante, quero fazer uma Fatura Comercial, e não quero que imprima o Rodapé, só Falta Isto para Fechar o Sistema..  quero tudo certinho.

Opssss...

Eu não havia entendido que era para não imprimir o rodapé. Pensei que fosse apenas para hp...

Nesse caso a solução do Diraol é perfeita... Mas acho que não irá fazer o rodapé desaparecer.

Desculpa ai.... :unsure:

Só uma pergunta: esse funcionou??? <style type="text/css" media="print"><!--

img{display:none}--></style>

Pque uso sempre e aqui funciona direitinho.

Avalon

Link para o comentário
Compartilhar em outros sites
  • 0
jissa

jissa

Postado
  • Autor
Postado

aqui não funciou.. veja o teste que fiz la emcima.. ou embaixo.. sie la.. vou copiar aqui novamente..

Da Uma olhada se tem algo de errado... pelo que voce passou não achei nada..

<script>window.defaultStatus=" **** Rodapé ****"</SCRIPT>

<html>

<head>

<style type="text/css" media="print"><!--

img{display:none}--></style

</head>

<body>

Teste de Cadastro de Impressao.....

<br>

<input type=button value="Imprimir" onClick='self.print();' name=button></b></font></p>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

<A HREF="java script:showImpressao();">PREPARAR IMPRESSÃO</A>

Jissa...

tenta esse código ai........

ai o que vai ser impresso vai estar na próxima página

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

tava esquecendo...hehehehe

desculpa.... ai você edita conforme a sua necessidade........ grande parte do corpo desse script vai sair...hehehe

  Citar
function showImpressao(){

        var WindowText = "<TITLE>https://.com.br</TITLE>\n<body bgcolor=\"ffffff\">\n<table>\n<tr bgcolor=\"#ffffff\">\n<td>\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n  <tr> \n    <td width=\"20%\"><font face=\"Verdana\" size=\"1\">19/07/2003<br>23:42</font></td>\n          <td width=\"60%\" align=\"center\</td>\n          <td width=\"20%\">&nbsp;</td>\n  </tr>\n</table>\n<br>\n<center>\n <font face=\"Verdana\" size=\"1\">DEMONSTRATIVO DO RESUMO</font><br>\n <hr noshade>\n <table width=\"95%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n   \n     <tr><td width=\"37%\" height=\"7\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\" style=\"font-weight: bold;\">Suas Linhas de Cr&eacute;dito</font></td></tr>\n  <tr> \n   <td width=\"37%\" height=\"7\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\" style=\"font-weight: bold;\">PRODUTO</font></td>\n   <td width=\"15%\" height=\"7\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font size=\"1\">Limite Total</font> </b></font></div></td>\n   <td width=\"15%\" height=\"7\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font size=\"1\">Limite Utilizado </font> </b></font></div></td>\n   <td width=\"16%\" height=\"7\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font size=\"1\">Limite Dispon&iacute;vel </font></b></font></div></td>\n   <td width=\"17%\" height=\"7\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font size=\"1\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Taxa de Juros</font></b></font></div></td>\n  </tr>\n \n \n   <tr> \n    <td width=\"37%\" height=\"16\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">\n    CHEQUE ESPECIAL\n    \n    \n    \n    </font></td>\n    <td width=\"15%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">4.000,00</font></div></td>\n    <td width=\"15%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">0,00</font></div></td>\n    <td width=\"16%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">4.000,00</font></div></td>\n    <td width=\"17%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">7,000000(*)</font></div></td>\n   </tr>\n \n   <tr> \n    <td width=\"37%\" height=\"16\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">\n    \n    CREDIÁRIO ELETRÔNICO 30 HORAS (*)\n    \n    \n    </font></td>\n    <td width=\"15%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">4.000,00</font></div></td>\n    <td width=\"15%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">0,00</font></div></td>\n    <td width=\"16%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">4.000,00</font></div></td>\n    <td width=\"17%\" height=\"16\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">6,000000(*)</font></div></td>\n   </tr>\n \n  <tr> \n   <td width=\"37%\">&nbsp;</td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>\n  <tr> \n   <td width=\"37%\" height=\"7\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\" style=\"font-weight: bold;\">Resumo</font></td>\n  </tr>\n  <tr>\n   <td width=\"37%\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\" style=\"font-weight: bold;\">CONTA CORRENTE</font></td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>\n  <tr> \n   <td width=\"37%\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">saldo dispon&iacute;vel</font></td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">5.538,04</font></div></td>\n  </tr>\n  <tr> \n   <td width=\"37%\" height=\"17\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">saldo bloqueado </font></td>\n   <td width=\"15%\" height=\"17\">&nbsp;</td>\n   <td width=\"15%\" height=\"17\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\" height=\"17\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\" height=\"17\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"1\">0,00</font><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>\n  <tr> \n   <td width=\"37%\">&nbsp;</td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"></div></td>\n  </tr>\n \n \n \n  <tr> \n   <td width=\"37%\">&nbsp;</td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>\n  \n \n \n  <tr> \n   <td width=\"37%\">&nbsp;</td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>\n  \n  \n  <tr> \n   <td width=\"37%\">&nbsp;</td>\n   <td width=\"15%\">&nbsp;</td>\n   <td width=\"15%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"16%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n   <td width=\"17%\"><div align=\"right\"><font face=\"Verdana, Arial, Helvetica, sans-serif\"></font></div></td>\n  </tr>   \n\n    \n \n </table>\n <br>\n</center>\n<hr noshade>\n<p align=\"left\"><font face=\"Verdana\" size=\"1\" color=\"#000000\">\n Taxas sujeitas a altera&ccedil;&otilde;es decorrentes da modifica&ccedil;&atilde;o de normas legais ou a crit&eacute;rio do Unibanco.\n <br><br>\n (*)Taxas para novas contrata&ccedil;&otilde;es. <br>\n (**) De acordo com a an&aacute;lise de cr&eacute;dito e do comprometimento de renda, o limite dispon&iacute;vel foi restabelecido automaticamente em fun&ccedil;&atilde;o do pagamento de parcela do(s) empr&eacute;stimo(s) em vigor.</font><font color=\"#000000\"><br></font>\n</p>\n</td>\n</tr>\n</table>";

        var winPConf = window.open("../../../blank.htm", "Impressao", "resizable=yes, history=no, menubar=yes, toolbar=yes, scrollbars=yes, width=550",true)

  winPConf.moveTo(0,0);

  winPConf.resizeTo(screen.width,screen.height);

        winPConf.document.write(WindowText);

  winPConf.document.close();

}

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

provavelmente o que está dentro de <table> </table> você pode retirar...

eu não vi o código não...

ali eu acho que vão as informações que você quer que sejam impressas.....

Link para o comentário
Compartilhar em outros sites
  • 0
Avalon35

Avalon35

Postado
Postado
  jissa disse:
Olha como fiz....

não funciona nenhum dos dois mesmo:

<script>window.defaultStatus=" **** Rodapé ****"</SCRIPT>

<html>

<head>

<style type="text/css" media="print"><!--

img{display:none}--></style

</head>

<body>

Teste de Cadastro de Impressao.....

<br>

<input type=button value="Imprimir" onClick='self.print();' name=button></b></font></p>

</body>

</html>

Oi Jissa...

Vamos por partes, como diria nosso amigo Jack...hehehehehe

O código:

<html>

<head>

<style type="text/css" media="print"><!--

img{display:none}--></style> (Faltou fechar a tag, mas acho que foi só quando você digitou aqui.)

</head>

<body>

</body>

<html>

É para que as imagens do seu site não sejam impressas, apenas o texto. Ou seja não tem nada a ver com impressão de rodapé e sim com o conteúdo do site.

O outro código você pode esquecer, pois ele só serve mesmo para colocar um nome diferente na barra de status. Como p. ex., o nome da página ou empresa.

Caso você queria usá-lo, ele está posicionado incorretamente. você deve colar o código tb entre as tags <head>...</head>

O códico usando os dois ficaria assim:

<html>

<head>

<style type="text/css" media="print"><!--

img{display:none}--></style>

<script>window.defaultStatus=" **** Rodapé ****"</script>

</head>

<body>

</body>

<html>

Avalon

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,4k
    • Posts
      652,2k
×
×
  • Criar Novo...