2017-01-24 88 views
0

我的數據庫中有一些問題。每頁只顯示一個問題,並帶有「下一步」按鈕。當用戶點擊下一個按鈕時,我隨機顯示數據庫中的下一個問題。統計數據庫中的行數

所以問題是,當用戶到達有最後一個問題,我想改變「下一步」按鈕名稱爲「完成」。

請幫助我如何做到這一點..

this is my count query: 
$nRows = $dbh->query('select count(*) from questions')->fetchColumn(); 
echo $nRows; 

這是我在我的應用程序下一個按鈕。

<button id='Next' class="next-button" name="submit_<?php echo $key ?>" value="<?php echo $key ?>" onclick="change_next(this.value)">Next</button> 

這是我的Java腳本代碼顯示每頁一個問題:

<script type="text/javascript"> 

     function change_next(value) 
    { 
    if(value == 0) 
    { 
     var next = value; 
     next++; 

     $('#question_'+value).removeClass('active').addClass('hidden'); 
     $('#question_'+next).removeClass('hidden').addClass('active'); 
    } 
    else 
    { 
     var next = value; 
     next++; 

     $('#question_'+value).removeClass('active').addClass('hidden'); 
     $('#question_'+next).removeClass('hidden').addClass('active'); 
    } 
} 

回答

2

你只需要chagne按鈕

var count = 0; 
    function change_next() { 
     var xhttp = new XMLHttpRequest(); 
     xhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
      document.getElementById("Question").innerHTML = this.responseText; 
      if (count == 5) { 
      //document.getElementById("Next").value="FINISH"; <--sorry this is if you are using <input type="button" not button =/ 
      document.getElementById("Next").innerHTML="FINISH"; 
      } 
      count++; 
     } 
     }; 
     xhttp.open("GET", "Load_Question.php", true); 
     xhttp.send(); 
    } 
+0

我們怎麼能在ajax中做同樣的事情 – user36

+0

當你做你的調用'change_next' - 將上面的代碼添加到ajax調用返回,這將改變按鈕名稱 – krisph

+0

所以現在當你點擊「下一步」按鈕,你用PHP隨機加載一個問題,但是您希望在不加載頁面的情況下通過使用Ajax加載問題來做到這一點? – Nenroz

0
var count = 0; 
function showNextQuestion() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     count+=1; 
     if(count>=3) { 
     document.getElementById("Next").innerHTML="Finish"; 
     } 
    } 
    }; 
    xhttp.open("GET", "QuestionLoader", true); 
    xhttp.send(); 
} 
0
的價值
<button id='Next' class="next-button" name="submit_<?php echo $key ?>" value="<?php echo $key ?>" onclick="change_next()">Next</button> 

function change_next() 
{ 
    document.getElementById("Next").value="FINISH"; 
}