| Schrijver |
Bericht |
Jan thiemen
Forum Lid
7 posts |
# Geplaatst: 2 Mei 2010 09:16
Hallo,
Ik zou graag een link pas na een paar seconden zichtbaar willen maken. Heeft iemand een idee hoe dit kan?
Jan Thiemen
|
| |
|
Sebastiaan Franken
Moderator
4030 posts |
# Geplaatst: 2 Mei 2010 09:31
Hoi Jan, welkom op het forum. Ik zou je willen wijzen op de algemene regels en forum regels.
Nu je vraag:
dit kun je doen met javascript (jQuery).
Voorbeeld
javascript code
$(document).ready(function()
{
var tijd = 3000; // 30000 = 3 seconden
$('a').show(tijd);
});
AL moet je je a's dan wel met CSS of JS verbergen.
|
Jan thiemen
Forum Lid
7 posts |
# Geplaatst: 2 Mei 2010 09:57
Kun je er nog wat nadere info bij geven, want ik begrijp de code niet helemaal.
|
Sebastiaan Franken
Moderator
4030 posts |
# Geplaatst: 2 Mei 2010 10:20 · Aangepast door: Sebastiaan Franken
Quoting: Jan thiemen Kun je er nog wat nadere info bij geven
Bij welk deel van de 2 regels code?
Uitgebreider voorbeeld (pas op: ik gebruik HTML5)
html code
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8" />
<title>Link na een tijdje tonen</title>
<style type="text/css">
a.magisch{ display: none; }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var tijd = 3000;
$('a.magisch').show(tijd);
});
</script>
</head>
<body>
<a class="magisch" href="iets.html">Deze link verschijnt pas na een tijdje.</a>
</body>
</html>
Ik geef de link de klasse 'magisch' mee zodat je weet welke link(s) er verdwijnen, en ook zodat niet alle links dit doen.
|
egaTniv
Forum Lid
3794 posts |
# Geplaatst: 2 Mei 2010 10:36 · Aangepast door: egaTniv
dit is niet (helemaal) wat hij zoekt denk ik.
het is show(duration]) dwz dat de animatie er 3 seconden over doet om van 0 naar 100 te gaan.
Je zult met setinterval of settimeout moeten werken om pas NA 3 seconden te beginnen met show-en..
|
Sebastiaan Franken
Moderator
4030 posts |
# Geplaatst: 2 Mei 2010 10:37
Quoting: egaTniv het is show(duration]) dwz dat de animatie er 3 seconden over doet om van 0 naar 100 te gaan.
Dat weet ik. Je kunt 'na een paar seconden zichtbaar maken' op meerdere manieren opvatten he ;-) En trouwens, voorbeeld?
|
egaTniv
Forum Lid
3794 posts |
# Geplaatst: 2 Mei 2010 10:46
Quoting: Sebastiaan Franken En trouwens, voorbeeld?
is dat een nieuwe forumregel dan ? Verplicht codes geven...
javascript codesetTimeout(tonen, 3000);
function tonen()
{
$('#id').show('slow');
}
|
Sebastiaan Franken
Moderator
4030 posts |
# Geplaatst: 2 Mei 2010 10:48
Quoting: egaTniv is dat een nieuwe forumregel dan ? Verplicht codes geven...
Nee. Jij bent gwn beter in dat soort JS meuk dan ik dus vandaar dat ik liever had dat jij het deed.
|
egaTniv
Forum Lid
3794 posts |
# Geplaatst: 2 Mei 2010 11:12
nuja, rechtstreeks in de setTimeout kan dan ook nog:
javascript code
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$('#id').css('display', 'none');
})
setTimeout( "$('#id').show('slow')", 3000);
</script>
<a id="id" href="...">oh hier ben je</a>
|
Jan thiemen
Forum Lid
7 posts |
# Geplaatst: 2 Mei 2010 11:30
Allemaal heel erg bedankt, het werkt.
|
Sebastiaan Franken
Moderator
4030 posts |
# Geplaatst: 2 Mei 2010 12:07
Dit topic kan dus dicht?
|
myown
Forum Lid
366 posts |
# Geplaatst: 2 Mei 2010 12:18
ik snap niet waarom iedereen dit met Jquery wilt doen.
Is dit niet makkelijker:
html code<script type="text/javascript">
setTimeout( "document.getElementById('zin').style.display = 'block'", 3500);
</script>
<span id="zin" style="display: none;">lalala een zin</span>
|
egaTniv
Forum Lid
3794 posts |
# Geplaatst: 2 Mei 2010 12:20
mijn voorbeeld was veel beter, met jouw voorbeeld ziet iemand zonder js nooit die link :P
Verder jQuery omdat daar al over begonnen was en het is gewoon een uber tool :P
|
wadelft
Forum Lid
3012 posts |
# Geplaatst: 2 Mei 2010 12:24
Quoting: egaTniv mijn voorbeeld was veel beter, met jouw voorbeeld ziet iemand zonder js nooit die link :P
??? ; maar jQuery is toch ook gewoon JS
Ik zou de "lichte' versie dus zonder de lib prefereren..
|
egaTniv
Forum Lid
3794 posts |
# Geplaatst: 2 Mei 2010 12:27 · Aangepast door: egaTniv
hij hide zn link middels inline css, ik hide de link met js, dus iemand zonder js ziet de link gewoon staan.
dat bedoelde ik met "beter"
Verder eens je jQuery dan toch gebruikt, dan gebruik je het gelijk voor 100 andere dingen :p
|
myown
Forum Lid
366 posts |
# Geplaatst: 2 Mei 2010 19:38
Pfft, ik ben nog niet helemaal mee met die JQuery ^^
|
