Discussion :

[aDzzZ]

Bonjour j'ai un problème en ce qui concerne la validation de mon formulaire, je m'explique. J'ai mis une fonction jquery qui permet de valider chaque champ en affichant un message dans une petite fenetre comme ceci http://dl.free.fr/b0jeIEytx

Seulement le problème est que lorsque je change de step dans le menu, j'ai une fonction qui fais que ya un slide des fieldset qui se produit et du coup, quand je fais le slide , les messages restent à leur place dans le vide. Voir cette image :http://dl.free.fr/q4aj8W7I9

Quelqu'un saurait le code qu'il faudrait rajouter en css par ex pour que les messages restent à leur place ?

[rodolphebrd]

Bonjour,

vos images ne passent pas.
Placez-les en pièces jointes (vous n'avez qu'à les uploader)
Ou une page en ligne...

[aDzzZ]

C'est fait, désolé. Ce que je voudrais exactement, c'est que lorsque l'on bascule de fieldset, les messages les suivent ou alors disparaissent et réapparaissent quand on re affiche le fieldset correspondant. J'espère que je suis assez clair :s.

Voici le source css des messages d'erreur:

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
.formError {
  position:absolute;
  top:300px;
  left:300px;
  width:110px;
  padding-bottom:15px;
  display:block;
  z-index:5000;
}
.formError .formErrorContent {
  width:100%;
  background:#000;
  color:#fff;
  font-family:tahoma;
  font-size:10px;
  box-shadow:0px 0px 6px #000;
  -moz-box-shadow:0px 0px 6px #000;
  -webkit-box-shadow:0px 0px 6px #000;
  padding:4px 10px 4px 10px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
.formError .formErrorArrow {
  position:absolute;
  bottom:0;
  left:20px;
  width:15px;
  height:15px;
}
.formError .formErrorArrow div {
  box-shadow:0px 0px 6px #000;
  -moz-box-shadow:0px 0px 6px #000;
  -webkit-box-shadow:0px 0px 6px #000;
  font-size:0px;
}
.formError .formErrorArrow .line10 {
  width:15px;
  height:1px;
  background:#000;
  margin:0 auto;
  font-size:0px;
  display:block;
}
.formError .formErrorArrow .line9 {
  width:13px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line8 {
  width:11px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line7 {
  width:9px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line6 {
  width:7px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line5 {
  width:5px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line4 {
  width:3px;
  height:1px;
  background:#000;
  margin:0 auto;
  display:block;
}
.formError .formErrorArrow .line3 {
  width:1px;
  height:1px;
  background:#000;
  margin:0 auto;
  display: block;
}