div onzichtbaar als timer op nul staat
Ik heb een pagina oktime waar een countdowntimer staat.
Hoe kan ik ervoor zorgen als die timer op nul staat dat de info2 div op pagina bekijk onzichtbaar wordt?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
setInterval(function() {
$.ajax({
type: "GET",
url: "oktime.php>",
success: function(data){
$('#info').html(data);
}
});
},10)
</script>
<div id="info"></div>
<div id="info2">tekst</div>
setInterval(function() {
$.ajax({
type: "GET",
url: "oktime.php>",
success: function(data){
$('#info').html(data);
}
});
},10)
</script>
<div id="info"></div>
<div id="info2">tekst</div>
Alvast bedankt voor de hulp.
Groeten,
Edit:
Code-tags om de code geplaatst.
Gewijzigd op 02/02/2016 23:47:30 door - Ariën -
Die > is een foutje.
De output van oktime.php is 00:00:00
Code (php)
1
2
3
2
3
if(data == '00:00:00') {
$('#info2').css('display', 'none');
}
$('#info2').css('display', 'none');
}
Gewijzigd op 02/02/2016 23:54:55 door - Ariën -
Weet niet welke informatie je daar in opslaat, maar anders is deze in de broncode altijd nog te lezen.
Joni Fleischer op 03/02/2016 09:45:59:
Kan je niet beter de div distroyen of leeg maken?
Weet niet welke informatie je daar in opslaat, maar anders is deze in de broncode altijd nog te lezen.
Weet niet welke informatie je daar in opslaat, maar anders is deze in de broncode altijd nog te lezen.
Heb je dit al eens geprobeerd dan?
Enig probleem ik krijg die div niet weg.
De output heb ik veranderd maar daar kan het niet aan liggen of toch?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
setInterval(function() {
$.ajax({
type: "GET",
url: "oktime.php?wagen_ID=195",
success: function(data){
$('#info').html(data);
if(data == 'einde van de timer') {
$('#info2').css('display', 'none');
} }
});
},10)
</script>
<div id="info"></div>
<div id="info2">tekst</div>
<script type="text/javascript">
setInterval(function() {
$.ajax({
type: "GET",
url: "oktime.php?wagen_ID=195",
success: function(data){
$('#info').html(data);
if(data == 'einde van de timer') {
$('#info2').css('display', 'none');
} }
});
},10)
</script>
<div id="info"></div>
<div id="info2">tekst</div>
Code (php)
1
2
3
2
3
$(document).ready(function(){
// je code hier!
});
// je code hier!
});
Trouwens, wil je het script echt elke 10 miliseconden oproepen?!?
Gewijzigd op 04/02/2016 00:07:43 door - Ariën -
Wat bedoel je met jquery starten? Ik doe dat nooit en het werkt ook :-)
@TS
doe eens console.log(data); en kijk of het overeen komt met het geen wat je verwacht in je script.
Gewijzigd op 04/02/2016 09:16:29 door Randy vsf
- Ariën - op 04/02/2016 09:28:27:
@Randy: Zie mijn vorige post ;-). Zonder dit zijn alle jQuery-functions bij mij'undefined'.
Ik snap hoe je het bedoelde, daar is ook een shorthand vor trouwens, document.ready hoeft niet eens.
Code (php)
1
2
3
2
3
$(function() {
// Handler for .ready() called.
});
// Handler for .ready() called.
});
Maar het ligt er maar net aan waar je je code plaatst. Dit is niet altijd nodig..
Gewijzigd op 04/02/2016 09:46:19 door - Ariën -
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$('#test').html('changed the text');
</script>
<p id="test">Blablabla</p>
<script>
$('#test').html('changed the text');
</script>
<p id="test">Blablabla</p>
Werkt wel:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<p id="test">Blablabla</p>
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$('#test').html('changed the text');
</script>
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$('#test').html('changed the text');
</script>
oktime.php is het script dat ik gebruik voor de countdowntimer.
Het werk niet of ik moet er alles in wissen en enkel einde van de timer in plaatsen dan doet die het wel.
Maar zonder mijn php code werkt mijn timer niet.
Zelfs enkel <p>einde van de timer</p> doet het niet of ik moet de if(data == '<p>einde van de timer</p>') zo maken en dan doet die het wel.
Maar hoe krijg ik het werkende met mijn php code erin?
Maar waarom een countdown timer in php?
Waarom php omdat ik geen jquery kan :) en dan gaat het een stuk vlugger.
In php kan ik die countdowntimer maken enkel moet er een div weg als die timer op nul staat.
Maar als mijn php code bij de timer staat gaat die div er niet weg.