Page qui ne peut pas scroller

Résolu

Pritax Messages postés 333 Date d'inscription Statut Membre Dernière intervention -
Pritax Messages postés 333 Date d'inscription Statut Membre Dernière intervention - 29 avril 2013 à 11:24

Bonjour,

je reviens sur ce forum, car j'ai suivi un tuto pour vérification en temps directe, mais tous fonctionnes sauf que je ne voit pas la fin de mon formulaire puisque je ne peut pas descendre la page ....

index.php:

<?php
	require_once("validation.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=iso-8859-1" />
	<title>Inscription 40 ans IUT</title>
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
</head>
<body>
<div id="site">
<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="validation.js"></script>
	


	
									<?php
										if(isset($_GET['creation']) && ($_GET['creation'] == "vide")){
											echo"<div style='color:red'>Vous avez oublie de remplir une saisie</br></br></div>";
										}else if(isset($_GET['creation']) && ($_GET['creation'] == "existant")){
											echo"<div style='color:red'>Le pseudo saisie est deja existant, merci d'en choisir un autre</br></br></div>";
										}else if(isset($_Get['creation']) && ($_GET['creation'] == "erreur")){
											echo"Probleme d'écriture dans la base de donnée</br></br>";
										}else if(isset($_GET['creation']) && ($_GET['creation'] == "ok")){
											echo"<div style='color:green'>Votre compte a bien ete cree</br></br></div>";
										
										}
										
									?>
	<div id="container">
		<!--<h1>Registration process</h1>
		
		<?if( isset($_POST['send']) && (!validateName($_POST['name']) || !validateEmail($_POST['email']) || !validateMail($_POST['mail']) || !validatePasswords($_POST['pass1'], $_POST['pass2']) || !validateMessage($_POST['message']) ) ):?>
				<div id="error">
					<ul>
						<?if(!validateName($_POST['name'])):?>
							<li><strong>Invalid Name:</strong> We want names with more than 3 letters!</li>
						<?endif?>
						<?if(!validateEmail($_POST['email'])):?>
							<li><strong>Invalid E-mail:</strong> Stop cowboy! Type a valid e-mail please :P</li>
						<?endif?>
						<?if(!validatePasswords($_POST['pass1'], $_POST['pass2'])):?>
							<li><strong>Passwords are invalid:</strong> Passwords doesn't match or are invalid!</li>
						<?endif?>
						<?if(!validateMessage($_POST['message'])):?>
							<li><strong>Ivalid message:</strong> Type a message with at least with 10 letters</li>
						<?endif?>
					</ul>
				</div>
			<?elseif(isset($_POST['send'])):?>
				<div id="error" class="valid">
					<ul>
						<li><strong>Congratulations!</strong> All fields are OK ;)</li>
					</ul>
				</div>
		<?endif?>-->
<h1>Infos compte</h1>
		<form method="post" name="customForm" id="customForm" action="inc/traitement.php">
			<div>
				<label for="pseudo">Pseudo <SUP id="obli">*</SUP></label>
				<input id="pseudo" name="pseudo" type="text" />
				<span id="pseudoInfo" name="pseudoInfo" onkeyup="pseudo()"></span>
			</div>
			<div>
				<label for="email">E-mail<SUP id="obli">*</SUP></label>
				<input id="email" name="email" type="text" />
				<span id="emailInfo"></span>
			</div>
			<div>
				<label for="pass1">Password<SUP id="obli">*</SUP></label>
				<input id="pass1" name="pass1" type="password" />
				<span id="pass1Info">Saisir au moins 5 caractères: lettres, nombres ou '_'</span>
			</div>
			<div>
				<label for="pass2">Confirmez Password<SUP id="obli">*</SUP></label>
				<input id="pass2" name="pass2" type="password" />
				<span id="pass2Info">Confirmez le password</span>
			</div>
			
            	  <h1>Infos personelles</h1></br></br>
									
					
					<div>
				<label for="nom">Votre Nom:<SUP id="obli">*</SUP></label>
				<input id="nom" name="nom" type="text" />
				<span id="nomInfo"></span>
					</div>
					<div>
				<label for="prenom">Votre Prenom:<SUP id="obli">*</SUP></label>
				<input id="prenom" name="prenom" type="text" />
				<span id="prenomInfo"></span>
					</div>
					<div>
				<label for="mail">Adresse Mail :<SUP id="obli">*</SUP></label>
				<input type="text" name="mail" id="mail" />
				<span id="mailInfo"></span>
					</div>
					<div>
				<label for="naissance">Date de Naissance(jj/mm/aaaa) :<SUP id="obli">*</SUP></label>
				<input type="date" name="naissance" id="naissance"  />
				<span id="nomInfo"></span>
					</div>
					<div>
				<label for="tel"> Telephone :</label>
				<input type="text" name="tel" id="tel" />
				<span id="telInfo"></span>
					</div>
					<div>
				<label for="promo">Promotions :<SUP id="obli">*</SUP></label>
				<select name="promo" id="promo">
						<option> 2000/2001</option>
						<option> 2001/2002</option>
						<option> 2002/2003</option>
						<option> 2003/2004</option>
						<option> 2004/2005</option>
						<option> 2005/2006</option>
						<option> 2006/2007</option>
						<option> 2007/2008</option>
						<option> 2008/2009</option>
						<option> 2009/2010</option>
						<option> 2010/2011</option>
						<option> 2011/2012</option>
						</select>
				<span id="pass2Info">A quel Promo apparteniez vous ?</span>
					</div>
					<div>
				<label for="poursuite"> Qu'avez vous fait </br> apres votre DUT ? :</label>
				<input type="text" name="poursuite" id="poursuite" />
					</div>
					<div>
				<label for="metier"> Votre metier actuel :</label>
				<input type="text" name="metier" id="metier" />
					</div>
						<span id="obli2"><SUP id="obli">*</SUP> : Champs obligatoires </span></br> 					
					</br>
					
									   
		<input id="send" type="submit" value="Envoyer"  />
					
					</form>
            </div>
        
			
	
	</div>
	<footer style="background:gray;color :white; position:absolute; bottom:0;width:100%;margin-top:150px;font-size:15px;"> </br></br><span style="float:left;margin-left:50px;">Design by moi
	</span><span style="float:right;margin-right:50px;">XDXD.</span></br></br></footer> 
