C# と VB.NET の質問掲示板

2007/09/13(Thu) 15:09:11 編集(投稿者)
2007/09/13(Thu) 14:58:45 編集(投稿者)

<pre><pre>vc#2.0 です

昨日質問させていただいた内容と似ているのですが
考えてもちょっと分からなくてもう一度お願いいたします。
javascriptから
function search(){
  try {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  } catch(e) {
    xmlHttp=new XMLHttpRequest();
  }


  xmlHttp.onreadystatechange=function() {
    if (xmlHttp.readyState == 4) {
      if (xmlHttp.status == 200) {
        var aData = xmlHttp.responseXML.documentElement;
        var data = aData.childNodes;
        contents = "<ol type='square'>";
        for (i =0; i < data.length; i++) {
          contents += "<li><　a href　='JavaScript: void(0)' onclick=\"document.fm.test.value="
          + data[i].childNodes[0].firstChild.nodeValue
          + ";document.fm.test2.value='"
          + data[i].childNodes[1].firstChild.nodeValue
          + "';\">"
          + data[i].childNodes[0].firstChild.nodeValue
          + "&nbsp;"
          + data[i].childNodes[1].firstChild.nodeValue
          + "< / a ></li>";
        }
        contents+="</ol>";
        result.innerHTML=contents;
        
      }
    }
  if (document.fm.test.value.length >= 3) {
    xmlHttp.open("GET",
      "testtest?quely="
      + document.fm.test.value.replace("-", ""),true);
    xmlHttp.send(null);
  }
  }
を実行したいんですがtestはASP.NETコントロールなのでonclickはありません。なのでエラーが出てしまっています。
なのでonclickの箇所をASP側で呼んで書くかほかのかきかたかになるとおもうのですがわかりません。
昨日の質問からの返答で  test.Attributes["onkeydown"] = "search()";でsearchは呼べたのですが
そのsearchの中のjavascriptのonclickがASPコントロールではないのでエラーがでます。
どのように変えたらいいのかお願いいたします

このjavascritp自体はaspのXMLを返すページにクエリで値を渡しかえってきたXMLから取得し表示させようとしています。

ご教授願います</pre></pre>

前回のものはひろさんに教えていただき出来ました。
もちろんASP.NETでのサンプルではありません。
普通のhtmlでAJAXを使い動かすためのサンプルです。

なのでASP.NETコントロールを使うと動かないということになってます。

はじめの質問がなにか間違ったような気がします。
ためしに
         contents += "<li><　a href　='JavaScript: void(0)' onclick=\"document.fm.test.value="
          + data[i].childNodes[0].firstChild.nodeValue
          + ";document.fm.test2.value='"
          + data[i].childNodes[1].firstChild.nodeValue
          + "';\">"
          + data[i].childNodes[0].firstChild.nodeValue
          + "&nbsp;"
          + data[i].childNodes[1].firstChild.nodeValue
          + "< / a ></li>";
の箇所を
        contents +=<li>てすと</li>
とやると　てすと　と表示されました。
これにAタグをつけてクリックしたらtestとtest2のテキストボックスへデータを当てはめるみたいなことをやろうとしてます。
なのでonclickはよく考えたらテキストボックスに対してonclickがないということじゃないきがしました。javascriptエラーが出ているので勝手にそう思ってましたが
微妙です。
もう少し考えます。

■No7728 (我王 さん) に返信
> 原因がいまだに分かりませんがjavascriptをしようしなければ
> とりあえず動いたのは試しているので
> HTMLだけでどうにかならないかなと考えるんですが無理ですか？

if (xmlHttp.status == 200) {
    var aData = xmlHttp.responseXML.documentElement;
    var data = aData.childNodes;
    var contents = document.createElement("ol");
    contents.setAttribute("type", "square");

    //イベントの引数を動的に設定したい場合に有効な書き方
    //わけわからん書き方だが、覚えておくと吉
    var setValue = function(a1,a2) {
       return function() {
           document.fm.test.value = a1;
           document.fm.test2.value = a2;
       }
    }; 
    for (i =0; i < data.length; i++) {
      var a = document.createElement("a");
      a.href = "JavaScript:void(0)";
      a.onclick = setValue(data[i].childNodes[0].firstChild.nodeValue,
                           data[i].childNodes[1].firstChild.nodeValue)
                  );
      a.innerText = data[i].childNodes[0].firstChild.nodeValue + " " +
                    data[i].childNodes[1].firstChild.nodeValue
                    ;
      contents.appendChild(a);
    }
    result.appendChild(contents);




> JavaScript: void(0)　の意味が良く分かりません。
何もしないって意味です。
http://msdn2.microsoft.com/ja-jp/library/a33kc5c5(VS.80).aspx

<script>
<!--
var arr = ["AAA","BBB","CCC"];
var fnc = [];

function setFunc() {

   for (var i=0;i < arr.length;i++) {
      fnc.push(function(a) {
         return function() {
            alert(a);
         }
      }(arr[i]));
   }
   for (var i=0;i < fnc.length;i++) {
      fnc[i]();
   }
}
window.onload = function() {
   setFunc();
}
//-->
</script>

自前の Ajax アプリは、こーゆー書き方バッコンズッコン使います、たぶん。
Prototype.js とか見るともっと酷いけど。

わけわからんながらでも覚えてね。

2007/09/14(Fri) 02:12:14 編集(投稿者)
2007/09/14(Fri) 02:12:03 編集(投稿者)
2007/09/14(Fri) 02:05:41 編集(投稿者)
2007/09/14(Fri) 02:04:47 編集(投稿者)
2007/09/14(Fri) 01:13:40 編集(投稿者)
2007/09/13(Thu) 23:31:45 編集(投稿者)

■No7733 (我王 さん) に返信

>> contents += "<li><　a href　='JavaScript: void(0)' onclick=\"document.fm.test.value="
>>          + data[i].childNodes[0].firstChild.nodeValue
>>          + ";document.fm.test2.value='"
>>          + data[i].childNodes[1].firstChild.nodeValue
>>          + "';\">"

onclick = function [anonymous]() {
   document.fm.test.value = data[i].childNodes[0].firstChild.nodeValue の値 ;
   document.fm.test2.value='data[i].childNodes[1].firstChild.nodeValue' の値 ;
}
HTMLパーサーにより上記のように展開されます。
test.value が受け取る値は文字列ですが・・・・？？



<script>
<!--
function __q(s) { return "'" + s + "'"; }
function __Q(s) { return '"' + s + '"'; }

var Anchor = {
   href:"", 
   click:"", 
   title:"",
   label:"",
   toString:function() {
     var arr = [];
     arr.push("<Anchor");
     arr.push("href=" + __q(this.href));
     arr.push("onclick=" + __q(this.click));
     arr.push(">" + this.label + "<\/Anchor>");

     return arr.join(" ");
   }
};

var elementSample1 = "aaa bbb ccc";
var elementSample3 = "ZZZ,XXX,DDD";
var elementSample2 = "AaaBbbCcc";
var contents = "";

Anchor.href = "JavaScript:void(0)";
Anchor.click = "this.form.test.value=" + __Q(elementSample1) + ";" + 
               "this.form.test2.value=" + __Q(elementSample3);
Anchor.title = elementSample1;
Anchor.label = elementSample2;



function window.onload() {
   document.forms[0].test.value = Anchor.toString();
}
//-->
</script>
<body>
<form>
<textarea id="test" rows=5 cols=60></textarea>
</form>
</body>