[JS/HTML] Deel van de pagina printen met javascript

[Verwijderd]

Ik weet dat je met windows.print() de pagina kan afdrukken.. maar is er ook een mogelijkheid om een bepaald gedeelte van je pagina af te laten drukken ?

[gekkie]

je kunt 2 stylesheets gebruiken 1 voor op het scherm en een voor te printen, waarbij je in de print style sheet bepaalde dingen op hidden zet.

[ Voor 3% gewijzigd door gekkie op 12-04-2005 10:16 ]

[Standeman]

De enige methode die ik weet is een nieuw window aanmaken en die printen..(kan de user gelijk zien wattie print) maar goed, ben niet echt een script-guru

Om even voort te borduren op de reply van gekkie...

Maak een stylesheet (zoals je het geprint wilt hebben) en voeg de regel toe:

<link rel="stylesheet" type="text/css" href="/css/blabla_print.css" title="style" media="print">

En dan moet het goedkomen

[ Voor 47% gewijzigd door Standeman op 12-04-2005 10:20 ]

[Verwijderd]

Oke, dankje!
ff proberen

[Verwijderd]

Ik neem aan dat je weet dat je dan in de print-css file wel moet aangeven wat je wilt verbergen

[Verwijderd]

Ja dat snap ik, zit alleen nog ff te kijken hoe ik nou mee geef dat hij die alternatieve css pakt voor het printen :x

[BtM909]

Zoek en gij zult vinden

Cascading Stylesheet:

<link rel="stylesheet" type="text/css" href="" media="screen">

of 

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

[gekkie]

dat zie ik al ergens ... heeeel vet staan

[Verwijderd]

ok mooi, het werkt

[Verwijderd]

Kan iemand me toevallig ook nog vertellen hoe ik een link kan verbergen..

ik doe het nu met :
A:link {
size: 0px;
font-size: 0px;
}


alleen krijg ik nu nog 2 streepjes te zien, werkt dus maar half.. voor gewone tekst werkt het wel..

[BtM909]

Verwijderd schreef op dinsdag 12 april 2005 @ 11:28:
Kan iemand me toevallig ook nog vertellen hoe ik een link kan verbergen..

ik doe het nu met :
A:link {
size: 0px;
font-size: 0px;
}


alleen krijg ik nu nog 2 streepjes te zien, werkt dus maar half.. voor gewone tekst werkt het wel..

Zoek eens een keer met google

Nee echt, gewoon proberen, [google=CSS hide link]

[johanmulder]

Nou vooruit, probeer dit es :

code:

a
{
    display : none;
}

Ik blijf er wel bij dat dit basisstof CSS is, welke ook wel gemakkelijk op internet te vinden is.