2
ここで、divは対応するPHPを介してデータベースからデータを動的に取得しています。ファイル名とタイトルを取得し、各divに表示しています。ファイルは '/ testupload /'のローカルディレクトリに同じファイル名で保存され、 'View Detail'ボタンをクリックしてファイル名と一致するファイルを取得し、そのファイルを表示することができます。しかし、私はこれを実装することに失敗しました。ボタンをクリックすると、ここで何が起こっているのですか?ボタンごとに特定のファイルが表示されています。ここで私のコードのJavascriptの部分に行きます。ボタンクリックファイルがhtmlで正しく表示されない
function view() {
//location.href = "./testupload/"+nt_name;
window.location='./testupload/'+nt_name; return false;
}
function dynamic3() {
//alert(drName.length);
for (var i = 0; i < total3; i++) {
var d = new Array(6);
//var i = 0;
nt_name = notice_name\[index3\];
nt_title = notice_title\[index3\];
index3 = index3 + 1;
//console.log(name + " " + type + " " + sal);
//console.log(d\[0\] + d\[1\] + d\[2\] + d\[3\] + d\[4\]+ d\[5\]);
var div = document.createElement('div');
div.className = 'row';
div.innerHTML = '<div class="container" >\
<div class="bs-calltoaction bs-calltoaction-info">\
<div class="row"\
<div class="col-sm-12">\
<div class="col-md-9 cta-contents">\
<h1 class="cta-title">Notice: ' + nt_name + '</h1>\
<div class="cta-desc">\
<h3>' + nt_title + '</h3>\
</div>\
</div>\
<div class="col-md-3 cta-button">\
<button type="button" class="btn btn-lg btn-block btn-info" onclick="view()">View Detail</button>\
</div>\
</div>\
</div>\
</div>\
</div>';
document.getElementById('notice_content').appendChild(div);
}
}
ボタンコードが動的に生成されているので少し混乱しました...コードを編集しました。ボタンを作成するときにnt_nameをリテラル文字列として設定する必要があります。エスケープされた単一引用符で追加しました – signal2013
編集バージョンが完璧に機能していただきありがとうございます。私はこれのために非常に多くの時間を無駄にした: ') – Israt