Comment superposer un formulaire sur les pages de mon site ?

Fermé

metalcat Messages postés 75 Date d'inscription dimanche 23 novembre 2003 Statut Membre Dernière intervention 11 juin 2022 - Modifié par metalcat le 2/10/2016 à 14:20
metalcat Messages postés 75 Date d'inscription dimanche 23 novembre 2003 Statut Membre Dernière intervention 11 juin 2022 - 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.

A voir également:

Comment superposer un formulaire sur les pages de mon site ?
Site de telechargement - Guide
Comment supprimer une page sur word - Guide
Site de vente entre particulier - Guide
Site inaccessible - Guide
Comment numéroter les pages sur word - Guide

1 réponse

Réponse 1 / 1

metalcat Messages postés 75 Date d'inscription dimanche 23 novembre 2003 Statut Membre Dernière intervention 11 juin 2022 7
2 oct. 2016 à 14:20

Personne ?

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Colis en cours de transport vers votre site de livraison ?

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Chemin Logo du site de la Cité de l'espace

Discussions similaires

Newsletters