2

次のコードを使用してポップアップウィンドウを開き、IDをクエリ文字列として渡します。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
function openwindow(divID) {
           window.open("pp.html?id="+divID+"","","status=yes, location=yes, width=700, height=400");
   }
</script>
</head>
<body>
<a href="#" onclick="openwindow('one')" id="one">One</a>
<br />
<a href="#" onclick="openwindow('two')" id="two">Two</a>
<br />
<a href="#" onclick="openwindow('three')" id="three">Three</a>
</body>
</html>

シナリオは、IDがクエリ文字列値に類似しているポップアップウィンドウにDIVを表示する必要があるというものです。ポップアップウィンドウコードは

<html>
<head>
<script language="javascript" type="text/javascript">
function getid() {
    if (Request.QueryString("id")!=null)
        var id = Request.QueryString("id");
        document.getElementById(id).style.display = "block";
}
</script>
</head>
<body onload="getid();">
<div style=" overflow:hidden">
<div style="margin-left:-5px;"><input type="file" style="" /></div>
</div>
<div style="width:200px; height:200px; border:1px solid #999999; background-  color:#CCCCCC; display:none" id="one">Hello! ONE</div>
<div style="width:200px; height:200px; border:1px solid #999999; background-color:#CCCCCC; display:none" id="two">Hello! TWO</div>
<div style="width:200px; height:200px; border:1px solid #999999; background-color:#CCCCCC; display:none" id="three">Hello! THREE</div>
</body>
</html>

現在、ポップアップウィンドウで「リクエストが未定義です」というエラーが表示されます。

4

1 に答える 1

1

ASP.NETサーバー側の言語とjavascriptを混在させていますが、これはもちろん不可能です。このようにしてみてください：

function getid() {
    <% if (Request.QueryString("id") != null) { %>
        var id = '<%= Request.QueryString("id") %>';
        document.getElementById(id).style.display = 'block';
    <% } %>
}

サーバーサイド言語を使用していない場合は、次の関数を使用して、JavaScriptのクエリ文字列パラメーターを読み取ることができます（ここから取得）。

function gup(name)
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( window.location.href );
    if( results == null ) {
        return "";
    } else {
        return results[1];
    }
}

そして、このように使用します：

function getid() {
    var id = gup('id');
    if (id != '') {
        document.getElementById(id).style.display = 'block';
    }
}
于 2010-08-20T14:10:03.700 に答える