Div inhoud veranderen + fade?
Oetzie cookie op 16/11/2010 13:01:49:
<a href="#contact.php" class="getdata">Contact</a>
Zoiets kan ook :) Evenveel code en dan hoef je niet onclick te doen.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$('.getdata').click(function () {
var str = $(this).attr('href');
$('#melding').fadeOut(1000);
$('#melding').html(str.substr(1));
$('#melding').fadeIn(1000);
return false;
});
var str = $(this).attr('href');
$('#melding').fadeOut(1000);
$('#melding').html(str.substr(1));
$('#melding').fadeIn(1000);
return false;
});
<a href="#contact.php" class="getdata">Contact</a>
Zoiets kan ook :) Evenveel code en dan hoef je niet onclick te doen.
Kan ik net zoeits zoals je ook in css hebt, dat alle linkjes in een div hetzelfde doen? Dus zoals je in css zo hebt:
#divid a{
...
} maar dan met jQ?
Code (php)
1
$(this).find('div').children('a');
Nou ben ik opzoek naar hoe ik de div na (bijvoorbeeld 3 sec) weer leeg kan maken of uitfaden.. nog mooier! Misschien is het hier besproken onderwerp dus exact wat ik bedoel, maar hoe kan ik dit toepassen in mijn functie?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
<script type="text/javascript">
function UpdateGroepen(str)
{
if (str=="")
{
document.getElementById("txtResultaat").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtResultaat").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","updategroepen.php?levid=<?php echo $LEVID; ?>&groep="+str,true);
xmlhttp.send();
}
</script>
?>
<script type="text/javascript">
function UpdateGroepen(str)
{
if (str=="")
{
document.getElementById("txtResultaat").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtResultaat").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","updategroepen.php?levid=<?php echo $LEVID; ?>&groep="+str,true);
xmlhttp.send();
}
</script>
?>