Problemen met jQuery
Ik zit met het probleem bij jQuery,
Ik ben dus bezig met het maken van mijn bedrijfs website.
Maar kom helaas niet verder i.v.m een foutje.
Check jakeng.nl, als je op 'inloggen' klikt.
Komt een slide van jQuery. Maar de helft van de pagina gaat naar onder
en slide niet mee terug. Het liefste had ik dat de pagina bleef staan.
En dat de jQuery overlapt..
Heeft iemand een oplossing?
Bedankt
Toevoeging op 21/01/2013 19:49:25:
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
#flip {
padding:5px;
text-align:center;
background-image:url('http://jakeng.nl/Public/Styles/Default/Images/icons/input.gif');
width:70px;
height:23px;
}
.trol
{
padding:5px;
text-align:center;
background-color:#FFF;
border:solid 1px #c3c3c3;
width:70px;
}
#panel
{
background-color:#FFF;
padding:50px;
display:none;
widtht:700px;
position: absolute;
}
.input {
border: 1px solid #006;
background: #ffc;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: none;
background: url('http://jakeng.nl/Public/Styles/Default/Images/header/up.png') no-repeat top left;
padding: 2px 8px;
}
.button:hover {
border: none;
background: url('/forms/down.png') no-repeat top left;
padding: 2px 8px;
}
div#flip:hover {
background-image:url('http://jakeng.nl/Public/Styles/Default/Images/icons/inputhover.gif');
width:70px;
height:23px;
padding:5px;
text-align:center;
}
</style>
</head>
<body>
<div id="flip"></div>
<div id="panel"><?php include("ledensysteem/login.php"); ?><br><b>Geen account?</b><a class="222" href="http://jakeng.nl/ledensysteem/registreren.php" style="text-decoration:none;">Registreer</a>!</div>
</body>
</html>
[/CODE]
Ziet iemand het probleem?
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
#flip {
padding:5px;
text-align:center;
background-image:url('http://jakeng.nl/Public/Styles/Default/Images/icons/input.gif');
width:70px;
height:23px;
}
.trol
{
padding:5px;
text-align:center;
background-color:#FFF;
border:solid 1px #c3c3c3;
width:70px;
}
#panel
{
background-color:#FFF;
padding:50px;
display:none;
widtht:700px;
position: absolute;
}
.input {
border: 1px solid #006;
background: #ffc;
}
.input:hover {
border: 1px solid #f00;
background: #ff6;
}
.button {
border: none;
background: url('http://jakeng.nl/Public/Styles/Default/Images/header/up.png') no-repeat top left;
padding: 2px 8px;
}
.button:hover {
border: none;
background: url('/forms/down.png') no-repeat top left;
padding: 2px 8px;
}
div#flip:hover {
background-image:url('http://jakeng.nl/Public/Styles/Default/Images/icons/inputhover.gif');
width:70px;
height:23px;
padding:5px;
text-align:center;
}
</style>
</head>
<body>
<div id="flip"></div>
<div id="panel"><?php include("ledensysteem/login.php"); ?><br><b>Geen account?</b><a class="222" href="http://jakeng.nl/ledensysteem/registreren.php" style="text-decoration:none;">Registreer</a>!</div>
</body>
</html>
[/CODE]
Ziet iemand het probleem?
