Radiobuttons niet zichtbaar bij printen

[TheDane]

Hi,

Voor een klant heb ik een soort-van enquete gemaakt waarop het personeel online de resultaten van hun werkzaamheden kunnen aanvinken.

Zo gaat 't bijvoorbeeld om vragen als
"Heb je je werk goed gedaan"
• Ja
• Nee
• Toelichting

Waarbij het personeel dus 1 van de antwoordmogelijkheden dmv radiobuttons kan selecteren. So far so good.

Er zijn ook vragen waarbij meerdere antwoorden, dmv checkboxes aangevinkt kunnen worden. Geen problemen hier.

Nu is het echter zo dat niet al het personeel altijd toegang heeft tot internet, bijvoorbeeld op lokatie bij een van de klanten van mijn klant. Het is wenselijk om ook daar een enquete in te vullen, eventueel voorzien van handtekening van de contactpersoon.

Nu heb ik een simpele 'printbare' versie van het formulier gemaakt (waarbij geen headers, footers en erg weinig opmaak is). Deze ziet er op scherm perfect uit, dus ik gebruik de volgende code om de pagina te printen:

code:

<a href='#' onclick='javascript: window.print();'>print pagina</a>

Edoch, what is the happen

De papieren versie toont geen radiobuttons, waardoor de antwoordmogelijkheden gewoon onder elkaar staan, tamelijk context-loos.
De checkboxen worden wèl geprint, precies zoals ik graag zie.

Iemand enig idee of dit op simpele manier op te lossen is?
Of hoe ik 't verantwoord op een andere manier kan oplossen?

[ThunderNet]

Simpele oplossing? voor de geprinte versie plaatjes gebruiken?

[BtM909]

Dan doe je toch iets fout, want ik zie wel degelijk radio-buttons geprint

• Heb je het probleem in zowel IE als FF?
• Heb je het probleem ook met print-preview
• Gebruik je een speciale media=print CSS die wellicht dingen niet zichtbaar maakt?

[killercow]

Je kunt eventueel met een @media print selectie in je stylesheet alle inputs een slage groter maken.
en de radio's in het bijzonder:

Cascading Stylesheet:

input[type=radio]{
 height:2em;
 width:2em;
}

ps, dit is niet nuttig:

HTML:

<a href='#' onclick='javascript: window.print();'>print pagina</a>

Een onclick event verwacht altijd javascript:

HTML:

<a href='#' onclick='window.print();'>print pagina</a>

Maar mooier is gewoon een button:

HTML:

<input type="button" onclick="this.style.display='none';window.print();this.style.display='block';" value="print pagina" />

[ Voor 29% gewijzigd door killercow op 11-05-2006 11:59 ]

[BtM909]

killercow schreef op donderdag 11 mei 2006 @ 11:58:
Je kunt eventueel met een @media print selectie in je stylesheet alle inputs een slage groter maken.
en de radio's in het bijzonder:

Cascading Stylesheet:

input[type=radio]{
 height:2em;
 width:2em;
}

Werkt alleen in FF

Maar mooier is gewoon een button:

HTML:

<input type="button" onclick="this.style.display='none';window.print();this.style.display='block';" value="print pagina" />

Ja en nee, want met een link kan je tenminste ook nog een non-JS href toevoegen

[TheDane]

Hmm, ThunderNet .. da's wel een geinige idd

en BtM909 ..
• Probleem zowel in IE als FF idd, checkboxen worden wel geprint, radiobuttons niet.
• Print preview doet 't wèl goed; that is, ik zie radiobuttons
• Geen speciale media=print CSS. sterker nog, helemaal géén CSS:P