Untitled

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#username').focus();

  $('#submit').click(function() {
    var username=$('#username').val();
    var password=$('#password').val();

    /* Fix: no need to use .val() here, result is a ID not a string */
    var result=$('.result');
    result.html('loading...');

    /* Fix: you already called .val() on username and password, no need to do it again */
    if(username != '' && password != ''){
      var urltopass='action=login&username='+username+'&password='+password;

    /* Fix: the check script expect the action parameter to be "login", so we must add it to the parameters */
    urltopass += 'action=login';

      $.ajax({
        type: 'POST',
        data: urltopass,
        url: 'checker.php',
        success: function(ResponseText)
        {


          if(ResponseText==0)
          {
            alert("AJAX request successfully completed");
          }

else if(ResponseText==1)
{
  alert("AJAX request successfully completed");
}

else if(ResponseText==2)
{
  alert("AJAX request successfully completed");
}

else
{
  alert("AJAX request successfully completed");
}


        }
      });
    }
return false;


  });

  });

</script>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap Navbar Example</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/genel.css" rel="stylesheet">
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  </head>
  <body>
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Logo</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- giriş kutusu -->
  <div class="container">
<div class="row">
                  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                      <div class="panel panel-default">
  <div class="panel-heading"><h3 class="panel-title"><strong>Giriş Yap </strong></h3>
      <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#">Şifrenimi unuttun?</a></div>
  </div>
  <div class="panel-body">
   <form method="post">
            <div class="result"></div>
            <label>Kullanıcı Adı</label>
  <div style="margin-bottom: 12px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                        <input id="username" type="text" class="form-control" name="username" placeholder="Kullanıcı Adı" required/>
                                    </div>
                                 <label>Şifre</label>
                            <div style="margin-bottom: 12px" class="input-group">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                                        <input id="password" type="password" class="form-control" name="password" placeholder="Şifre" required/>
                                    </div>

                                    <div class="input-group">
                                      <div class="checkbox" style="margin-top: 0px;">
                                        <label>
                                          <input id="login-remember" type="checkbox" name="remember" value="1"> Beni hatırla
                                        </label>
                                      </div>
                                    </div>

  <button type="submit" id="submit" name="submit" class="btn btn-success" value="login">Giriş Yap</button>

  <hr style="margin-top:10px;margin-bottom:10px;">

  <div class="form-group">

                                        <div style="font-size:85%">
                                            Bir hesabın yokmu!
                                        <a href="#" onclick="$('#loginbox').hide(); $('#signupbox').show()">
                                            Buradan Kayıt Ol
                                        </a>
                                        </div>

                                </div>
</form>
  </div>
</div>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                      <p class="lead">Kayıtlar şuan <span class="text-success">ÜCRETSİZ</span></p>
                      <ul class="list-unstyled" style="line-height: 2">
                          <li><span class="fa fa-check text-success"></span> Bakiyenize göre size en uygun CC'yi bot aracılığı ile bulun.</li>
                          <li><span class="fa fa-check text-success"></span> %100 Live ve güncel method'lar ile kazancınızı katlayın.</li>
                          <li><span class="fa fa-check text-success"></span> Kendi marketinizi kurun CC ve Method satışı yapın, para kazanın.</li>
                          <li><span class="fa fa-check text-success"></span> %100 Güvenli bitcoin ödeme sistemiyle anında ve otomatik olarak paranızı alın.</li>
                          <li><span class="fa fa-check text-success"></span> Etkinlikleri takip ederek kazancınızı katlayın. <small>(Sadece Vendor üyeler için!)</small></li>
                      </ul>

                      <p><a href="/new-customer/" class="btn btn-info btn-block">Yes please, register now!</a></p>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:20px;">
                    <ul class="social-network social-circle">
                        <li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
                        <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
        </div>
                  </div>

              </div>

</div>

<!-- giriş kutusu -->


<!-- NAVBAR FIXED TOP -->
<!-- <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    ...
  </div>
</nav> -->

<!-- NAVBAR FIXED BOTTOM -->
<!-- <nav class="navbar navbar-default navbar-fixed-bottom">
  <div class="container">
    ...
  </div>
</nav> -->

<!-- NAVBAR STATIC TOP -->
<!-- <nav class="navbar navbar-default navbar-static-top">
  <div class="container">
    ...
  </div>
</nav> -->


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>