Jeg har for første gang forsøgt mig lidt frem med jQuery, og hoppet lidt let hen over javascript, så jeg vil gerne guides i den rigtige retning af om jeg skal starte med javascript fra bunden eller om det bare er en lille bug der driller mig i følgende:
forsøger at lave et login, hvor man i første omgang får loginFailure (bounce) hvis man taster forkert
og loginSucces (blind) hvis man taster user: mikkel pass: mikkel
men når man klikker på login /"submit" bliver get metoden ikke kaldt fra formen så den udskriver ikke php hilsnen.
<?php require("db.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery UI Effects - Effect Demo</title>
<link type="text/css" href="style.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="ui/jquery.effects.core.js"></script> <!--Core -->
<script type="text/javascript" src="ui/jquery.effects.bounce.js"></script> <!--Bounce -->
<script type="text/javascript" src="ui/jquery.effects.blind.js"></script> <!--Blind -->
<script type="text/javascript">
$(function() {
//run the currently selected effect
function runLogin(){
//get effect type from , - Hvis pass false then effekt=bounce -- var LoginSucces = "bounce";
var inputUsername = $('#userName').val();
var inputPassword = $('#password').val();
if (inputUsername == "mikkel" && inputPassword == "mikkel")
{
var loginSucces = "blind";
}
else
{
var loginFail = "bounce";
var loginSucces =false;
}
<!--document.write(LoginSucces); -->
//most effect types need no options passed by default
var options = {};
//check if it's scale, transfer, or size - they need options explicitly set
//if(LoginSucces == 'scale'){ options = {percent: 0}; }
//else if(LoginSucces == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
//else if(LoginSucces == 'size'){ options = { to: {width: 200,height: 60} }; }
//run the effect - evt tilføj ,callback til #effect
if (loginSucces == false){
$("#loginFailEffect").effect(loginFail,options,500);
}
else {
$("#loginSuccesEffect").show(loginSucces,options,500);
}
};
//callback function to bring a hidden box back
/* function callback(){
setTimeout(function(){
$("#effect:visible").removeAttr('style').hide().fadeOut();
}, 1000);
}; */
//set effect from select menu value
$("#button").click(function() {
runLogin();
return false;
});
$("#loginSuccesEffect").hide();
});
</script>
</head>
<body>
<div id="loginFailEffect">
<div class="loginBox">
<h3>Velkommen</h3>
<p>
Indtast dine personlige oplysninger for at logge ind i sytsemet.
</p>
<form name="loginForm" action="#" method="get" target="_self">
Brugernavn: <br />
<input type="text" id="userName" name="userName" />
<br />
<input type="password" id="password" name="password" />
<input type="submit" value="Login" id="button" />
<div class="button">
<!-- <a href="javascript:loginSubmit()" id="button">Login</a> -->
</div>
</div>
</div>
<div id="loginSuccesEffect">
<div class="menu">
<?php
$printMenu = $_GET["userName"];
echo $_GET["userName"];
if ($printMenu=="mikkel") echo("Velkommen til: ")
?>
</div>
</div>
<?php echo $_GET["userName"]; ?>
</body>
</html>
<!--<select name="effects" id="effectTypes">
<option value="bounce">Bounce</option>
<option value="jens">hej</option>
</select>-->(
http://fabras.dk/p/login.php )
på forhånd tak
Indlæg senest redigeret d. 12.06.2010 20:28 af Bruger #15944