Iestādīt printējamo laukumu!

[Sasa]

Nezinu vai īstajā sadaļā iepostēju, bet problēma ir tāda: Ar kādiem rikiem es varu iestādīt printējamo laukmu?

Tajā lapā kuru vēlos printēr ir vēl navigācijas pogas uz nākamo un iepreikšājo lapu, bet kad gribu printēt ar IE defoulto printēšanu viņš printē ārī visas navigācijas pogas, bet viņas nav navajadzīgas. Tad nu izdomāju vai var uzlikt kādu pogu kura atbildētu man par printēšanu un printētu tikai manis norādīto laukumu!?

 

vai ko tādu var dabūt gatavu!?

[bubu]

cssā var norādīt, kuras css definīcijas ir jāatiecina uz printera un kuras ne: http://www.w3.org/TR/CSS21/media.html Tādējādi var ar display: none paslēpt elementus, kuri nav jārada uz printera - vai gluži otrādi uz ekrāna nav jārāda, bet lai tikai rādās printera.

[martins256]

es nezinu kā ir ar css, bet nevar izdarīt tā, ka on hover visai lapai rāda tās pogas, bet kad printētu tas hover varētu kkā nebūt līdz ar to būtu vnk balts vaihidden vai kkas vēl...

[Sasa]

pēc kā tam css'am jāizskatās! mēģināju iekš delfiem atrast kā viņiem sataisīts, bet neatradu!

reku ir tas ko vēlos printēt:

http://sasa.po.gs/web_katalogs/izmeriem_dap.htm

 

bet jāprintē tabula tikai viss pārējaus van vajadzīgs!

 

zemāk ir kods kā tiek izveidota tā tabula!

 

<DIV class=Mso2dSectionBanner id=CaptionQuery3Banner style="WIDTH: 20.295cm" 
tabIndex=-1><SPAN id=CaptionQuery3BannerCaption>Caption: Query3</SPAN></DIV>
<DIV class=Mso2dSection id=CaptionQuery3 
style="WIDTH: 20.295cm; HEIGHT: 9.208cm; BACKGROUND-COLOR: #ffffff"><IMG 
class=Style0 id=Image33 
style="Z-INDEX: 1; LEFT: 0.396cm; WIDTH: 19.55cm; POSITION: absolute; TOP: 7.409cm; HEIGHT: 1.746cm" 
src="Images\Image33.bmp"><IMG class=Style0 id=Image32 
style="Z-INDEX: 2; LEFT: 0.396cm; WIDTH: 19.576cm; POSITION: absolute; TOP: 2.197cm; HEIGHT: 5.291cm" 
src="Images\Image32.bmp"><IMG class=Style0 id=Image31 
style="Z-INDEX: 3; LEFT: 0.396cm; WIDTH: 19.617cm; POSITION: absolute; TOP: 0.107cm; HEIGHT: 2.195cm" 
src="Images\Image31.bmp"></DIV>
<DIV class=Mso2dSectionBanner id=HeaderQuery3Banner style="WIDTH: 20.295cm" 
tabIndex=-1><SPAN id=HeaderQuery3BannerCaption>Header: Query3</SPAN></DIV>
<DIV class=Mso2dSection id=HeaderQuery3 
style="WIDTH: 20.295cm; HEIGHT: 0.61cm; BACKGROUND-COLOR: #ffffff"><IMG 
class=Style0 id=Image34 
style="Z-INDEX: 1; LEFT: 0.396cm; WIDTH: 19.576cm; POSITION: absolute; TOP: 0cm; HEIGHT: 0.582cm" 
src="Images\Image34.bmp"><TEXTAREA class="MsoTextbox Style1" id=Garums style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 2; LEFT: 1.604cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 2.01cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=MEL_1 style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 3; LEFT: 3.774cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.587cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=ABS_1 style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 4; LEFT: 5.202cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.375cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=Platums style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 5; LEFT: 6.895cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.375cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=MEL_2 style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 6; LEFT: 8.694cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.56cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=ABS_2 style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 7; LEFT: 10.097cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.322cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.37cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=izma style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 8; LEFT: 11.604cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.216cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.109cm; HEIGHT: 0.396cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=Tips style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 9; LEFT: 16.111cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 1.513cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.051cm; HEIGHT: 0.449cm"></TEXTAREA><TEXTAREA class="MsoTextbox Style1" id=Text37 style="PADDING-RIGHT: 0cm; PADDING-LEFT: 0cm; Z-INDEX: 10; LEFT: 0.502cm; PADDING-BOTTOM: 0cm; OVERFLOW: hidden; WIDTH: 0.931cm; PADDING-TOP: 0cm; POSITION: absolute; TOP: 0.105cm; HEIGHT: 0.37cm"></TEXTAREA></DIV>
<DIV class=Mso2dSectionBanner id=NavigationQuery3Banner style="WIDTH: 20.295cm" 
tabIndex=-1><SPAN id=NavigationQuery3BannerCaption>Navigation: 
Query3</SPAN></DIV>
<DIV class=Mso2dSection id=NavigationQuery3 
style="WIDTH: 20.295cm; POSITION: relative; HEIGHT: 3.378cm"><IMG class=Style0 
id=Image35 
style="Z-INDEX: 3; LEFT: 0.396cm; WIDTH: 19.576cm; POSITION: absolute; TOP: 0cm; HEIGHT: 3.121cm" 
src="Images\Image35.bmp"></DIV>