</body>
</html>

css :


@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
	background: #fff;
	line-height:14px;
	font-size: 12px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	margin:0pt;
	cursor:default;
	overflow: hidden;
}
html,body{
	height:100%;
	text-align: center;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}
strong{
	font-weight: 700;
}
/******* GENERAL RESET *******/
h1{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #5f95ef;
	margin-bottom: 1em;
}
#obli{
color:#e77776;
font-weight : bold;
}
#obli2{color: #797979;}
/******* LOGO *******/
#logo{
	margin-top: 1em;
	display: block;
}
/******* /LOGO  *******/
/******* CONTAINER *******/
#container{
	width: 600px;
	margin: /*40px*/ auto;
	text-align: left;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm tr{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}

#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm div span.ok{
	color: #58dd34;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

validation.php:


<?php
	function validatePseudo($pseudo){
		//if it's NOT valid
		if(strlen($pseudo) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	function validateNom($nom){
		//if it's NOT valid
		if(strlen($nom) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	
	function validateTel($tel){
		//if it's NOT valid
		if(preg_match('/[0-9]{10}/',$tel) && strlen($tel) != 10)
			return false;
		//if it's valid
		else
			return true;
	}
	function validatePrenom($prenom){
		//if it's NOT valid
		if(strlen($prenom) < 4)
			return false;
		//if it's valid
		else
			return true;
	}
	function validateEmail($email){
		return ereg("^[a-zA-Z0-9]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$", $email);
	}
	function validateMail($mail){
		return ereg("^[a-zA-Z0-9]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$", $mail);
	}
	function validatePasswords($pass1, $pass2) {
		//if DOESN'T MATCH
		if(strpos($pass1, ' ') !== false)
			return false;
		//if are valid
		return $pass1 == $pass2 && strlen($pass1) > 5;
	}
	function validateMessage($message){
		//if it's NOT valid
		if(strlen($message) < 10)
			return false;
		//if it's valid
		else
			return true;
	}
?>

voila, help please

Afficher la suite

A voir également:

Page qui ne peut pas scroller
Supprimer page word - Guide
Imprimer tableau excel sur une page - Guide
Page d'accueil - Guide
Copiez la ligne qui indique aux moteurs de recherche de ne pas référencer la page. ✓ - Forum Référencement
Impossible d'ouvrir une page web malgré connexion ok ✓ - Forum Réseaux sociaux

2 réponses

Réponse 1 / 2

Pritax Messages postés 333 Date d'inscription Statut Membre Dernière intervention 19

Personne peut m'aider ?

Réponse 2 / 2

Pritax Messages postés 333 Date d'inscription Statut Membre Dernière intervention 19

SVP ...

Discussions similaires

Code erreur 80710A06

PS3 code erreur 8002a537.

Erreur 80710A06 sur ps3

[référencement] Ne pas être référencé

Trouver le code source d'une page internet.

Votre réponse

Discussions similaires