díky hoši...
já nesjem vůbec zkušený programátor naopak amatér, ale tipuji, že jsem to dělal špatně už z toho důvodu, že zápis volající mPDF jsem měl uplně oddělen od souboru kde se nachází html obsah který by se měl dostat do PDF.
V mém případě mám formulář který se odešlě sem:
<!doctype html><html itemscope="itemscope" itemtype="http://schema.org/WebPage">
<link href="images/ERKA-favIcon-64.png" rel="icon" type="image/png" />
<head>
<title>ERKA form</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<?php
?>
<style type="text/css">
.outputForm {
float:left;
margin-right:15px;
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.outputFormText {
float:left;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:1px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.outputFormImage-type-1 {
float:left;
margin-left:50px;
margin-right:10px;
margin-bottom:5px;
}
</style>
<div style="max-width: 595px; height: 1600px; margin-left: auto; margin-right: auto; background-color:white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<?php
$kunde = $_POST['kunde'];
$adresse = $_POST['adresse'];
$I = $_POST['I'];
$type = $_POST['cabinetType'];
$abteilen = $_POST['abteilen'];
$breite = $_POST['breite'];
$tiefe = $_POST['tiefe'];
$hoehe = $_POST['hoehe'];
$shelf = $_POST['facheinlage'];
$sockel = $_POST['sockel'];
$deckel = $_POST['deckel'];
$door = $_POST['turen'];
$doorDirection = $_POST['door-direction'];
$locking = $_POST['ArtVerriegelung'];
$lockwasher = $_POST['lockwasher'];
$lock = $_POST['lockType'];
$mainKey = $_POST['Haupt-Schlussel-Anlage'];
$centralLock = $_POST['ZentralschlossAnlage'];
$backside = $_POST['backSide'];
$colorKorpus = $_POST['colors-korpus'];
$colorDoor = $_POST['colors-door'];
$numeration = $_POST['numeration'];
$tob = $_POST['tob'];
$sheetKorpus = $_POST['sheet-korpus'];
$sheetDoor = $_POST['sheet-door'];
{
// *********************************************************************** CUSTOMER ************************************************************** \\
echo '<div id="output-customer" style=" background-color:red; width:auto; height:auto; padding-left: 10px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ">
<div style="background-color:#E8E8E8 ; width:200px; height:auto; padding-left: 10px; border-width:thin; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ">
<p style="font-size:20px; margin-left:1px; margin-top:0px; margin-bottom:0px; ">Customer:</p> </br>
<p style="font-size:20px; margin-left:1px; margin-top:0px; margin-bottom:0px; ">' . $kunde . ' </p>
<p style="font-size:20px; margin-left:1px; margin-top:0px; margin-bottom:1px; ">' . $adresse . ' </p>
</div>
<img src="../images/logo/ERKA-logo.svg" style="float:right; margin-top: -100px; margin-right:10px; "></img>
</div>';
// ******************************************************************** TYPE of CABINET ********************************************************* \\
if ($type == "Z1E_I30_100" && $abteilen == "1") {
echo '
<div style="font-size: 10px; margin-left: 15px; margin-right: 15px; padding-left: 3px; padding-right: 3px; border-width: 2px; border-style: solid; ">
' . $type. ',' . $I . ',' . $doorDirection . ',' . $abteilen . ',' . $breite . ',' . $tiefe . ',' . $hoehe . ',' . $door . ',' . $locking . ',' . $lockwasher . ',' . $lock . ',' . $mainKey . ',' . $centralLock . ',' . $sockel. ',' . $deckel . ' , ' . $colorKorpus . ' , ' . $colorDoor. ' , ' . $numeration. ' , ' . $tob. ', ' . $sheetKorpus. ', ' . $sheetDoor. '</div>
<div class="outputForm" style="width:560px; height:300px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">SCHRANKE TYPE: </br>
<p style="font-size: 13px; margin-left: 1px; ">Garderobe Z1E I30 geschweiste</p>
<p style="font-size: 13px; margin-left: 1px; ">Türen einschlagend</p>
<p style="font-size: 13px; margin-left: 1px; ">Inneneirichtung: ' . $I . '</p>
<p style="font-size: 13px; margin-left: 1px; ">ABTEILEN: ' . $abteilen . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Breite: ' . $breite . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Tiefe: ' . $tiefe . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Hoehe: ' . $hoehe . '</p></div>
<div class="outputFormImage-type-1">
<img src="/images/cabinets-de/parts/outputForm/Z1E_I30/Z1E_I30_100_1.svg" >
</div>
</div>
'; }
else if ($type == "Z1E_I30_100" && $abteilen == "2") {
echo '
<div style="font-size: 10px; margin-left: 15px; margin-right: 15px; padding-left: 3px; padding-right: 3px; border-width: 2px; border-style: solid; ">
' . $type. ',' . $I . ',' . $doorDirection . ',' . $abteilen . ',' . $breite . ',' . $tiefe . ',' . $hoehe . ',' . $door . ',' . $locking . ',' . $lockwasher . ',' . $lock . ',' . $mainKey . ',' . $centralLock . ',' . $sockel. ',' . $deckel . ' , ' . $colorKorpus . ' , ' . $colorDoor. ' , ' . $numeration. ' , ' . $tob. ', ' . $sheetKorpus. ', ' . $sheetDoor. '</div>
<div class="outputForm" style="width:560px; height:300px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">SCHRANKE TYPE: </br>
<p style="font-size: 13px; margin-left: 1px; ">Garderobe Z1E I30 geschweiste</p>
<p style="font-size: 13px; margin-left: 1px; ">Türen einschlagend</p>
<p style="font-size: 13px; margin-left: 1px; ">Inneneirichtung: ' . $I . '</p>
<p style="font-size: 13px; margin-left: 1px; ">ABTEILEN: ' . $abteilen . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Breite: ' . $breite . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Tiefe: ' . $tiefe . '</p>
<p style="font-size: 13px; margin-left: 1px; ">Hoehe: ' . $hoehe . '</p>
</div>
<div class="outputFormImage-type-2" style="">
<img src="/images/cabinets-de/parts/outputForm/Z1E_I30/Z1E_I30_100_2.svg" >
</div>
</div>
'; }
//**************************************************************************************************************** \\
//*****************************************************SOCKEL conditions****************************************** \\
//**************************************************************************************************************** \\
//*****************************************************SOCKEL 1 partition **************************************** \\
if ($sockel == "STD" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ">
<div class="outputFormText">SOCKEL: ' . $sockel . '</div>
<div class="outputFormImage">
<img src="/images/cabinets-de/parts/outputForm/sockel/100/SO-STD-100-1.svg" >
</div>
</div>
';
}
else if ($sockel == "GIRO" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">SOCKEL: ' . $sockel . '</div>
<div class="outputFormImage">
<img src="/images/cabinets-de/parts/outputForm/sockel/100/SO-GIRO-100-1.svg" >
</div>
</div>
';
}
//**************************************************************************************************************** \\
//*****************************************************DECKEL conditions****************************************** \\
//**************************************************************************************************************** \\
//*****************************************************DECKEL 1 partition **************************************** \\
if ($deckel == "STD" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ">
<div class="outputFormText">DECKEL: ' . $deckel . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/deckel/deckel-STD-1.svg"></div>
</div>
';
}
else if ($deckel == "DEDL" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DECKEL: ' . $deckel . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/deckel/deckel-DEDL-1.svg" ></div>
</div>
';
}
//**************************************************************************************************************** \\
//*****************************************************DOOR conditions****************************************** \\
//**************************************************************************************************************** \\
if ($door == "T2") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T2.svg" ></div>
</div>
';
}
else if ($door == "T3") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/door/door-T3.svg" ></div>
</div>
';
}
else if ($door == "T4") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T4.svg" ></div>
</div>
';
}
else if ($door == "T5") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T5.svg" ></div>
</div>
';
}
else if ($door == "T6") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T6.png" ></div>
</div>
';
}
else if ($door == "T7") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T7.svg" ></div>
</div>
';
}
else if ($door == "T8") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">DOOR: ' . $door . '</div>
<div class="outputFormImage"><img src="/images/cabinets-de/parts/outputForm/door/door-T8.svg" ></div>
</div>
';
}
//**************************************************************************************************************** \\
//*****************************************************SHELF conditions****************************************** \\
//**************************************************************************************************************** \\
if ($shelf == "F1") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F1.svg" ></div>
</div>
';
}
else if ($shelf == "F1-KSTH") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F1-KSTH.svg" ></div>
</div>
';
}
else if ($shelf == "F2") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F2.svg" ></div>
</div>
';
}
else if ($shelf == "F2-KSTH") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F2-KSTH.svg" ></div>
</div>
';
}
else if ($shelf == "F3") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F3.svg" ></div>
</div>
';
}
else if ($shelf == "F3-KSTH") {
echo '
<div class="outputForm" style="width:260px; height:180px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">FACHEINLAGE: ' . $shelf . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/shelf/shelf-F3-KSTH.svg" ></div>
</div>
';
}
//**************************************************************************************************************** \\
//*****************************************************BACKSIDE conditions****************************************** \\
//**************************************************************************************************************** \\
if ($backside == "DL" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_DL-1.svg" ></div>
</div>
';
}
else if ($backside == "DL" && $abteilen == "2") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_DL-2.svg" ></div>
</div>
';
}
else if ($backside == "DL" && $abteilen == "3") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_DL-3.svg" ></div>
</div>
';
}
else if ($backside == "DL" && $abteilen == "4") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_DL-4.svg" ></div>
</div>
';
}
if ($backside == "LE" && $abteilen == "1") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_LE-1.svg" ></div>
</div>
';
}
else if ($backside == "LE" && $abteilen == "2") {
echo '
<div class="outputForm" style="width:260px; height:200px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;">
<div class="outputFormText">RÜCKWAND: ' . $backside . '</div>
<div class="outputFormImage"> <img src="/images/cabinets-de/parts/outputForm/backside/backSide-G_LE-2.svg" ></div>
</div>
';
}
}
?>
</div>
</body>
</html>
ale kam přesně mám zapasovat bloky pro mPDF mi uplně jasné není
děkuji