IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher Cacher une phrase selon résultat du PHP


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    78
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 78
    Par défaut Afficher Cacher une phrase selon résultat du PHP
    Voici j'ai une fonction afficher cacher

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function affCache(idDiv) {
    var div = document.getElementById(idDiv);
    if (div.style.display == "none")
    div.style.display = "";
    else
    div.style.display = "none";
    }
    voici j'ai mon utilisateur qui doit remplir un formulaire en precisant son mot de passe
    donc je vérifie son mot de passe en PHP si il est correcte il ajoute un élément
    sinon il se passe rien

    au lieu que rien ne se passe ou qu'il affiche une page blanche , je voudrais qu'il affiche si le mot de passe est correcte "Element Ajouter" et sinon qu'il affiche "mot de passe incorrecte"

    ces deux phrase devront apparaitre sur la page contenant les champ Identifiant et Mot de passe

    petit exemple illustré

    Identifiant : toto
    mot de passe : *******
    si le mot de passe est correcte

    Identifiant : toto
    mot de passe : *******

    élément ajouté

    (la page : page.html a appelé la page : page.php et c'est bien executé)

    question comment puis je le faire ......

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    254
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 254
    Par défaut
    Les choses ne sont pas clair, c'est la raison pour laquelle personnes ne te répond.
    Pourrais-tu préciser
    si tu veux recharger la page ou pas.
    Car si tu ne veux pas que la page soit rechargée, il faudra passer par de l'AJAX.
    Par contre si tu veux recharger la page, plusieurs solutions sont envisageables.
    Soit tu passes par une page intermédiaire en php qui fera le test de la validité vis à vis de la db et rappellera la page initiale avec un return code OK/NOK.
    Soit tu mets le code du check dans la page et tu utilise un flag.
    Par exemple (Attention, je n'ai pas testé, c'est le principe que j'énonce ici, et il pourrait être optimisé, c'est la solution qui me parait la plus facile mais ce n'est pas ma préférée)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    if(isset($_POST["flag"]))
    {
    // ici je test la validité du user/psw
      if(OK)
        $message = "élément ajouté";
      else
        $message = "mot de passe incorrecte";
    }
    else
    {
      $message = "";
    }
    ...
    <FORM action="$PHP_SELF">
    <INPUT hidden name="flag" value="1">
    <INPUT text name="userid">
    <INPUT password name="psw">
    ...
    </FORM>
    if($message)
    print("");

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    78
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 78
    Par défaut
    vu que je passe actuellement par une page PHP autre que le page HTML
    oui je veux qu'elle recharge

    si tu veux recharger la page, plusieurs solutions sont envisageables.
    Soit tu passes par une page intermédiaire en php qui fera le test de la validité vis à vis de la db et rappellera la page initiale avec un return code OK/NOK
    ta deuxieme solution me parait celle que je souhaiterais
    donc si tu pouvais me la détaillé ça pourrais grandement m'aider
    a l'heure actuelle je vérifie le mot de passe dans la page PHP si il est correcte il execute et affiche une page blanche (pas super) sinon il fait un :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    header('Location: http://localhost/mapage.html');
    (il rappelle la meme page)

    moi je voudrais que par exemple quand il effectue l'action il retourne quelquechose du genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    header('Location: http://localhost/mapage.html?cle=');
    si c'est 1 le javascript affiche la premiere phrase
    si c'est 2 il affiche la deuxieme phrase

    si vous voulez plus d'explication je suis la

  4. #4
    Membre expérimenté
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    254
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 254
    Par défaut
    Montre d'abord le code des deux pages que j'y regarde d'un peu plus près.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    78
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 78
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Connexion</title>
    </head>
    <script type="text/JavaScript" language="JavaScript"> 
    <!--
      function changepage() {
       switch(document.getElementById("Type").value)
    {
      case "administrateur" : Feuille.action = "http://localhost/connection.php";document.Feuille.submit(); break;
      case "Utilisateur" : Feuille.action = "http://localhost/monprojet.html";document.Feuille.submit(); break;
    }
     
     
      }
    // -->
    </script>
    <body style="background-color: gainsboro; text-align: center; font-family: 'Comic Sans MS';">
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <form onSubmit="changepage();" name="Feuille" method="post" >
        <br />
        <br />
        <br />
        Connection<br />
        <br />
        <br />
        <br />
        <br />
        Identifiant &nbsp; &nbsp;<input name="username" type="text" /><br />
        <br />
        Mot de passe&nbsp; &nbsp;
        <input id="Password" type="password" name="password" /><br />
        <br />
        Titre &nbsp; &nbsp;<select id="Type" name="Type" style="width: 131px">
            <option selected="selected" value= "Utilisateur">Utilisateur</option>
            <option  value="administrateur">Administrateur</option>
        </select>
        <br />
        <br />
        <br />
        <br />
        <input id="valider" name="valider" style="color: navy; font-family: 'Comic Sans MS'" type="submit" value="Connection" />
     </form>       
     
    </body>
    </html>

    et le fichier PHP :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <?php
     
     
    if ( $_POST['username']=="admin" && $_POST['password']=="admin" && $_POST['Type'] == "administrateur") {
                            header('Location: http://localhost/mapageadmin.html');
    }
    else { header('Location: http://localhost/connexion.html');
                            }
                    
                    
    ?>
    voici

    j'ai pas encore ajouter dans l'HTML la fonction cacher/afficher et la phrase (cf: 1er post)

  6. #6
    Membre expérimenté
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    254
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 254
    Par défaut
    Il faut faire du php pour la première page également (donc la sauver sous mapageadmin.php).
    Par exemple (Attention, je n'ai pas testé, c'est le principe que j'énonce ici)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    <!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>
        <title>Connexion</title>
    </head>
    <script type="text/JavaScript" language="JavaScript"> 
    <!--
      function changepage() {
       switch(document.getElementById("Type").value)
    {
      case "administrateur" : Feuille.action = "http://localhost/connection.php";document.Feuille.submit(); break;
      case "Utilisateur" : Feuille.action = "http://localhost/monprojet.html";document.Feuille.submit(); break;
    }
    }
    // -->
    </script>
    <body style="background-color: gainsboro; text-align: center; font-family: 'Comic Sans MS';"> 
    <form onSubmit="changepage();" name="Feuille" method="post" >
        <br />
        <br />
        <br />
        Connection<br />
        <br />
        <br />
        <br />
        <br />
        Identifiant &nbsp; &nbsp;<input name="username" type="text" /><br />
        <br />
        Mot de passe&nbsp; &nbsp;
        <input id="Password" type="password" name="password" /><br />
        <br />
        Titre &nbsp; &nbsp;<select id="Type" name="Type" style="width: 131px">
            <option selected="selected" value= "Utilisateur">Utilisateur</option>
            <option  value="administrateur">Administrateur</option>
        </select>
        <br />
    <?php
    if(isset ($_GET["login"]) )
    {
      if($_GET["login"] == "ok")
      {
        print("élément ajouté");
      }
      else
      {
        print("mot de passe incorrecte");
      }
    }
    ?>
        <br />
        <br />
        <br />
        <input id="valider" name="valider" style="color: navy; font-family: 'Comic Sans MS'" type="submit" value="Connection" />
     </form>       
     
    </body>
    </html>
    Et pour la seconde
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <?php
    if ( $_POST['username']=="admin" && $_POST['password']=="admin" && $_POST['Type'] == "administrateur") 
    {
      header('Location: http://localhost/mapageadmin.php?login=ok');
    }
    else
    { 
      header('Location:  http://localhost/mapageadmin.php?login=nok');
    }
    ?>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher/cacher une feuille selon le nom
    Par jonathanoudelet dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 29/05/2008, 15h28
  2. Afficher/cacher une liste selon des boutons radios
    Par Machin3000 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/01/2008, 18h26
  3. Réponses: 2
    Dernier message: 18/12/2007, 15h47
  4. Afficher / Cacher une partie d'un formulaire
    Par damjal dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/10/2005, 18h10
  5. bouton pour afficher/cacher une toolbar ??
    Par pi05 dans le forum MFC
    Réponses: 3
    Dernier message: 07/02/2005, 22h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo