Icontem

File: example.phtml

Recommend this page to a friend!
  Classes of Vallo Reima  >  JS Parameters Transmitter  >  example.phtml  >  Download  
File: example.phtml
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: JS Parameters Transmitter
Send form parameter data via AJAX PUT or POST
Author: By
Last change: Update example.phtml
Update example.phtml
Date: 4 years ago
Size: 2,093 bytes
 

Contents

Class file image Download
<?php
/**
 * JS parameters transmission
 * 
 * Usage sample's template
 * 
 * @package ParmTran
 * @author Vallo Reima
 * @copyright (C)2015
 */

/**
 * form the table rows
 * @param array $fld fields
 * @param array $opt values
 * @param array $bts buttons
 * @return string
 */
function Rows($fld, $opt, $bts) {
  $htm = '';
  foreach ($fld as $key => $val) {  // display fields
    $c = $opt[$key] ? '' : " class='hide'"; // hide not-valued
    $htm .= "<tr{$c}><td>$val</td><th id='$key'>{$opt[$key]}</th></tr>\n";
  }
  $btn = "<input type='button' value='#v' title='#t'/>"; // button htm template
  $c = !$opt['offset'] ? 'button' : ' hide'; // no response yet
  $htm .= "<tr id='ajax' class='$c'><td>" . str_replace(array('#v','#t'), $bts['p'], $btn) . "</td><td>";
  $htm .= str_replace(array('#v','#t'), $bts['a'], $btn) . "</td></tr>\n";
  $c = $opt['offset'] ? 'button' : ' hide';  // response received
  $htm .= "<tr id='done' class='$c'><td colspan='2'>" . str_replace(array('#v','#t'), $bts['g'], $btn) . "</td></tr>\n"; // 
  return $htm;
}
?>
<!DOCTYPE html>
<html>
  <head>
    <title>ParmTran</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
      body, table{
        text-align: center;
        margin: auto;
      }
      h3 span{
        font-size: 0.85em;
        font-weight: normal;
        font-style: italic;
      }
      span.error{
        color: red;
      }
      .hide{
        display: none;
      }
      th,td {
        text-align: left;
        padding-left: 1em;
      }
      .button td{
        text-align: center;
        padding-top: 1em;
      }
    </style>
    <script type="text/javascript" src="ParmTran.js"></script>    
    <script type="text/javascript" src="<?php echo $file; ?>.js"></script>    
  </head>
  <body>
    <h3>Parameters transmission sample<br/>
      <span id="prompt"></span></h3>
    <table>
      <?php echo Rows($fld, $opt, $bts); ?>
    </table>
    <form id="transit" action="<?php echo $action; ?>" class="hide"><?php echo $transit; ?></form>
  </body>
</html>