Style CSS pour $errorMessage

**ljuboja78** · 11/02/2009, 16h01

Bonjour,

J'ai fait une page en php et je souhaiterais appliquer des styles à mes message d'erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
if($_POST['login'] !== LOGIN)
{
$errorMessage = 'Votre nom utilisateur est invalide';
}
elseif($_POST['password'] !== PASSWORD)
{
$errorMessage = 'Votre mot de passe est invalide';
}

Comment mettre un style CSS aux $errorMessage ?

Merci d'avance

**RideKick** · 11/02/2009, 16h16

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
if($_POST['login'] !== LOGIN)
{
$errorMessage = 'Votre nom utilisateur est invalide';
}
elseif($_POST['password'] !== PASSWORD)
{
$errorMessage = 'Votre mot de passe est invalide';
}
 
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";

Sous reserve de creer une classe "erreur" dans ta feuille de style.

**ljuboja78** · 11/02/2009, 16h21

Envoyé par RideKick

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
if($_POST['login'] !== LOGIN)
{
$errorMessage = 'Votre nom utilisateur est invalide';
}
elseif($_POST['password'] !== PASSWORD)
{
$errorMessage = 'Votre mot de passe est invalide';
}
 
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";

Sous reserve de creer une classe "erreur" dans ta feuille de style.

Merci beaucoup ça fonctionne mais mon msg d'erreur apparait en double : l'un avec le style que je lui ai défini et l'autre est celui d'origine sans style

**RideKick** · 11/02/2009, 16h21

Verifie que tu ne l'affiche pas 2 fois dans ton code complet car la portion que tu donne est bonne .

**ljuboja78** · 11/02/2009, 16h27

Envoyé par RideKick

Verifie que tu ne l'affiche pas 2 fois dans ton code complet car la portion que tu donne est bonne .

Voici mon code :

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
 
<?php
// Definition des constantes et variables
define('LOGIN','toto');
define('PASSWORD','tata');
$errorMessage = '';
// Test de l'envoi du formulaire
if(!empty($_POST))
{
// Les identifiants sont transmis ?
if(!empty($_POST['login']) && !empty($_POST['password']))
{
// Sont-ils les mêmes que les constantes ?
if($_POST['login'] !== LOGIN)
{
$errorMessage = 'Votre nom utilisateur est invalide';
}
elseif($_POST['password'] !== PASSWORD)
{
$errorMessage = 'Votre mot de passe est invalide';
}
else
{
// On ouvre la session
session_start();
// On enregistre le login en session
$_SESSION['login'] = LOGIN;
// On redirige vers le fichier admin.php
header('Location: http://www.google.fr');
exit();
}
}
else
{
$errorMessage = 'Veuillez entrer vos identifiants svp';
}
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";
}
?>

Je n'ai pas l'impression d'afficher 2 fois mon message d'erreur

**RideKick** · 11/02/2009, 16h31

Etrange .....si tu fais "Afficher le code source" lorsque tu es sur ta page et que tu le poste ici stp ?

**ljuboja78** · 11/02/2009, 16h34

Voilà

:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Formulaire d'authentification</title>
<style type="text/css">
<!--
.user {
	font-family: "Comic Sans MS", cursive;
}
.user {
	color: #006;
}
.username {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
}
.erreur {
	font-family: "Comic Sans MS", cursive;
	color:#F00;
	font-size: 13px;
	font-weight: bold;
}
-->
</style>
</head>
<body>
<form action="/test/authentification.php" method="post">
<fieldset>
<legend class="user">Identifiez-vous</legend>
<table width="361">
      <tr>
    <td width="133"><label for="login">
 
      <div align="left" class="username">Nom d'utilisateur :</div>
    </label></td>
    <td width="212"><input type="text" name="login" id="login" value="" /></td>
  </tr>
  <tr>
    <td><div align="left" class="username">Mot de passe :</div></td>
    <td><input type="password" name="password" id="password" value="" /></td>
  </tr>
 
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Valider" /></td>
  </tr>
</table>
</fieldset>
</form>
</body>
</html>

**RideKick** · 11/02/2009, 16h37

C'est pas sur cette page que s'affiche le message d'erreur 2 fois ?
Si c'est pas le cas , je veux bien le code de l'autre page ^^

**ljuboja78** · 11/02/2009, 16h39

Envoyé par RideKick

C'est pas sur cette page que s'affiche le message d'erreur 2 fois ?
Si c'est pas le cas , je veux bien le code de l'autre page ^^

Aussi tôt demandé aussi tôt fait

Merci beaucoup

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
<p class="erreur">Votre mot de passe est invalide</p><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Formulaire d'authentification</title>
<style type="text/css">
<!--
.user {
	font-family: "Comic Sans MS", cursive;
}
.user {
	color: #006;
}
.username {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
}
.erreur {
	font-family: "Comic Sans MS", cursive;
	color:#F00;
	font-size: 13px;
	font-weight: bold;
}
-->
</style>
</head>
<body>
<form action="/test/authentification.php" method="post">
<fieldset>
<legend class="user">Identifiez-vous</legend>
<p>Votre mot de passe est invalide</p><table width="361">
      <tr>
 
    <td width="133"><label for="login">
      <div align="left" class="username">Nom d'utilisateur :</div>
    </label></td>
    <td width="212"><input type="text" name="login" id="login" value="" /></td>
  </tr>
  <tr>
    <td><div align="left" class="username">Mot de passe :</div></td>
    <td><input type="password" name="password" id="password" value="" /></td>
 
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Valider" /></td>
  </tr>
</table>
</fieldset>
</form>
</body>
</html>

**RideKick** · 11/02/2009, 16h44

Ton formulaire et ton traitement se trouvent sur la meme page ?

**ljuboja78** · 11/02/2009, 16h44

Envoyé par RideKick

Ton formulaire et ton traitement se trouvent sur la meme page ?

Oui j'ai une seule page je te mets tout le code de ma page :

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<?php
// Definition des constantes et variables
define('LOGIN','toto');
define('PASSWORD','tata');
$errorMessage = '';
// Test de l'envoi du formulaire
if(!empty($_POST))
{
// Les identifiants sont transmis ?
if(!empty($_POST['login']) && !empty($_POST['password']))
{
// Sont-ils les mêmes que les constantes ?
if($_POST['login'] !== LOGIN)
{
$errorMessage = 'Votre nom utilisateur est invalide';
}
elseif($_POST['password'] !== PASSWORD)
{
$errorMessage = 'Votre mot de passe est invalide';
}
else
{
// On ouvre la session
session_start();
// On enregistre le login en session
$_SESSION['login'] = LOGIN;
// On redirige vers le fichier admin.php
header('Location: http://www.google.fr');
exit();
}
}
else
{
$errorMessage = 'Veuillez entrer vos identifiants svp';
}
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Formulaire d'authentification</title>
<style type="text/css">
<!--
.user {
	font-family: "Comic Sans MS", cursive;
}
.user {
	color: #006;
}
.username {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-weight: bold;
}
.erreur {
	font-family: "Comic Sans MS", cursive;
	color:#F00;
	font-size: 13px;
	font-weight: bold;
}
-->
</style>
</head>
<body>
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post">
<fieldset>
<legend class="user">Identifiez-vous</legend>
<?php
// Rencontre-t-on une erreur ?
if(!empty($errorMessage))
{
echo '<p>', htmlspecialchars($errorMessage) ,'</p>';
}
?>
<table width="361">
      <tr>
    <td width="133"><label for="login">
      <div align="left" class="username">Nom d'utilisateur :</div>
    </label></td>
    <td width="212"><input type="text" name="login" id="login" value="" /></td>
  </tr>
  <tr>
    <td><div align="left" class="username">Mot de passe :</div></td>
    <td><input type="password" name="password" id="password" value="" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="Valider" /></td>
  </tr>
</table>
</fieldset>
</form>
</body>
</html>

FoxLeRenard · 11/02/2009, 16h48

Juste un mot au passage tout tes !==
ce ne serait pas "différent" donc !=

**ljuboja78** · 11/02/2009, 16h50

Ok mais je ne pense pas que ça va régler mon problème

Je dois y aller en plus je reviendras vers 19h

Merci de ton aide en tout cas

FoxLeRenard · 11/02/2009, 17h05

Envoyé par ljuboja78

Ok mais je ne pense pas que ça va régler mon problème

Je dois y aller en plus je reviendras vers 19h

Merci de ton aide en tout cas

Bon j'ais testé chez moi, tout est OK ! et un seul message erreur

**ljuboja78** · 11/02/2009, 17h07

Envoyé par FoxLeRenard

Bon j'ais testé chez moi, tout est OK ! et un seul message erreur

Oula vraiment étrange

FoxLeRenard · 11/02/2009, 17h15

Envoyé par ljuboja78

Oula vraiment étrange

Houpssssssssssss que je suis nul j'avais corrigé avant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";
 
 
//ET PLUS BAS
// Rencontre-t-on une erreur ?
if(!empty($errorMessage))
{
echo '<p>', htmlspecialchars($errorMessage) ,'</p>';
}

**ljuboja78** · 11/02/2009, 19h03

Envoyé par FoxLeRenard

Houpssssssssssss que je suis nul j'avais corrigé avant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
if ($errorMessage != "")
echo "<p class=\"erreur\">$errorMessage</p>";
 
 
//ET PLUS BAS
// Rencontre-t-on une erreur ?
if(!empty($errorMessage))
{
echo '<p>', htmlspecialchars($errorMessage) ,'</p>';
}