[Grey_Wolf]

pēc kā tam css'am jāizskatās! mēģināju iekš delfiem atrast kā viņiem sataisīts, bet neatradu!

Geniali !!!

Nakamreiz pienu un maiziiti iesaku pameklet Aptieka vai Apavu veikala ;)

Tev tachu bubu iedeva linku kur viss ir uzrakstiits....

 

Bet ka alternativa var buut pilnigi atseviskji CSS faili .... un lapas sakuma

<link rel="stylesheet" type="text/css" href="mans_screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="mans_printerim.css" media="print">

Shis variants ir labs ja Printejamiem datiem izveido atseviskju failu kur ir 2 pogas Print / close .... un taas tad arii nedruka...

(useris var apskatiit kas tad vinjam tiks printets un zinas ka netiks izprinteti visadi grafiskie elementi...)

Edited December 25, 2007 by Grey_Wolf

[Sasa]

[quote]<link rel="stylesheet" type="text/css" href="mans_screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="mans_printerim.css" media="print">[/quote]

 

tas media="print" ... atiecas uz to kad tiek nospiest printeris, tad arī iedarbosies tas CSS, kas atiecas tikai uz printēšanu vai arī man ir jāizvieto kaut kur poga, kas man atbildēs par tā printēšanas CSS palaišanu!??

 

Tajā lapā, kuru vēlos printēt vēli ir visādas lietas, ko es nevēlētos printēt! varbūt var kaut kā ielikt to ko vēlos printēt kaut kādā DIV'a un tad tikai to atēlot pie printēšanas neko citu bet es nezinu kā man tam CSS'am būtu jāiskatās!

[bubu]

A pamēģināt pašam nav ātrāk nekā forumā prasīt? Nekādas papildus pogas nav jānorāda. Ieliec atšķirīgo stilu printerim tajā printera css'ā un viss notiksies.

[andrisp]

#4 kods vienkārši omgīgs.

[Sasa]

nesaprotu kā darbojas tās metodes media="screen" un "print"!

[bubu]

Kāpēc tu neapskati linku postā #2? Tur viss ir parādīts.

Varu apmēram to pašu atkārot te:

 

css:

@media print
{
#elemA { display: none; }
}
@media screen
{
#elemB { display: none; }
}

 

html:

<p id="elemA"> Šis nebūs redzams uz PRINTERA. </p>
<p id="elemB"> Šis nebūs redzams uz EKRĀNA. </p>
<p> Uzmini nu uz kā būs redzms šis? </p>

[Sasa]

paldies! ar šito vienkāršo piemēru viss kļuva saprotams! :)

 

laimīgu jauno gadu!