er zit duidelijk een bug in dit forum. Ik zie de laatste posts niet als er nog geen post is op de volgende pagina.
<a id="link" href="index.html" >Login!</a>
zal wel werken. Je moet het "#" teken weglate in id="#link"
- Jquery beginnersfout maar wat
-
31-12-2009, 18:07 #16
- Berichten
- 297
- Lid sinds
- 15 Jaar
-
31-12-2009, 18:59 #17
- Berichten
- 1.265
- Lid sinds
- 16 Jaar
Wat duurt het lang voordat iemand met een uiteindelijke oplossing komt...
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jquery tutorial login slide</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
#box{background:#999; height:100px; width:200px;}
</style>
<script>
$(function() {
$('#link').click(function(e){
e.preventDefault();
$('#box').fadeOut();
});
});
</script>
</head>
<body>
<div id="box">Some text</div>
<a id="link" href="#" >Login!</a>
</body>
</html>
-
31-12-2009, 19:07 #18
- Berichten
- 883
- Lid sinds
- 15 Jaar
Wat een rot fout. Zal zo even kijken of het werkt.
-
31-12-2009, 19:17 #19
- Berichten
- 211
- Lid sinds
- 18 Jaar
Ik geef toch de voorkeur om het zo te doen; werkt perfect.
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jquery tutorial login slide</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
#box
{
background: #999999;
height: 100px;
width: 200px;
}
</style>
<script type="text/javascript">
window.onload = function()
{
$('#link').click
(
function()
{
$('#box').fadeOut();
}
);
}
</script>
</head>
<body>
<div id="box">Some text</div>
<a id="link" href="javascript:void(0);">Login!</a>
</body>
</html>
-
31-12-2009, 20:07 #20
- Berichten
- 883
- Lid sinds
- 15 Jaar
Bedankt iedereen, ik heb nu dit (heb nog wat onnodige dingen weg gesloopt):
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jquery tutorial login slide</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
#box{background:#999; height:100px; width:200px; display:none;}
</style>
<script>
$(function() {
$('a').click(function(e){
$('#box').fadeIn();
});
});
</script>
</head>
<body>
<div id="box"></div>
<a href="javascript:void(0)" >Login!</a>
</body>
</html>
-
02-01-2010, 11:34 #21
- Berichten
- 330
- Lid sinds
- 17 Jaar
Doordat je de e.preventDefault(); hebt weggehaald is de "e" in de function ook niet meer nodig. Met de preventDefault(); kan je de standaard link actie ongedaan maken (hierdoor is je javascript:void(0) ook niet meer nodig.
Zie: http://docs.jquery.com/Events/jQuery...tDefault.28.29
In plaats van preventDefault() kan je ook een return false; aan het eind van je functie zetten, waardoor alleen de javascript wordt uitgevoerd en niet de standaard link actie.
Dus:
Code:<script> $(function() { $('a').click(function(e){ $('#box').fadeIn(); return false; }); }); </script> <a href="#">Klik hier</a>
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic