Problemen met jQuery

Door Onbekend Onbekend op 21-01-2013 19:33

1.394 views

Hallo allemaal,

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

Wouter J

21-01-2013 19:42

Geef dat element met CSS position: absolute; of position: fixed; mee. Wil je uitleg hierover, zoek dan even op [google]css position[/google] (waarbij je niet op w3schools of HTMLhandleiding links klikt)

Onbekend Onbekend

21-01-2013 19:44

Okay, ik zal het eens proberen. :D

[size=xsmall]Toevoeging op 21/01/2013 19:49:25:[/size]


<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>

Ziet iemand het probleem?

Reageren

Inloggen om te reageren