0

ここはA.jsp

    <script>


     function showSpOnLoad()
        {
        //all of ajax code
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {

        document.getElementById("ajaxData").innerHTML=xmlhttp.responseText;
        }
        xmlhttp.open("GET",'B.jsp?date='+date+'',true);
        }
        </script>
        <body>
            <span class="inner-link-text2" id="sp" style="cursor:pointer" onclick="showSpOnLoad()">My Stats</span>
            <div id="ajaxData" align="center"></div>
        </body>

ここで A.jsp を見ると、Span My Statsをクリックすると、js 関数を呼び出すだけで div にshowSpOnLoad()ある別の jsp ページが開くことがわかります。では、テキスト フィールド、リンク、およびボタンを表示するスクリプトレットのみが表示されます。ここはB.jspajaxData
B.jspB.jsp

   <%
    String output = "";
    output += "<input name='date' type='text'  id='date'  value=''style='margin-left=10px;'/>";
    output += "<a href='#' ><img src='images/img.gif' border='0' id='cal_img' ></a>";
    output += "<input type='submit' value='Generate Stats' onclick='getVal();'/>";
     %>
     <%= output %>

    <link href="js/calendar-blue.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/calendar.js"></script>
    <script type="text/javascript" src="js/calendar-en.js"></script>
    <script type="text/javascript" src="js/calendar-setup.js"></script>
     <script type="text/javascript">

            Calendar.setup({
                inputField     :    "date",     // id of the input field
                ifFormat       :    "%Y-%m-%d", // format of the input field
                button         :    "cal_img",  // trigger for the calendar (button ID)
                singleClick    :    true
                });                         

                </script>

このページは正常に表示されていますが、ご覧のとおり、テキスト フィールドがオンになっているカレンダーを添付しました<a href>。
問題は、このリンクをクリックしてもカレンダーが表示されないことです。
このカレンダー js を A.jsp に配置しましたが、そこでも機能しません。問題を理解できません。
専門家からの提案はありますか？

4

0 に答える 0