Printen van een ingevuld formulier

robvanrooij1977 · 12 mei 2012

Ik wil graag een ingevuld formulier door de bezoeker laten printen. De volgende code heb ik nu staan:

Tussen de <Head> en </head>:
<style type="text/css" media="print">
.printbutton {
visibility: hidden;
display: none;
}
</style>
<script>
document.write("<input type='button' " +
"onClick='window.print()' " +
"class='printbutton' " +
"value='Print formulier'/>");
</script>

In de body en tussen <form> en </form>:
</div>
<div class="printbutton">
<input name="Print formulier" type="button" value="Print formulier" />
</div>

In de css:
div.printbutton {
width: 100px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 194px;
margin-top: 15px;
}
.printbutton input {
width: 100%;
margin-left: 0%;
}

Kan iemand mij vertellen of dit correct is. Hieronder de volledige html tekst van de complete pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Huisartsenpraktijk Papenvoort Geldrop</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="Keywords" content="Huisartsenpraktijk Papenvoort, Huisarts Geldrop, Geldrop, Eindhoven, Huisarts Eindhoven, Zesgehuchten, Den Hartog, Janssens, Nuenen, Bloedprikken, Apotheek, fysiotherapie" />
<meta name="description" content="Op deze website vindt u alle informatie over de Huisartsenpraktijk aan de Papenvoort te Geldrop" />
<meta name="rating" content="general"/>
<meta name="robots" content="index,follow"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE"/>
<meta name="resource-type" content="document"/>
<meta name="revisit-after" content="30 days">
<meta name="classification" content="Huisartsenpraktijk"/>
<meta name="MSSmartTagsPreventParsing" content="TRUE"/>
<meta name="distribution" content="Global"/>
<meta name="rating" content="Safe For Kids"/>
<meta name="language" content="NL"/>
<meta name="doc-type" content="Web Page"/>
<meta name="doc-class" content="Completed"/>
<meta name="doc-rights" content="Copywritten Work"/>
<link href="favicon.ico" rel="shortcut icon"/>
<link href="file:///C|/Mijn Documenten/Jenne/Huisartsenpraktijk Papenvoort/opmaak.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: url(body_bg.jpg);
background-repeat: repeat-y;
background-position:center;
}
body,td,th {
font-size: 85%;
}
</style>
<script type="text/javascript">
function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
} }
</script>

<style type="text/css" media="print">
.printbutton {
visibility: hidden;
display: none;
}
</style>
<script>
document.write("<input type='button' " +
"onClick='window.print()' " +
"class='printbutton' " +
"value='Print formulier'/>");
</script>
</head>

<body>

<div class="container">
<div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="960" height="210" id="Insert_logo" display:block; /></a>
</div>
<div class="sidebar1">
<ul class="nav">
<li><a title="index" href="index.html">Welkom!</a></li>
<li><a href="Praktijkinformatie.html" title="Praktijkinformatie">Praktijkinformatie</a></li>
<li><a href="Huisartsen.html"title="Huisartsen">Huisartsen</a></li>
<li><a href="Medewerkers.html" title="Mederwerks">Medewerkers</a></li>
<li><a href="Herhaalrecepten.html" title="Herhaalrecepten">Herhaalrecepten</a></li>
<li><a title="Nieuwe patiënten" href="Nieuwe patiënten.html">Nieuwe patiënten</a></li>
<li><a href="Links.html" title="Links">Links</a></li>
</ul>
<p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
<p>If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.</p>

