Inserer du javascript dans une page PHP

Signaler
-
Messages postés
32980
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 juin 2021
-
Bonjour,

j'ai un souci avec un formulaire j'ai ecris une fonction javasript dans une page dont l'extention est .PHP mais une fois que je met l'extention php tous mon code javasccript ne fonctionne plus
<?php 
		$pdo= new PDO('mysql:dbname=inovdb;host=localhost','root','');
		$pdo->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
   $erreur="";
if (isset($_POST['valider'])) {
	$erreur="";
$NOM=$_POST['nom'];
$PRENOM=$_POST['prenom'];
$ADRESSE=$_POST['adresse'];
$DATE=$_POST['date'];
$EMAIL=$_POST['email'];
@$DOMAINE=$_POST['domaine'];
if (empty($NOM) OR empty($PRENOM) OR empty($ADRESSE) OR empty($DATE) OR empty($EMAIL) OR empty($DOMAINE)) {
	echo "ces zones sont vides";
	if (empty($NOM))$erreur.="<li>le nom</li>";
	if (empty($PRENOM))$erreur.="<li>le prenom</li>";
	if (empty($ADRESSE))$erreur.="<li>l'adresse</li>";
	if (empty($DATE))$erreur.="<li>la date</li>";
	if (empty($EMAIL))$erreur.="<li>l'email</li>";
	if (empty($DOMAINE))$erreur.="<li>le domaine</li>";
	 }
	 else{
	 	$req=$pdo->prepare("INSERT INTO stagiaire SET nom=?, prenom=?, adresse=?, date_naissance=?, email=?, domaine=?");
   	$req->execute([$NOM,$PRENOM,$ADRESSE,$DATE,$EMAIL,(implode("/", $DOMAINE))]);
   	header("location:truc.php");
	 }
}
?>
<?php if (!empty($erreur)) { ?>
		<div id="erreur"><?=$erreur?></div>
	<?php } ?>
<!DOCTYPE html>
<html>
<head>
	<title>Inov_registration_futur_apprenants</title>
</head>
<link rel="stylesheet" href="boot/bootstrap.min.css">
<style type="text/css">
#erreur{
	background-color: red;
}

form{
		font-size: 25px;
	}
	.input_text{
		display:block;
		font-size: 20px;
		margin: 20px 0px;
		padding: 10px;
		font-size: 23px;
		font-family: times new roman;
		font-style: italic;
		width: 400px;
		height: 25px;
		background-size: 15px;
		border-radius: 10px;
		border-left: none;
		border-right: none;
		border-top: none;

	}
	.input_text:focus{
		background-color: grey;
	}
	.input_text:hover{
		border-color: black;
		background-color: lightgrey;
	}
	.img1{
		width: 100px;
		height: 100px
	}
	input[type="checkbox"]{
		height: 0px;
		width: 0px;
		opacity: 0px;

	}
	.input_check{
		margin: 0;
		margin-bottom: 0px;
		padding: 0;
		border: none;
		outline: none;
	}
	.input_checkbox:hover{
		background: lightgreen;
		cursor: pointer;
	}
	.input_check:checked + .input_checkbox{
		background: lightgreen;
		stroke-dashoffset: 0px;
		stroke-width: 4px;
	}
	.input_checkbox{
		background: lightblue;
		border: 0.5px solid lightgreen;
		border-radius: 0.2em;
		fill: none;
		stroke: blue;
		stroke-dashoffset: 25px;/*nombre de pixel de la forme sv a cacer*/
		stroke-dasharray: 25px;/*nombre de pixel de la forme sv a afficer*/
		stroke-linecap: round;/*forme des bords de la flece */
		transition: background 0.6s, stroke-dashoffset 0.5s;
		
	}
	h1{
		font-size: 100px;
		font-weight: 5px;
		color: turquoise;
	}
	input[type="submit"]:hover{
		border-radius: 10px;
		background-color: lightgreen;
		transition: 0.5s ease;
		cursor: pointer;
	}
	td{
		padding-right: 15px;
	}
	img{
		width: 50px;
		height: 50px
	}
	</style>
<body class="btn-light text-center">
	<center class="btn btn-secondary">
	<form method="POST" class="btn btn-secondary" action="registration.php"> 
			<input type="submit" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">
			<input type="text" name="nom" id="nom" class="input_text" placeholder="votre nom ici ...." value="<?php echo @$NOM; ?>"><br>
			<input type="text" name="prenom" id="prénom" class="input_text" placeholder="votre prenom ici...." value="<?php echo @$PRENOM; ?>"><br>
			<input type="text" name="adresse" id="Adresse" class="input_text" placeholder="votre adresse ....." value="<?php echo @$ADRESSE; ?>"><br>
			date de naissance<input type="date" name="date" id="Date" class="input_text" placeholder="votre date de naissance....." value="<?php echo @$DATE; ?>"><br>
			<input type="email" name="email" id="E-mail" class="input_text" placeholder="votre adresse email...." value="<?php echo @$EMAIL; ?>"><br>
			<table>
				<caption>Domaine de formation</caption>
			<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="programmation"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>programmation</td></tr></tr>
			<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="Managment des entreprises"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Managment des entreprises</td></tr>
			<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="leadership"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>leadership</td></tr>
			<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="Infographie"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Infographie</td></tr>
			<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="gestion des données"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Gestion des données</td></tr>
			</table>
			<input type="submit" name="valider" value="valider" class="col-lg-3 btn btn-primary">
	</form></center>
	<script type="text/javascript">
	function back(){
		history.back()
	}
	</script>
</body>
</html>

Merci d'avance

1 réponse

Messages postés
32980
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 juin 2021
3 560
Bonjour,

Commence par remplacer le code
	<input type="submit" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">

par
	<input type="button" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">


pense aussi à vérifier dans la console de ton navigateur si il n'y a pas des erreurs Javascript.


PS: La prochaine fois... évite de créer plusieurs fois la même question sur le forum.