Inserer du javascript dans une page PHP
KDJB
-
jordane45 Messages postés 40050 Statut Modérateur -
jordane45 Messages postés 40050 Statut Modérateur -
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
Merci d'avance
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
A voir également:
- Inserer du javascript dans une page PHP
- Insérer une vidéo dans powerpoint - Guide
- Supprimer une page dans word - Guide
- Insérer signature word - Guide
- Insérer liste déroulante excel - Guide
- Insérer une légende word - Guide
1 réponse
Bonjour,
Commence par remplacer le code
par
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.
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.