1

外部のphpファイルからのhtmlを表示するdivを含むhtmlページがあります。DOCTYPE宣言をhtmlページに追加するまではうまく機能します。外部コンテンツがdivに表示されないことを除いて、ページは引き続き機能します。

<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
<head>

<title>Test Page</title>

<!--meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<script type="text/javascript" src="./inc/jquery.js"></script>
<script type="text/javascript">

    function getinfo()
        {
        $.post('prodinfo.php', { prodcode: prodcodeform.prodcodevar.value},
            function(output)
            {
            $('#prodinfo').html(output).show;
            });
        }

    function hideinfo()
        {
        $('#prodload').hide();
        $('#openprodinfo').show();
        }

    function showinfo()
        {
        $('#prodload').show();
        $('#openprodinfo').hide();
        }
</script>
</head>
<body>
<input style="position:relative;" type="button" class="button" id="openprodinfo" title="Open" value="INFO" onclick="showinfo();">
<DIV id="prodload" style="position:absolute;margin-left:auto;margin-right:auto;display:none;text-align:center;background-color:#000000;z-index:200;border:1px solid #4e443b;">

    <div id="prodinfo" style="position:relative;display:block;top:0;width:1000px;height:820px;background-color:#ffffff;margin-left:auto;margin-right:auto;">
    </div>

    <form name="prodcodeform">
    <input type="text" readonly="readonly" id="prodcodevar" name="prodcodevar" value="nil" >
    </form>

    <div ID="prodinfobutton" style="position:relative;">
    <input  style="position:relative;" type="button" class="button" id="closeprodinfo" title="Close" value="CLOSE" onclick="document.getElementById('prodcodevar').value='nil'; hideinfo(); ">
    </div>

    <input type="button" id="button001" value="ONE" onclick="document.getElementById('prodcodevar').value='item1'; getinfo();">

    <input type="button" id="button002" value="TWO" onclick="document.getElementById('prodcodevar').value='item2'; getinfo();">


</DIV>


</body>
</html>
4

2 に答える 2

2

標準モードに切り替えているため、ブラウザはInternetExplorer4と互換性のあるゲームをプレイしていません。

prodcodeform.prodcodevar.valueprodcodeformが定義されていないため、エラーが発生します。

ドキュメント内のIDまたは名前を持つすべての要素のグローバル変数を取得するわけではありません。

変化する：

<form name="prodcodeform">

に

<form id="prodcodeform" method="post" action="prodinfo.php">

…そして、Ajax以外のリクエストが投稿されたときに何か正常なことをするようにします（ボタンの周りに移動し、ボタンを送信させ、JSが成功した場合はデフォルトのイベントをキャンセルします）。

それから加えて：

var prodcodeform = document.getElementById('prodcodeform');

変数を使用する前に。

于 2012-05-04T15:36:31.150 に答える
0

</body>あなたはの代わりにあなたの体を始めまし<body>た。

于 2012-05-04T15:34:36.577 に答える