surat_jalan.pehape

<?php
//      include 'header.php';
        ?>
        <center>
        <?php
        include 'koneksi.php';
        ?>
        <div id="kodingphp">
        <form name="surat_jalan" method="post" action="surat_jalan2.php">
        <h1>Buat Surat Jalan</h1>
        <table width="938" border="0">
      <tr>
        <td width="932"><table width="946" border="0">
          <tr>
            <td width="200">Id Pelanggan </td>
            <td width="144"><?php
                $result = mysql_query("select * from mcustomer");
                $jsArray = "var prdName = new Array();\n";


    echo '<select name="Id_pelanggan" onchange="document.getElementById(\'Nama_pelanggan\').value = prdName[this.value]">';
        echo '<option>----</option>';

                while ($row = mysql_fetch_array($result)){
                        echo '<option value="' . $row['Id_pelanggan'] . '">' . $row['Id_pelanggan'] . '</option>';
                        $jsArray .= "prdName['" . $row['Id_pelanggan'] . "'] = '" . addslashes($row['Nama_pelanggan']) . "';\n";
                }
        echo '</select>';
        ?>      </td>
            <td width="66">&nbsp;</td>
            <td width="200">Tanggal</td>
            <td width="302"><input type="text" size="10" name="Tgl_surat_jalan" title="dd-mm-yyyy" />
              <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.surat_jalan.Tgl_surat_jalan);return false;" ><img name="popcal" align="absmiddle" src="calender/calbtn.gif" width="34" height="22" border="0" alt="" /></a></td>
          </tr>
          <tr>
            <td>Nama Pelanggan </td>
            <td><input type="text" name="Nama_pelanggan" id="Nama_pelanggan" readonly /></td>
            <td>&nbsp;</td>
            <td>Nama Pengirim </td>
            <td><input type="text" name="Nama_pengirim" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>Keterangan catatan </td>
            <td><textarea name="Keterangan" align="center" style="border-radius: 7px 7px 7px 7px; border: 1px solid rgb(204, 204, 204);height: 80px; width: 300px;"></textarea></td>
          </tr>

        </table></td>
      </tr>
      <tr>
        <td>
                <table width="934" border="0">
                <?php
                        $options  = "<select name='Id_produk[]' onchange='changeValue(this);'>\n";
                        $options .= "<option value=NULL>-pilih-</option>\n";
                        $jsArray_produk = "var prdName_produk = new Array();\n";
                        $result_produk = mysql_query("select * from mast_produk");
                        while ($row_produk = mysql_fetch_array($result_produk)){
                                $prod = $row_produk['Id_produk'];
                                $nama = $row_produk['Nama_produk'];
                                $options .= "<option value='$prod'>$prod</option>\n";
                                $jsArray_produk .= "prdName_produk['$prod'] = {name:'" . addslashes($nama) . "',desc:'".addslashes($row_produk['Unit_price'])."'};\n";

                        }
                        $options .= "</select>";
                        $rowform=10;
                        for($i=1;$i<=$rowform;$i++) {
                                $id = $i-1;
                ?>
          <tr>
            <td width="67">Id Produk </td>
            <td width="152"><?php echo $options; ?></td>
            <td width="143">Nama Produk </td>
                        <td width="144"><input type="text" name="Nama_produk[]" id="Nama_produk" readonly /></td>
            <td width="150">Unit Price Produk</td>
            <td width="60"><input type="text" name="Unit_price_produk[]" size="10" id="Unit_price_produk" class="satuan" readonly onchange="tot_uc('Unit_price_produk','Jumlah_prod','result')" /></td>
            <td width="46">Jumlah</td>
            <td width="24"><input type="text" name="Jumlah[]" size="4" id="Jumlah_prod" class="jumlah" onchange="tot_uc('Unit_price_produk','Jumlah_prod','result')" /></td>
            <td width="51">Total</td>
            <td width="55"><input type="text" size="9" name="Total[]" id="result" readonly /></td>
          </tr>

                <?php
                }
                ?>
        </table>
        <input type="submit" name="Simpan" value="simpan"/></td>
      </tr>
    </table>
        <br />
        </form>
</div>
<?php
//      include 'footer.php';
        ?>
<iframe width=174 height=189 name="gToday:normal:calender/normal.js" id="gToday:normal:calender/normal.js" src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

<script type="text/javascript">
<?php echo $jsArray; ?>
<?php echo $jsArray_produk; ?>

function changeValue(id){
        var pr = id.value;
        var nama = prdName_produk[pr].name;
        var price = prdName_produk[pr].desc;
        var idx = getIndex(id);

        document.surat_jalan.elements[idx+1].value = nama;
        document.surat_jalan.elements[idx+2].value = price;

//      document.surat_jalan.Nama_produk[row].value = prdName_produk[id].name;
//      document.surat_jalan.Unit_price_produk[row].value = prdName_produk[id].desc;
//      document.getElementById('Nama_produk').value = prdName_produk[id].name;
//      document.getElementById('Unit_price_produk').value = prdName_produk[id].desc;
}

function getIndex(element) {
  for (var i=0; i<document.surat_jalan.elements.length; i++)
    if (element == document.surat_jalan.elements[i])
      return i;
  return -1;
}
</script>