Sujet Précédent Sujet Suivant

Je n'arrive pas à atteindre le bas de ma page

Résolu/Fermé
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 - 29 avril 2013 à 14:04
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 - 30 avril 2013 à 00:08
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
A voir également:

5 réponses

Réponse 1 / 5
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
29 avril 2013 à 17:18
ben je fais une inscription pour une base de donnée ! mais oui c'est le pb que j'ai, je ne vois pas la fin de mon formulaire, et je peux pas faire défiler la page , j'ai essayé de mettre un height:10000px; sur tous les block, mais rien n'y fait ....
3
Réponse 2 / 5
Utilisateur anonyme
Modifié par kyser soze le 29/04/2013 à 14:41
Salut,

Il va falloir un peu plus de précision parce que le code est long..

Je ne comprends pas ce que tu veux dire "je ne vois pas la fin de mon formulaire puisque je ne peux pas descendre". Limite fais une impression écran parce que je suis dans le flou là. Quel tuto du site as tu suivis?
Résolu? ===> [RESOLU]
1
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
29 avril 2013 à 14:24
peut être qu'une image s'impose,

http://imageshack.com/f/gisanstitre1qfhp
0
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
29 avril 2013 à 14:25
je ne peux pas descendre ma page puisque je n'ai pas la scrollbar ! Je suis obligé de dézoomer
0
Réponse 3 / 5
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
29 avril 2013 à 15:56
up ?
0
Réponse 4 / 5
Utilisateur anonyme
29 avril 2013 à 16:09
Je ne suis toujours pas sûr de bien capter le problème. Désolé.

Si tu ne vois pas la fin du formulaire c'est qu'il y a un élément block qui est mal positionné! Si tu agrandis les dimensions de l'élément html cela devrait passer...

Tu as une version en ligne pour aller voir concrètement ce que ça fait?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
Pritax Messages postés 333 Date d'inscription mardi 12 juin 2012 Statut Membre Dernière intervention 26 février 2015 19
30 avril 2013 à 00:08
Up
0

Discussions similaires

[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
je veut créer des codes
jonkiller -
Nhhi -

20 réponses
recherche d'u
mimi -
brucine -

1 réponse
Cette page n'est pas disponible
falaises63 -
bazfile -

1 réponse