Czy ktoś ma przykład quizu wykonanego z jQuery, bez przetwarzania wyników po stronie serwera? Po udzieleniu odpowiedzi na pytania wynik pojawia się natychmiast. :)Tworzenie quizu za pomocą jQuery
Odpowiedz
To niby co @gov mówił o, ale w zasadzie to po prostu uchwycić przedstawić w postaci:
<form id="myform" onsubmit="return mySubmitHandler()">
Następnie mają funkcję do obsługi wniosków:
function mySubmitHandler()
{
// the following are just examples of what you could do
var q1val = jQuery('#q1').val();
var q2val = jQuery('#q2').val();
if(q1val + q2val > 5)
jQuery('#success').show();
else
jQuery('#fail').show();
// end example
return false; // this keeps the form from doing a postback
}
Oto przykład ułatwiający dodawanie kolejnych pytań po początkowym javascript:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
$(document).ready(function(){
var a = $(".question");
a.each(function(index) {
var flip = $(this).find(".flip");
var panel = $(this).find(".panel");
flip.click(function(){
panel.slideDown("slow");
});
});
});
</script>
<style type="text/css">
div.panel,div.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
width:140px;
}
div.panel
{
display:none;
}
div.question
{
float:left;
}
div.questions
{
height: 80px;
}
</style>
<title>Javascript sample</title>
</head>
<body>
<p>1) How many bits are in a byte?</p>
<div class="questions">
<div class="question">
<div class="panel">Wrong</div>
<div class="flip">7</div>
</div>
<div class="question">
<div class="panel">Right</div>
<div class="flip">8</div>
</div>
</div>
</body>
</html>
Jednym dużym problemem jest to, że odpowiedzi są bardzo łatwe do wykrycia. Jeśli były zaszyfrowane lub załadowane z pliku zewnętrznego w jakiś sposób ... – fiacobelli
Hej, jeśli szukasz gotowego skryptu, możesz skorzystać z tego linku: www.thetutlage.com/downloads .. stąd możesz pobrać skrypt quizu. Działa na php, ajax i jquery, a także posiada panel administracyjny, w którym możesz tworzyć wiele quizów.
kocham i wierzę, że ci się spodoba to aswell
Link jest zbyt szeroki, quiz wydaje się już nie być dostępny, albo zaktualizuj link lub usuń wpis. W tej chwili wygląda jak wpis spamu łączący się z witryną. – iOS
Prawda, bezużyteczne w tej chwili, daj mi znać, jeśli wpis został zaktualizowany. –
To jest martwy link. Tak więc ta odpowiedź nie jest zbyt pomocna. –
Sprawdź ten link do tworzenia Jquery quiz using Google Docs. Samodzielne obliczanie wyników, które natychmiast wyświetla wynik użytkownikom. Trochę animowane również.
- 1. Tworzenie elementu poza rodzicem za pomocą jQuery
- 2. Tworzenie ankiety za pomocą jQuery - dowolne przykłady?
- 3. Tworzenie plików cookie za pomocą jquery
- 4. Tworzenie efektu rozmycia za pomocą css i jQuery podczas przewijania
- 5. Tworzenie podglądu obrazu na żywo (przed przesłaniem) za pomocą JQuery
- 6. Mylenie o Pythonie min quizu
- 7. Tworzenie komponentów wielokrotnego użytku za pomocą KnockoutJS
- 8. Tworzenie tagów za pomocą SourceTree
- 9. Tworzenie pakietów za pomocą Perla
- 10. Tworzenie delegata za pomocą refleksji
- 11. Tworzenie raportów PDF za pomocą wykresu flot
- 12. Przekierowanie za pomocą jQuery
- 13. Lokalizacja za pomocą JQuery?
- 14. Przodkowie jQuery za pomocą obiektów jQuery
- 15. Wyślij formularz za pomocą jQuery
- 16. Odświeżenie ASP.NET za pomocą jQuery?
- 17. wyłączyć kontrolę za pomocą jQuery
- 18. Obsługa tabel za pomocą jQuery
- 19. Ładowanie gravatar za pomocą jquery
- 20. Dodawanie spacji za pomocą jQuery
- 21. Ukrywanie przycisku za pomocą jquery
- 22. Wyszukiwanie za pomocą autouzupełniania Jquery
- 23. Tworzenie grafiki wektorowej za pomocą PHP
- 24. Tworzenie tabeli dynamicznej za pomocą PHP
- 25. Tworzenie regularnej siatki Delaunay za pomocą scipy
- 26. Tworzenie aplikacji internetowych za pomocą Ember.js
- 27. Tworzenie wszystkich zdjęć za pomocą css
- 28. Tworzenie legendy za pomocą kółka ulotki R
- 29. Wykryj tworzenie pliku za pomocą watchdog
- 30. Tworzenie użytkowników za pomocą usługi Passport
Wyobrażam sobie, że o wiele łatwiej byłoby uzyskać prawidłowe odpowiedzi, jeśli odpowiedź zostanie uwzględniona po stronie klienta. Wszystko, co musiałby zrobić użytkownik, to View Source. –
To nie jest egzamin, tylko mały quiz bez żadnego wyzwania jako celu. – SAC
woreczek, możesz to zrobić z div, ukryty zakres hiddens podejście prawo? – kobe