print versie met btje extra content

[theFlashWizard]

ey mensjes,
ik heb net een print functie kunnen inbouwen op me site.
met zo'n link:

<a href="#" onClick="window.print()">Print this page</a>

en de head:

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


zo krijg ik met printen een speciaal opgemaakte pagine.
Nu zou ik alleen op die print pagina's wat extra info willen neerzetten, een logo en adresgegevens. dat logo moet trouwens wel 150 / 200 dpi zijn, anders wordt het logo korrelig na afdrukken. dus background veranderen is geen optie want ik moet em met width en height verkleinen. heeft iemand een idee hoe ik dit het beste kan doen?

Ik heb er nu 1 plaatje van gemaakt (dus met adresgegevens) deze staat gewoon standaart in de html. de screen css zorgt erdan voor dat je em niet ziet door display none en width en height op 0 te zetten. en de print css zorgt ervoor dat je hem bij printen wel ziet door de width en height wel goed te bepalen. alleen het stoort me dus dat er eigenlijk altijd een <img> tag in me source staat.
ik hoop dus dat dat anders kan..

iemand ideeen?

ik heb ook dit gevonden:
onbeforeprint:
http://msdn.microsoft.com/workshop/author/dhtml/reference/events/onbeforeprint.asp
maar ik weet niet hoe ik dit zou moeten toepassen.

alvast bedankt!

[mknol]

<div class="aleenprinten">
deze tekst + logo wordt alleen geprint
<img src="logotje.jpg" />
<!-- 50% kleiner is 72*2 = 144dpi -->
</div>

plaats in je css/printStyle.css dit:
.aleenprinten {
display:none;
}

plaats in je css/style.css dit:
.aleenprinten {
display:block;
}
.aleenprinten img {
width:50%;
height50%;
}

edit: ow wacht dit heb je al, sorry. Volgens mij kun je geen background verkleinen..?
http://www.w3schools.com/css/css_background.asp
Toch dus maar een img tag in je source..

[theFlashWizard]

hmm ja.. ik zou de text idd in zo'n div kunnen neerzetten.. maar het punt voor mij is dus dat die div, met text en img daar altijd staat.. terwijl het me gelukt was door css de source zo clean te houde..
mischien nog andere ideeen? :$
kan je met javascript op n bepaalde plek, mshn wel in een bepaalde div dingen dynamisch laten bijschrijven?
alvast bedankt

[Cowerd]

een functie maken met daarin:
je code enz.
en daar onder window.print();

miss. werkt dat:)

[theFlashWizard]

em... huh?
kan je iets duidelijker zijn? :$

ik wil wel benadrukken dat ik dus niet een script in me html wil hebben.. enkel als ik die als bijv .js extern kan opslaan en dan ophalen.

[Cowerd]

je kan javascript altijd als .js extern inladen..
maar ik bedoel een function in je html ja..

[theFlashWizard]

em.. ja maar zoiets haal je op in de head dacht ik..
en hoe laat je javascript nou een klein btje toevoegen.. tis mij tot nu toe alleen maar gelukt alles te laten vanvangen voor wat je met een write functie schrijft..

hoe kan je dan met javascript boven me bestaande html binnen de body iets erbij laten schrijfen?

[Cowerd]

huh je wilt toch dat de css word aangepast?
dan kan je toch ook doen:
bv een table met daarin nog een table en in de buitenste table class="juist"
en dan een css style:
.juist table {
//css
}
en
.juist font {
//css
}
enzo

want je doe was dacht ik printen

[theFlashWizard]

em.. sorry no offence maar ik zie niet wat ik daarmee op schiet..

kijk anders ff in me 1ste en 3de bericht hoe ik het nu heb gedaan.. :$

[Cowerd]

Ja dan niet hoor:P

[theFlashWizard]

he zo bedoel ik het niet..:$
het is me alleen niet duidelijk hoe je idee me helpt.. :$
dus kan je het mischien nog iets duidelijker uitleggen? (A)
alvast bedankt

[Cowerd]

je kan met javascript een css style veranderen iig anders zoek je daar wat over op..

[theFlashWizard]

em.. sinds wanneer kan een css html schrijven? ik bedoel.. met css kan je hoogstens bepalen of iets wel of niet wordt weergeven, waar en met welk uiterlijk..
maar wat je dan soms wilt tonen staat altijd in je source.. en dat laatste hoopte ik dus te kunnen opzeilen..

[Cowerd]

HEt is niet html schrijven maar aanpassen.. ik weet ook niet precies hoe maar toch:P

[theFlashWizard]

html zelf kan je dus niet aanpassen met css.. alleen zijn uiterlijk..
maar iig bedankt voor de moeite dan.. :)

[Cowerd]

ik bedoelde html aanpassen met javascript maar goed ik g wel even flossen ofzo:P

[theFlashWizard]

je hoeft van mij niet te gaan flossen hoor.. :P maarre ik had al gevraagt eerder of dit mogenlijk was, maar dan wel zo dat het de bestaande html komt in de body..

maar goed.. gezien ik hier geen antwoord op krijg zal dit wel niet echt kunne..
ik ga dit denk ik onthoude voor wanneer ik deze site met php ga samenstellen.. dan kan ik het wel redelijk makkelijk.. :) en nee dat kan ik nu nog niet want nu moet ik (ja et is vaag) van me baas een "simpele" html pagina maken..

[SubZero]

Je kan perfect jouw XHTML structuur scheiden van DOM behaviour, je hoeft zelfs niets toe te voegen in de XHTML pagina zelf als een onload en dergelijke. Enkel je JS-pagina linken, en in je JS pagina schrijf je zelf een onload, bv.window.onload=function()
{
openPopup();
}

[theFlashWizard]

hmm ik heb et er net ff met een collega (programeur) over gehad en hij dacht dat het mischien wel mogelijk was om met onBeforePrint een functie aan te roepen in een extern js bestand die dan de body vind met getElementByTagName en daar dan met iets als createElement of addElement ofzo een img tag in laten schrijven..
dit was uit het hoofd en zal het ook nog ff moeten opzoeken als ik dit echt wil..
wat is jullie mening hierover?

[mknol]

als ik eerlijk mag zijn, dan zou ik zeggen, gewoon een plaatje in je print-div. Opzich is dat niet fout ofzo. Dat lijkt me veel handiger dan met eindeloze JS (die overigens je schone code niet beter maken) je pagina op te fokken voor een mooie afdruk.
Maar dat is mijn mening.

[theFlashWizard]

ik denk dat ik dat ook maar doe.. al doe ik et alleen met een img tag..
straks wanneer ik et met php kan uitvoeren kijk ik wel of het dan wel kan.. :)