Bonjour j'ai un problème, je m'explique, j'ai formulaire avec un menu, et lorsque je clique sur un menu, le formulaire fais un slide du fieldset. J'ai mis des messages d'erreurs afin de valider mon formulaire, lorsque l'utilisateur à mal tapé quelque chose, par exemple des lettres à la place de chiffre, un message s'affiche dans une div. Le problème c'est que tant que je n'ai pas corrigé l'erreur, si je change de fieldset en appuyant sur le menu, le slide bascule le fieldset mais pas les messages, ils restent en position. Je voudrais que ces messages suivent les fieldset, ou qu'il disparaissent quand on change et reaparaissent lorsque l'on est sur le bon. J'espère avoir été clair. CI joint des images pour vous aider à mieux comprendre.
http://imageshack.us/g/13/validationw.jpg/
Puis le source CSS de mes messages d'erreur:
http://imageshack.us/g/13/validationw.jpg/
Puis le source CSS de mes messages d'erreur:
Code:
.formError {
position:absolute;
top:300px; left:300px;
width:110px;
padding-bottom:15px;
display:block;
z-index:0;
}
.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;}
