Comment superposer un formulaire sur les pages de mon site ?

metalcat Messages postés 75 Date d'inscription Statut Membre Dernière intervention -
metalcat Messages postés 75 Date d'inscription Statut Membre Dernière intervention - 2 oct. 2016 à 14:20

Bonjour,
J'ai créé un formulaire .php d'inscription sur mon site internet http://homeusers.brutele.be/offline.html et je veux que ce formulaire soit accessible sur chaque page et qu'il s'affiche en superposition sur la page en cours.

Quand j'appelle mon formulaire en test, il occupe tout l'écran.

J'ai fait un mini menu en JS par lequel j'affiche les 2 options : Inscrivez-vous & identifiez-vous. Ce menu sera accessible sur chaque page.

Que me conseillez-vous ?

Mon JS :

// menu_membres.js

var div_menu_membres;
div_menu_membres = document.createElement('div');
div_menu_membres.className = 'menu_membres';
div_menu_membres.textContent='Espace membres :';

// fonction generate_inscription/connexion
var p; var lien; var href_p; var text ;
function generate_menu(href_p, text){
p=document.createElement('p');
lien=document.createElement('a');
lien.href=href_p;
lien.textContent=text;
p.appendChild(lien);
div_menu_membres.appendChild(p);
}

// <!-- Inscrivez-vous -->
generate_menu('http://metalcat.legtux.org/check_owner.php', 'Inscrivez-vous');

// <!-- Connexion -->
generate_menu('connexion.php', 'Connexion');

document.body.appendChild(div_menu_membres);

Et mon formulaire (php) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%22>

<html http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html|nofollow] xmlns="[http://www.w3.org/1999/xhtml%22 http://www.w3.org/1999/xhtml"|nofollow] xml:lang="fr">
    <head>
        <meta http-equiv="Content-Style-Type" content="text/css" />        
  <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="Expire" content="0" />
  <meta http-equiv="Pragma" content="no-cache" /> 
  <meta name="Author" lang="fr" content="Guy Janssens" />
        <title>Inscription nouveau membre</title>
  <link rel="stylesheet" type="text/css" href="basic_frame.css" />
  <style type="text/css">
<!--
.formulaire{margin:0 auto; width:40%; border:1px solid blue; padding:1%;
} 

 label {
  display:inline-block;
  width:30%;
  }
 input{border:1px solid black;}
 .border_red{border-color:red; }
 .color_red{color:red;}
