Untitled

<!DOCTYPE html>
<html>
<head>
	<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<title>Accueil</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
function boutonactive (){

	document.getElementById("boutonrecompense").disabled=false;

}

function timer (){

	window.setTimeout ( function () { boutonactive ()},3000);

}

function donnesgobase  (){

	var pseudo= document.getElementById('pseudotext').value;
	var ip="<?php echo $_SERVER['REMOTE_ADDR'];?>";

	$.ajax({

		url:"traitement.php?pseudo="+ pseudo +"&ip="+ ip

	});

}

</script>
</head>

<body>

	<div class="container-fluid">

		<div class="row" style="margin-top:40px">

			<div class="col-md-4 col-md-offset-4">
				<button type="button" class="btn btn-info col-md-12" onClick="timer()">Clique ici pour voter !</button>
			</div>
		</div>

		<div class="row" style="margin-top:40px">

			<div class="col-md-4 col-md-offset-4">
				<input id="pseudotext" type="text" class="form-control" placeholder="Votre pseudo Minecraft !"></input>
			</div>
		</div>

		<div class="row" style="margin-top:350px">

			<div class="col-md-4 col-md-offset-4">
				<button type="button" id="boutonrecompense" class="btn btn-warning col-md-12" disabled="disabled" onClick="donnesgobase()">R&eacute;clamer ma r&eacute;compense ! </button>
			</div>
		</div>

	</div>

</body>

</html>' '