忍者ブログ
まにょのITメモ
[77]  [76]  [75]  [74]  [73]  [72]  [71]  [70]  [69
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<html>
    <head>
        <title>お薬一覧</title>
 <style type="text/css">
   <!--
     #suggest div{
       position: absolute;
       background-color: #FFFFFF;
       border: 1px solid #CCCCFF;
       width: 252px;
     }
     #suggest div.div {
       padding: 1px;
       display: block;
       width: 250px;
       overflow: hidden;
       white-space: nowrap;
     }
     #suggest div.div.select{
       color: #FFFFFF;
       background-color: #3366FF;
     }
     #suggest div.div.over{
       background-color: #99CCFF;
     }
     #suggest div.strong{
       font-weight: bold;
     }
     -->
 </style>
    <script type="text/javascript" src="./js/suggest.js"></script>
<script language="javascript"><!--


// テーブルのレコード数を保持
var rowCount = 0;
// Suggestを作成

<bean:define id="jsonMedicineList" name="registInventoryForm" property="jsonMedicineList"/>
var list = <%=jsonMedicineList%>;

function createRowObj(cellLists){
    var table = document.getElementById("table");
    var row = table.insertRow(-1);

    for (var i=0; i<cellLists.length; i++) {
        var cellName = cellLists[i];
        var cell = row.insertCell(-1);
        var text = document.createElement("input");
        text.type = "text";
        text.id = cellName+rowCount;
        text.name = "medicineData["+rowCount+"]."+cellName;
        cell.appendChild(text);
    }

     // Suggestを作成する
    var row2 = table.insertRow(-1);
    var cell3 = row2.insertCell(-1);
    var div = document.createElement("div");
    div.id = "suggest"+rowCount;
    cell3.appendChild(div);

    aaaa(rowCount);

    rowCount++;
}

function addItem() {
    var cellLists = new Array("name", "num");
    createRowObj(cellLists);
//    var table = document.getElementById("table");
//    var row = table.insertRow(-1);
//    var cell1 = row.insertCell(-1);

    // 名前カラムのテキストボックスを追加する
//    var text1 = document.createElement("input");
//    text1.type = "text";
//    text1.name = "medicineData["+rowCount+"].name";
//    cell1.appendChild(text1);

//    var cell2 = row.insertCell(-1);
    // 単価カラムのテキストボックスを追加する
//    var text2 = document.createElement("input");
//    text2.type = "text";
//    text2.name = "medicineData["+rowCount+"].num";
//    cell2.appendChild(text2);

    // Suggestを作成する
//    var row2 = table.insertRow(-1);
//    var cell3 = row2.insertCell(-1);
//    var div = document.createElement("div");
//    div.id = "suggest"+rowCount;
//    cell3.appendChild(div);

    //
//    aaaa(rowCount);

//    rowCount++;
}

function delItem() {
    var table = document.getElementById("table");
    table.deleteRow(-1);
}

function aaaa(num){
    new Suggest.Local("name"+num, "suggest"+num, list, {ignoreCase: false, prefix: true, highlight: true});
}

function sss() {

    // var rowCount = <%= request.getAttribute("count")%>;

    // 空行を作成する
    addItem();
}
//-->
</script>
    </head>
    <body onload="sss()">
        <html:form action="/medicine" >
            <input type="button" name="add" value="追加" onclick="addItem()">
            <input type="button" name="delete" value="削除" onclick="delItem()">
            <div id="suggest">
                <table id="table" border="1">
                    <tr>
                        <th>名前</th>
                        <th>単価</th>
                    </tr>
                </table>
            </div>
            <input type="submit" name="send" value="送信">
        </html:form>
    </body>
</html>

PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
この記事のURL:
忍者ブログ * [PR]