2016-04-15 29 views
0

私はHTMLページに5つのボタンがあります。私は、javascriptで4つ、htmlで1つ作成していましたが、さまざまな変更を加えてhtmlですべてを作成することにしました。問題は、以前はすべてのボタンが正常に機能していたことですが、変更後は以前はjavascriptで作成されたボタンがもう機能しなくなりました。すべてのボタンに対してgetElementById( "")。onclick = function()を使用しますが、それらのうちの1つだけが機能します。 (私はこの問題に遭遇したため、4つのボタンのうちの1つの機能のみを作成しました)getelementbyid()。onclickは1つのボタンでは動作しますが、別のボタンでは機能しません。

両方のボタンのJavaScriptです。 button1は動作しないものですが、私は関数内でconsole.log()を使ってみましたが、何もしませんでした。ここで

 document.getElementById("button1").onclick = function(){var element = document.getElementById('presetPicker');element.value = this.value;providerManager.refreshProviders();}; 
     document.getElementById("DownloadXml").onclick = function(){createReport('http://192.168.0.101:8080/rest/v1/excel-reports/run/XLT_211607',verifyReport)}; 

を選択するオプション<option value="Previous day">Previous day</option>を追加することでページ

<body> 
    <div id="container1"> 
     <header> 
      <img src="http://www.jamk.fi/globalassets/tietoa-jamkista--about-jamk/materiaalit-esitteet-asiakaslehdet-ja-logot/jamkin-logot/jamk_fi--tunnus/jamkfi_tunnus_sininen_suomi.png" alt="Jamk logo" style="width:50%;height:50%;margin-left:25%;"> 
     </header> 
     <div id="container2"> 
      <div id="textContainer"> 
       <h2>Fosfaattifosfori PO4-P [mg/l]</h2> 
      </div> 
      <div id="Graafi"></div> 
      <div class="input"> 
       <div id="buttonContainer1"> 
        <ul id="buttonList" class="timeForm"> 
         <input id="button1" type="button" class="buttonGroup1" value="Previous day" 
         ><input id="button2" type="button" class="buttonGroup1" value="Previous week" 
         ><input id="button3" type="button" class="buttonGroup1" value="Previous month" 
         ><input id="button4" type="button" class="buttonGroup1" value="Previous year"> 
        </ul> 
       </div> 
       <div id="buttonContainer2"> 
        <div id="list"> 
         <ul id="downloadList"> 
         <input id="DownloadXml" type="button" value="Download" /> 
         </ul> 
        </div> 
        <div id="download_div"> 
         <img id="loading_gif" src="/modules/dashboards/web/public/359.gif" alt="Loading" style="display:block;"> 
        </div> 
       </div> 
       <iframe id="download_frame" style="display:none;"></iframe> 
      </div> 
      <div class="testi"> 
       <select id="presetPicker" class="testi" ></select> 
      </div> 
      <footer> 
      </footer> 
     </div> 
    </div> 
</body> 
+1

多くの機能がありません。 – Rayon

+0

'verifyReportの後に'; 'がありません。 –

+0

私の悪いです。 verifyReportのボタンは正常に動作しますが、そのボタンの上にあるボタンは押されても全く反応しません。私は実際にはこの形式でのみテストしました:document.getElementById( "button1")。onclick = function(){console.log( 'test')}だから、物事をはっきりさせるために、問題は、押したときに他のボタンが反応するが、他のボタンは何も反応しないということである – Nyoa

答えて

0

のHTMLの一部であり、あなたのコードは再び動作します。だからどちらかが問題であるか、私が確認できないproviderManager.refreshProviders();という機能が問題を起こしています。

0

jsFiddleに例を挙げてください。 DOM要素が描画される前にスクリプトを読み込んでいると思います。 おそらく$(document).ready()が解決するはずです。

0

問題が見つかりました。コード自体に問題はないようですが、Firefox Webコンソールを使ってデバッグしていましたが、何らかの理由でconsole.log()コマンドが登録されませんでした。ブラウザコンソールでデバッグした後、デバッグデータが見つかりました。

EDIT今はかなり恥ずかしい感じ:私は質問を削除するか、それが彼らのデバッグツールを疑うためにあらゆるスタート現像剤を思い出させるためにここに滞在させてください!

関連する問題