Formular action

Formular action in neuem Fenster mit Parameterübergabe.

form_demo.html


<html>
<head>
<title>Form New Window Parameter</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<link href="form_demo.css" rel="stylesheet" type="text/css"/>
<script src="form_demo.js" type="text/javascript"></script>
</head>
<body>
<!--
 New Window open parameter:
 Position:
 OL = Oben Links
 OM = Oben Mitte
 OR = Oben Rechts
 ML = Mitte Links
 MM = Mitte Mitte
 MR = Mitte Rechts
 UL = Unten Links
 UM = Unten Mitte
 UR = Unten Rechts
 Width: 500  - Bsp.
 Height: 400  - Bsp.
 Bsp.: paramAP('MM','500','400')
-->
<div class="formbox">
 <form name="part" action="form_demo.php" method="POST">
  <table align="center" width="100%" border="0" cellpadding="2" cellspacing="2" style="">
   <tr>
    <td COLSPAN=3><div id="f_ktxt">Bitte PLZ eintragen:</div></td>
   </tr>
   <tr>
    <td>
     <span id="plz_txt">PLZ</span>
    </td>
    <td>
     <input type="Text" name="plz" id="plz" value="" maxlength="5" autocomplete="off" onkeyup='this.value=this.value.replace(/\D/, "");'></input>
    </td>
    <td>
     <input type="submit" name="suchen" value="Los" onclick="paramAP('MM','500','400')" />
    </td>
   </tr>
  </table>
 </form>
</div>
</body>
</html>

HTML Kopieren

form_demo.css


.formbox{
 padding: 0px;
 position:relative;
 background-color: #FFFFFF;
 width:220px;
 height:170px;
 border:1px solid #666666;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 border-radius:12px;
}
#f_ktxt{
 padding:5px;
 color:#C00000;
 font-family:Helvetica,arial,sans-serif;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
 text-align:left;
}
#plz {
 margin-left:7px;
 width:50px;
 color:#666666;
}
#plz_txt {
 color:#C0C0C0;
 margin-left:5px;
}

.part_box{
 align: center;
 position:relative;
 background-color: #FFFFFF;
 width:100%;
 height:100%;
 resize:none;
}
#part_txt{
 font-family:Helvetica,arial,sans-serif;
 font-size:12px;
 text-decoration:none;
 color:#333333;
 padding: 0 10px;
}
#part_txt_red{
 font-family:Helvetica,arial,sans-serif;
 font-size:12px;
 text-decoration:none;
 color:#C00000;
 padding: 0 10px;
}

CSS Kopieren

form_demo.js


function paramAP(p,w,h){
 if(p == 'OL'){
  var left = 0;
  var top = 0;
 }else if(p == 'OM'){
  var left = (screen.width/2)-(w/2);
  var top = 0;
 }else if(p == 'OR'){
  var left = (screen.width)-(w/2);
  var top = 0;
 }else if(p == 'ML'){
  var left = 0;
  var top = (screen.height/2)-(h/2);
 }else if(p == 'MM'){
  var left = (screen.width/2)-(w/2);
  var top = (screen.height/2)-(h/2);
 }else if(p == 'MR'){
  var left = (screen.width)-(w/2);
  var top = (screen.height/2)-(h/2);
 }else if(p == 'UL'){
  var left = 0;
  var top = (screen.height)-(h/2);
 }else if(p == 'UM'){
  var left = (screen.width/2)-(w/2);
  var top = (screen.height)-(h/2);
 }else if(p == 'UR'){
  var left = (screen.width)-(w/2);
  var top = (screen.height)-(h/2);
 }else{
  var left = 0;
  var top = 0;
 }
 document.part.target = 'AP';
 window.open('', 'AP','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
 document.part.submit();
}

JS Kopieren

form_demo.php


<?php
echo '<link href="form_demo.css" rel="stylesheet" type="text/css"/>';
echo '<div class="part_box"> ';
foreach($_POST as $x => $y){
  if($x != strtolower('los')){
   $$x = trim($y);
  }
}
echo '<table align="center" width="100%" border="1" cellpadding="2" cellspacing="2" style="margin-top:100px;">';
echo ' <tr>';
echo '  <td width="30%"><span id="part_txt">PLZ:</span></td>';
echo '  <td><span id="part_txt_red">'.$plz.'</span></td>';
echo ' </tr>';
echo '</table>';
echo '</div>';
?>

PHP Kopieren