2016-04-21 1 views
1

示すように、私はJavaScriptで小さなスクリプトを作成しています配列内のすべての要素をクリック可能なオブジェクトとしてHTMLで表示するにはどうすればよいですか?

var txtFile = new XMLHttpRequest(); 
txtFile.open("GET", "http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt", true); 
txtFile.onreadystatechange = function() { 
    if (txtFile.readyState === 4) { // Makes sure the document is ready to parse. 
     if((txtFile.status == 200) || (txtFile.status == 0)) { // Makes sure it's found the file. 
      allText = txtFile.responseText; 
      arrayOfLines = allText.match(/[^\r\n]+/g); 
      document.getElementById("date").innerHTML = arrayOfLines[0]; 
      filename1 = (arrayOfLines[0] + ".csv"); 
      res1 = filename1.replace("/","-"); 
      res2 = res1.replace("/","-"); 
      urlCsv = ("http://www.drakedesign.co.uk/mdmarketing/uploads/" + res2); 

     } 
    } 
}; 

txtFile.send(null); 

上記のコードを単純に毎週更新されたテキスト文書解析します。http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt

そうのようなラインで、その中の日付書かれた行を持っています:

16/04/16

09/04/16

02/04/16 .. 。

私は上記のスクリプトをテキスト文書を解析し、html文書の各要素を表示して、ビジュアル要素をクリック可能にして、正しい日付になるようにする方法を質問します。

私はこれについて間違った方法をしていますか?それを行うより効率的な方法がありますか?私はこの時点で、現れる可能性のあるすべての日付をハードコーディングすることを検討しています。しかし、私はむしろこれを動的にやります。

ご協力いただきありがとうございます。

PS:私はJQUERYを使用しています!申し訳ありません。

+0

を使用すると、日付とdate.txtファイルを受け取ったら、あなたが欲しいですこのように各日付のリンクを作成するには? 16/04/16、しかしあなたはリンクをどこに行きたいですか? jQuery.get()関数を使用すると、作業が簡単になりますか? https://api.jquery.com/jquery.get/ – Steve

+0

jQueryライブラリについてよく知っていますか? jQueryを使用しても大丈夫な場合は、jQueryを使用しても大丈夫でない場合とは異なる回答を得るでしょう。いずれにせよ気にしなければ、それは言いたいことかもしれません。 – alexanderbird

+0

ねえ、私はjqueryを使用しています。私は言及するのを忘れてしまった!はい、私は比較的新しいですが、この問題は本当に私に固執していました。 –

答えて

1

あなたは質問にjQueryタグを含めなかったので、私はあなたが普通のJavascriptの答えを探していると仮定するつもりです。あなたの応答で受け取った日付ごとに、それをあなたのページでクリック可能なlinkに変えることができます。このような

何か:

function createLink(text, url, parentElement) { 
    var a = document.createElement('a'); 
    var linkText = document.createTextNode(text); 
    a.appendChild(linkText); 
    a.href = url; 
    parentElement.appendChild(a); 
} 

好きなように、あなたができるだけ多くのリンクを作成するには、このヘルパーを使用することができます。

createLink('16/04/16', 'http://www.hello.com/16/04/16', document.body); 
+0

申し訳ありませんが、Jqueryをインポートしました。忘れて –

+0

私も約2秒で私の問題を完全に解決したと思います!私はそれを実装して大きなチックと+1であなたに戻ってきます。 –

+0

"親要素"によって、あなたはdiv idを参照していますか? –

関連する問題