2017-01-24 4 views
0

У меня есть вопросы в моей базе данных. Я показываю только один вопрос на странице с помощью кнопки «СЛЕДУЮЩИЙ». Когда пользователь нажимает на следующую кнопку, я случайно выбираю следующий вопрос из базы данных.count количество строк в базе данных

Таким образом, проблема в том, когда пользователь достиг последнего вопроса, я хочу изменить имя кнопки «СЛЕДУЮЩИЙ» на «ЗАВЕРШИТЬ».

пожалуйста, помогите мне, как это сделать ..

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"; 
} 
Смежные вопросы