Bonjour à toutes et à tous
Dans un DIV, j'ai un formulaire pour entrer son pseudo et mot de passe.
Quand on tape un mauvais pseudo ou mot de passe, une phrase apparaît pour dire que c'est faux.
Le problème est que cela apparaît bien mais ma DIV ne se voit plus
. Il me faut
comme dans l'exemple ci-dessous avec mon code, repasser ma souris sur "Mon Espace" pour
que la DIV apparaisse et que l'on voit bien la phrase qui me dit que mon
pseudo et/ou mot de passe sont faux.
Je souhaite simplement lorsque je "valide" et que mon pseudo et/ou mot
de passe sont faux, que la div reste affichée avec la phrase qui
me dit que mon pseudo et/ou mot de passe sont faux.
Merci à vot' bonté
M'ssieurs Dames parce que cela fait une semaine que
je crise dessus
Canaille22
Voici mon code :
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1'>
<title>dsdsd</title>
<style type="text/css">
<!--
@import url("general.css");
-->
</style>
<script language="JavaScript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
document.onclick = mopen;
</script>
<style>
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 100px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background: #49A3FF}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}
#sddm div a
{
position: relative;
display: block;
margin: 0;
width: 335;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial;
height: 300px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#sddm div a:hover
{ background: #49A3FF;
color: #FFF}
</style>
</head>
<body>
<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Mon Espace</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<table width="335" border="1" cellspacing="0" cellpadding="0" valign="top">
<tr>
<td valign="top">
<form name='form1' method='post' action='ESPACE/adherents/verif_login.php'>
<table width="335" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="12" colspan="3" align="center" valign="top" ></td>
</tr>
<tr>
<td colspan="3" class="titre-espace-personnel">Mon Espace Personnel</td>
</tr>
<tr>
<td width="116" class="texte-identifiant">Identiiant </td>
<td width="123">
<input style='input' type='text' name='pseudo_membre' size=25 maxlength=15 onFocus=this.value='' value='identifiant' class='identifiant' />
</td>
<td width="96"></td>
</tr>
<tr>
<td class="texte-identifiant">Mot de passe </td>
<td>
<input type='password' name='passe_membre' size=25 maxlength=15 value='00000000' class='identifiant' />
</td>
<td>
<input type='image' src='img/cpr/logo/logo-valider-ep.gif' width='40' height='16' border='0' name='Envoyer' value='Envoyer' >
</td>
</tr>
<tr>
<td colspan="3" class="invalide"><?php
if(isset($_GET['erreur']))
{
$erreur=$_GET['erreur'];
if($erreur=="pseudo")
{
echo"
<table>
<tr>
<td class='invalide'>Pseudo ou Mot de passe invalides";
}
if($erreur=="passe")
{
echo"Pseudo ou Mot de passe invalides";
}
if($erreur=="secure")
{
echo"Vous devez être logué pour accéder à cette page";
}
if($erreur=="level")
{
echo"<center><b>"._PAGE_INDEX_LEVEL."</b></center>
</td></tr></table>
";
}
} ?></td>
</tr>
</table></form>
</td>
</tr>
</table>
</div>
</li>
</ul>
<div style="clear:both;"></div>
</body>
</html>