2017-12-13 14 views
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); 
    } 

} 

Here goes the image of the web page

答えて

2

ます.PDFファイルに移動するにはview()機能を教えしようとしていましたか?もしそうなら、私はあなたがparamで関数を呼び出すことを意図したと思う、(nt_name)...コードの残りの部分を見ることなく肯定的である。

function view(nt_name) { 
    window.location='./testupload/'+nt_name; return false; 
} 

function dynamic3() { 
    for (var i = 0; i < total3; i++) { 
     var d = new Array(6); 

     nt_name = notice_name\[index3\]; 
     nt_title = notice_title\[index3\]; 
     index3 = index3 + 1; 

     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(\'' + nt_name + '\')">View Detail</button>\ 
        </div>\ 
        </div>\ 
        </div>\ 
        </div>\ 
      </div>'; 

     document.getElementById('notice_content').appendChild(div); 
    } 

} 
+0

ボタンコードが動的に生成されているので少し混乱しました...コードを編集しました。ボタンを作成するときにnt_nameをリテラル文字列として設定する必要があります。エスケープされた単一引用符で追加しました – signal2013

+0

編集バージョンが完璧に機能していただきありがとうございます。私はこれのために非常に多くの時間を無駄にした: ') – Israt