-->
</style>
    </head>
     <body>
  
  <!-- Validation-->
  <?php
  $arr_err=array();
  $i=0;
  $pseudo_color=0;
  $adr_color=0;
  
  // pseudo < 6 caractères
  if (isset($_POST['get_pseudo']) and !empty($_POST['get_pseudo'])) {
   if (strlen($_POST["get_pseudo"]) < 6 )
   {$arr_err[$i] = 'pseudo minimum 6 caractères';
       $pseudo_color=1;
  $i++;}}
  
  // mot de passe < 6 caractères
  if (isset($_POST['get_mot_passe']) and !empty($_POST['get_mot_passe'])) {
   if (strlen($_POST["get_mot_passe"]) < 6 )
   {$arr_err[$i] = 'mot de passe minimum 6 caractères';
      $i++;}}
  
  // mot de passe de confirmation < 6 caractères
  if (isset($_POST['get_mot_passe_ctrl']) and !empty($_POST['get_mot_passe_ctrl'])) {
   if (strlen($_POST["get_mot_passe_ctrl"]) < 6 )
   {$arr_err[$i] = 'mot de passe de confirmation minimum 6 caractères';
       $i++;}}
  
  // mots de passe différents
  if (isset($_POST['get_mot_passe'], $_POST['get_mot_passe_ctrl'] )){
   if (!empty($_POST['get_mot_passe']) and !empty($_POST['get_mot_passe_ctrl'])){
   if (strlen($_POST["get_mot_passe"]) >= 6 and strlen($_POST["get_mot_passe_ctrl"]) >= 6 ){
   if ($_POST['get_mot_passe'] != $_POST['get_mot_passe_ctrl'])
   {$arr_err[$i] = 'mots de passe différents';
  $i++;}}}}
  
  // adresse email
  if (isset($_POST['get_adr']) and !empty($_POST['get_adr'])){
  if (!filter_var($_POST['get_adr'], FILTER_VALIDATE_EMAIL)) {
   {$arr_err[$i] = 'l\'adresse électronique n\'est pas valide';
   $adr_color=1;
  $i++;}}}
  
  // champs vides
  if ((isset($_POST['get_pseudo']) and empty($_POST['get_pseudo']))
   or (isset($_POST['get_noappartement']) and empty($_POST['get_noappartement']))
            or (isset($_POST['get_topo']) and empty($_POST['get_topo']))
   or (isset($_POST['get_mot_passe']) and empty($_POST['get_mot_passe']))
   or (isset($_POST['get_mot_passe_ctrl']) and empty($_POST['get_mot_passe_ctrl']))
   or (isset($_POST['get_adr']) and empty($_POST['get_adr'])))
   {$arr_err[$i] = 'veuillez remplir tous les champs';
   $i++;}
   
  ?>
  <div class="formulaire">
  <p style="font-weight:bold;">Inscription membre</p>
  <p> Devenir membre vous donne accès aux documents confidentiels réservés aux copropriétaires.</p>
      
        <form action="check_owner.php" method="post">
            <p>
   <label for="pseudo">Pseudonyme</label>
   <input type="text" name="get_pseudo" maxlength="20" id="pseudo" value="<?php if(isset($_POST['get_pseudo'])) { echo htmlentities($_POST['get_pseudo']);}?>" 
   class="<?php if($pseudo_color==1){echo 'color_red';}
   elseif (isset($_POST['get_pseudo'])) {echo ($_POST["get_pseudo"]!="")?'':'border_red'; }?>"/><br />
      
      <label for="no_appartement">No de votre appartement (*)</label>
   <input type="text" name="get_noappartement" size="3" maxlength="3" id="no_appartement" value="<?php if(isset($_POST['get_noappartement'])) { echo htmlentities($_POST['get_noappartement']);}?>"
   class="<?php if(isset($_POST['get_noappartement'])) {echo ($_POST["get_noappartement"]!="")?'':'border_red'; }?>"/>
            
   <?php echo'<span style="margin-left:2%;">niveau topographique (*)</span>'?>
   <select name="get_topo" style="margin-left:1%;" class="<?php if(isset($_POST['get_topo'])) {echo ($_POST["get_topo"]!="")?'':'color_red'; }?>">
   <option value=""> ----- Choisir ----- </option>
   <option value="61.00"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "61.00")) {echo 'selected';}?>> 61.00 </option>
   <option value="63.60"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "63.60")) {echo 'selected';}?>> 63.60 </option>
   <option value="63.70"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "63.70")) {echo 'selected';}?>> 63.70 </option>
   <option value="66.40"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "66.40")) {echo 'selected';}?>> 66.40 </option>
   <option value="69.10"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "69.10")) {echo 'selected';}?>> 69.10 </option>
   <option value="71.80"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "71.80")) {echo 'selected';}?>> 71.80 </option>
   <option value="71.95"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "71.95")) {echo 'selected';}?>> 71.95 </option>
   <option value="74.50"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "74.50")) {echo 'selected';}?>> 74.50 </option>
   <option value="74.65"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "74.65")) {echo 'selected';}?>> 74.65 </option>
   <option value="77.20"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "77.20")) {echo 'selected';}?>> 77.20 </option>
   <option value="77.35"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "77.35")) {echo 'selected';}?>> 77.35 </option>
   <option value="79.70"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "79.70")) {echo 'selected';}?>> 79.70 </option>
   <option value="79.90"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "79.90")) {echo 'selected';}?>> 79.90 </option>
   <option value="80.05"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "80.05")) {echo 'selected';}?>> 80.05 </option>
   <option value="82.75"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "82.75")) {echo 'selected';}?>> 82.75 </option>
   <option value="85.45"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "85.45")) {echo 'selected';}?>> 85.45 </option>
   <option value="88.15"<?php if(isset($_POST['get_topo']) and ($_POST['get_topo']== "88.15")) {echo 'selected';}?>> 88.15 </option>
   </select><br />
      
   <label for="mot_passe">Mot de passe</label>
   <input type="password" name="get_mot_passe" maxlength="10" size="14" id="mot_passe" value="<?php if(isset($_POST['get_mot_passe'])) { echo htmlentities($_POST['get_mot_passe']);}?>"
   class="<?php if(isset($_POST['get_mot_passe'])) {echo ($_POST["get_mot_passe"]!="")?'':'border_red'; }?>"/><br />
   
   <label for="mot_passe_ctrl">Confirmer mot de passe</label>
   <input type="password" name="get_mot_passe_ctrl" maxlength="10" size="14" id="mot_passe_ctrl" value="<?php if(isset($_POST['get_mot_passe_ctrl'])) { echo htmlentities($_POST['get_mot_passe_ctrl']);}?>"
   class="<?php if(isset($_POST['get_mot_passe_ctrl'])) {echo ($_POST["get_mot_passe_ctrl"]!="")?'':'border_red'; }?>"/><br />
   
   <label for="adr">Adresse électronique</label>
   <input type="text" name="get_adr" size="25" id="adr" value="<?php if(isset($_POST['get_adr'])) { echo htmlentities($_POST['get_adr']);}?>"
   class="<?php if($adr_color==1) {echo 'color_red';}
   elseif(isset($_POST['get_adr'])) {echo ($_POST["get_adr"]!="")?'':'border_red'; }?>"/><br /><br />
            
   <input type="submit" name="Valider" value="Valider" />
   <input type="reset" value="Annuler" />
            </p>
        </form>
  <p>(*) Consultez votre titre de propriété</p>
  
  <!-- Messages d'erreur -->
  <?php foreach ($arr_err as $arr_err_element){
   echo "<span style='color:red'>". $arr_err_element . "</span><br />";
  }
  ?>
  
  </div>
</body>
</html>

D'avance merci.

Guy

EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.

Afficher la suite

A voir également:

Comment superposer un formulaire sur les pages de mon site ?
Whatsapp formulaire opposition - Guide
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Quel site remplace coco - Accueil - Réseaux sociaux
Comment supprimer une page sur word - Guide

1 réponse

Réponse 1 / 1

metalcat Messages postés 75 Date d'inscription Statut Membre Dernière intervention 7

Personne ?

Discussions similaires

C'est quoi le site qui remplace coco chat

Votre réponse

Discussions similaires