[JavaScript][MySQL][PHP]Odmierzanie czasu. Opcje

[mokater]

Witam.
Czy moglibyście mi powiedzieć czy da się zrobić licznik czasu, który startuje po kliknięciu przycisku i kończy się po określonym czasie, z tym, że wysyła informacje które już zaznaczyliśmy na stronce.
Po krótce wyjaśnie do czego ma mi to służyć. Otóż napisałem skrypt do przeprowadzania testów. Użytkownik wybiera dany test, klika w przycisk "Rozpocznij test" i pokazuje mu się test. Narazie jest to test bez ograniczenia czasowego, jednak chciałbym zrobić tak, aby po kliknięciu "Rozpocznij test" włączył się licznik np 10 min. Jeśli użytkownik w ciągu tych 10 min odpowie powiedzmy na 10 z 15 pytań ( pytania mają forme: treść+4checkboxy) to te 10 pytań jest wysyłana i przetwarzana tak samo jak w przypadku naciśniecia przycisku "Zakończ test".

Czy możecie mi doradzić jakiś technologii użyć i być może są jakieś materiały w internecie dotyczące tego problemu lub naprowadzić mnie jakoś jak to wykonać

Pozdrawiam

[memory]

http://pl.wikibooks.org/wiki/PHP/Sesje

[zamper]

* Robisz link 'Rozpocznij test'
* Na stronie, w której wyświetlasz test w sesji zapisujesz czas rozpoczęcia
* Tworzysz licznik w javascripcie który odlicza 10min i po 10min np. zablokowywuje wszystkie checkboxy
* Po kliknięciu przycisku 'Wyślij test' porównujesz czas rozpoczęcia testu (z sesji) z czasem aktualnym
* Jeżeli czas jest większy niż 10min lub nie można odczytać czasu rozpoczęcia (user niecnie wyczyścił cookie w nadziej, że uda mu się oszustwo), to wiadomo
* A jeżeli nie, to sprawdzasz test

Ten post edytował zamper 4.02.2013, 20:59:35

[mokater]

Hej, a jak zrobić aby zdezaktywować wszystkie checkboxy.
W skrypcie mam zawsze cztery checkboxy i wyglądają one tak:

[PHP] pobierz, plaintext 
 echo "<input type='checkbox' id=check1 name=poprawna[] value = '".$wiersz['odp1']."'>" . $wiersz['odp1'] . ' </br>';
[PHP] pobierz, plaintext 

W funkcji JS wyłączam poleceniem:
document.getElementById('check1').disabled=true;

Jednakże polecenie to działa tylko do 1 pytania, czyli wyłączają się 4 pierwsze checkboxy przypisane do 1 pytania a reszta nadal jest edytowalna.
Więc moje pytanie do Was: jak wyłączyć wszystkie checkboxy ?

[zamper]

http:/www.jquery.com
$('#div_w_ktorym_jest_test > input[type="checkbox"]').atrr('disabled', true);

Ten post edytował zamper 4.02.2013, 22:12:16

[mokater]

Polecenie w funkcji JS:
$('#okno > input[type="checkbox"]').atrr('disabled', true);
Tak wygląda test:

[PHP] pobierz, plaintext 
<div id="okno">
                                <form action="wykonajTest.php" name="wynikTest" id="wynikTest" method="post">
                                    <?php
                                    while ($wiersz = mysql_fetch_assoc($wynik)) {
                                    ?>
                                        <table class=hor-zebra>
                                            <thead>
                                                <tr>
                                                    <th scope=col>
                                                        <?php echo $wiersz['tresc']; ?>
                                                    </th>
                                                </tr>
                                            </thead>
 
                                            <tbody>
                                                <tr class=odd>
                                                    <td>
                                                        <input type='checkbox' id=check1 name=poprawna[] value = <?php $wiersz['odp1'] ?>> <?php $wiersz['odp1'] ?><br/>
                                                    </td>
                                                </tr>
 
                                                <tr>
                                                    <td>                                   
                                                        <input type='checkbox' id=check2 name=poprawna[] value = <?php $wiersz['odp2'] ?>> <?php $wiersz['odp2'] ?><br/>
                                                    </td>
                                                </tr>
 
                                                <tr class=odd>
                                                    <td>                                
                                                        <input type='checkbox' id=check3 name=poprawna[] value = <?php $wiersz['odp3'] ?>> <?php $wiersz['odp3'] ?><br/>
                                                    </td>
                                                </tr>                                  
 
                                                <tr>
                                                    <td>                                   
                                                        <input type='checkbox' id=check4 name=poprawna[] value = <?php $wiersz['odp4'] ?>> <?php $wiersz['odp4'] ?><br/>
                                                    </td>
                                                </tr>"                                      
                                                <tbody>
                                        </table>
                                                <br />
                                                <input type="submit" name="zakonczTest" value="Zakończ test"/>    
                                                </form>
</div>
[PHP] pobierz, plaintext 

Ten post edytował mokater 5.02.2013, 00:05:58

[ShadowD]

Oooo błagam popraw to tak się nie pisze!! Wywal echo miliard razy!

[mokater]

Czy wie ktoś może jak to zrobić ?

[zamper]

Użyj jQuery!

To polecenie blokuje wszystkie checkboxy:

Kod

$('#div_w_ktorym_jest_test > input[type="checkbox"]').atrr('disabled', true);

[mokater]

Spróbowałem ogólnie na początku zablokować te checkboxy w celu sprawdzenia czy to działa i bez skutko.
<script type="text/javascript">
$(document).ready(function()
{
$('#okno > input[type="checkbox"]').atrr('disabled', true);
});
</script>

[zamper]

#okno input[type="checkbox"]
Usuń >
> oznacza, że coś jest bezpośrednio w czymś

[mokater]

Próbowałem tak już wcześniej i też nie działa.
Tak jak mówiłem jak na sztywno podam id checkboxa tak: $("#check2").attr('disabled',true), to blokuje jeden checkbox w 1 pytaniu.

[zamper]

A spróbuj bez cudzysłowów (IMG:style_emoticons/default/tongue.gif)
#okno input[type=checkbox]
Zadziała na 100%

[mokater]

$(#okno input[type=checkbox]).atrr('disabled', true);

Tak wyrzuca mi błąd w składni.


Ten post edytował mokater 5.02.2013, 20:35:49

[zamper]

-.-
A gdzie masz apostrofy?!
$('#okno input[type=checkbox]').atrr('disabled', true);

[mokater]

Dalej nie blokuje :/

Edit: próbuje na różne sposoby - bez skutku

Ten post edytował mokater 6.02.2013, 13:51:56

[zamper]

attr a nie atrr 0.o

[mokater]

Ok działa, teraz tylko dostosować odpowiednio.
Dzięki !

Hej, mam jeszcze jedno pytanie związane z tym tematem.
Po upłynięciu czasu chciabym zmienić kolor checkboxów.
Napisałem taki fragment kody w jQuery jednakże, nie działa:
$('.oknoTestu input[type=checkbox]').attr('src', 'images/checkbox-red.png');

Czy wiecie może gdzie jest błąd ?

[sazian]

checkbox niema atrybutu src

[mokater]

Ok, mam klase do zmiany tła obrazka tylko jak ją zasosować w jQuery ?
.checkboxZmiana {
background: transparent url('images/checkbox-green.png') 0 1px no-repeat;
display:inline-block;
}