</div>
<div class="content">
<h2>Aanmeldingsformulier</h2>
<p>Indien u zich wilt aanmelden kunt u dit formulier invullen. Graag voor elk gezinslid een apart formulier invullen. U ontvangt van ons een bevestiging van uw aanmelding. Indien u dit prettig vindt kunt u een afspraak maken voor een kennismakingsgesprek. Tevens kunt u het document <a href="Aanmeldingsformulier.pdf">downloaden</a> waarna u het kunt printen en in kunt vullen. Door het invullen van onderstaand formulier geeft u toestemming om zijn/haar oude medische gegevens op te vragen bij de vorige huisarts. </p>
</div>
<form action="mailto: info@huisartsenpraktijkpapenvoort.nl" method="post" enctype="application/x-www-form-urlencoded" name="Nieuwe aanmelding" id="Nieuwe aanmelding" onsubmit="MM_validateForm('Naam','','R','Huisnummer','','NisNum','Telefoonnummer','','RisNum','06-nummer','','NisNum','E-mail:','','RisEmail','Polisnummer:','','NisNum','UZOVI-nummer:','','NisNum','BSN-nummer:','','NisNum','Tel. Vorige huisarts:','','NisNum');return document.MM_returnValue">
<form onSubmit="return checkrequired(this);MM_validateForm('Naam','','R','Telefoonnummer','','R','E-mail:','','RisEmail','UZOVI-nummer:','','NisNum','BSN-nummer:','','NisNum');return document.MM_returnValue">
<INPUT TYPE="hidden" NAME="subject" VALUE="NIEUWE AANMELDING verstuurd via website">
<div class="verplichtbox">
* = Verplicht veld
</div>
<div class="textbox">
<label for="Naam">Naam*:</label>
<input type="text" name="Naam" id="Naam" />
</div>
<div class="geboortebox">
<label for="Voorletters">Voorletters:</label>
<input type="text" name="Voorletters" id="Voorletters" />
</div>
<div class="radiobox">
<label for="name">Geslacht:</label> <input type="radio" name="Radio" id="Man" value="Man" />
Man
<input type="radio" name="radio" id="Vrouw" value="Vrouw" />
Vrouw
</div>
<div class="geboortebox">
<label for="Geboortedatum">Geboortedatum:</label>
<input name="Geboortedatum" type="text" id="Geboortedatum" />
</div>
<div class="huisnummerbox">
<label for="Huisnummer">Huisnummer:</label>
<input type="text" name="Huisnummer" id="Huisnummer" />
</div>
<div class="straatbox">
<label for="Straat">Straat:</label>
<input type="text" name="Straat" id="Straat" />
</div>
<div class="geboortebox">
<label for="Postcode">Postcode:</label>
<input name="Postcode" type="text" id="Postcode" maxlength="7" />
</div>
<div class="geboortebox">
<label for="Plaats">Plaats:</label>
<input type="text" name="Plaats" id="Plaats" />
</div>
<div class="geboortebox">
<label for="Telefoonnummer">Telefoonnummer*:</label>
<input name="Telefoonnummer" type="text" id="Telefoonnummer" maxlength="11" />
</div>
<div class="geboortebox">
<label for="06-nummer">06-nummer:</label>
<input name="06-nummer" type="text" id="06-nummer" maxlength="11" />
</div>
<div class="textbox">
<label for="E-mail:">E-mail*:</label>
<input name="E-mail:" type="text" id="E-mail:" />
</div>
<div class="textbox">
<label for="Zorgverzekeraar">Zorgverzekeraar:</label>
<input type="text" name="Zorgverzekeraar" id="Zorgverzekeraar" />
</div>
<div class="textbox">
<label for="Polisnummer:">Polisnummer:</label>
<input type="text" name="Polisnummer:" id="Polisnummer:" />
</div>
<div class="geboortebox">
<label for="UZOVI-nummer:">UZOVI-nummer:</label>
<input name="PUZOVI-nummer:" type="text" id="UZOVI-nummer:" maxlength="4" />
</div>
<div class="geboortebox">
<label for="BSN-numer:">BSN-nummer:</label>
<input name="BSN-nummer:" type="text" id="BSN-nummer:" maxlength="9" />
</div>
<div class="textbox">
<label for="Naam vorige huisarts:">Naam vorige huisarts:</label>
<input name="Naam vorige huisarts:" type="text" id="Naam vorige huisarts:" />
</div>
<div class="textbox">
<label for="Tel. Vorige huisarts:">Tel. vorige huisarts:</label>
<input name="Tel. Vorige huisarts:" type="text" id="Tel. Vorige huisarts:" />
</div>
<div class="textbox">
<label for="Inschrijving per">Inschrijving per**:</label>
<input type="text" name="Inschrijving per" id="Inschrijving per" />
</div>
<div class="opmerkingbox">
<label for="Opmerkingen:">Opmerkingen:</label>
<textarea name="Opmerkingen" id="Opmerkingen" rows="5"></textarea>
</div>
<div class="invullenbox">
**Met het invullen van dit formulier bevestig ik dat ik vanaf deze datum ben ingeschreven bij Huisartsenpraktijk Papenvoort.
</div>
<div class="printbutton">
<input name="Print formulier" type="button" value="Print formulier" />
</div>
</form>
<div class="footer">
<p>Huisartsenpraktijk Papenvoort   /   Papenvoort 1B   /   5674 DS Geldrop   /   Tel. 040 - 2867160   /   Fax. 040 - 1111111</p>
</div>
</div>
</body>
</html>

csshunter · 14 mei 2012

Hoi Rob,
Zie deze.

Printen van een ingevuld formulier

robvanrooij1977

Gebruiker

csshunter

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy