OVH Cloud OVH Cloud

Problème avec champs de saisie.

5 réponses
Avatar
jcharly
Bonjour,
j'ai donc un soucis.
J'insère un champ de saisie genre WebControls.TextBox d'une part sur une
page aspx et d'autre part sur des frames ascx.
Sur les pages aspx tout marche nickel.
Sur les frames ascx, une fois intégrées à une page aspx, le curseur n'est
actif que sur le bord du champ de saisie.
Impossible de le selectionner comme on fait habituellement en cliquant
directement dans la zone de saisie.
S'agit-il d'un bug ASPNET ?
Quelqu'un a t-il déja rencontré ce problème ?

Merci à vous
JC

5 réponses

Avatar
Franck Quintana
Bonjour,

Cela vient peut-être du fait que certaines de vos TextBox ont un style
text-align: center et d'autres ont un alignement par défaut (à gauche).
En tout cas ce n'est certainement pas un bug d'ASP.NET à ce niveau là.

Cordialement,
--
Franck Quintana
Active+ Software
http://www.activeplus.com/
Avatar
jcharly
"Franck Quintana" a écrit dans le message de news:
45c98d34$0$5097$
Merci pour votre réponse.

Cela vient peut-être du fait que certaines de vos TextBox ont un style
text-align: center et d'autres ont un alignement par défaut (à gauche).


J'ai bien un Class CSS sur ces conrôles et d'autres d'ailleurs qui
fonctionnent correctement.
Dans la class, il n'y a pas de text-align.
Ce qui est surpenant, c'est que si je fais un copié collé d'un contrôle d'un
feuille ascx vers une page aspx, en chargeant la même feuille de style, le
contrôle se met à se comporter correctement.
Pour les textBox SingleLine, je suis obigé d'amener le curseur sur le bord
du contrôle pour pouvoir le sélectionner.
A l'intérieur ou à l'extérieur, impossible de lui affecter le focus.
Pour les textBox MultiLine, le curseur est active sur un tier droit de la
zone de saisie.
Après il se désactive.
Je n'y comprends plus rien, et je ne trouve personne ayant eu ce problème.

Cordialement
JC
Avatar
Franck Quintana
Pourriez-vous copier coller le code html + css de la partie qui nous
intéresse ?

--
Franck Quintana
Active+ Software
http://www.activeplus.com/
Avatar
jcharly
"Franck Quintana" a écrit dans le message de news:
45cae98b$0$5071$
Pourriez-vous copier coller le code html + css de la partie qui nous
intéresse ?


Bien sûr : Mais lorsque je sauvegarde le document au format HTML, tout se
passe correctement.

---------- HTML ----------------------
<div id="Historique1__vignette"
style="background-color:White;height:282px;width:520px;">
<TABLE id="Table1" style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray
1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid;
HEIGHT: 280px"
height="280" cellSpacing="0" cellPadding="0" width="523" bgColor="#ffffff"
border="0">
<TR>
<TD style="BORDER-BOTTOM: gray 1px solid; HEIGHT: 20px"
background="images/2.gif">
<DIV style="DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: x-small;
VERTICAL-ALIGN: sub; WIDTH: 100%; FONT-FAMILY: Arial; HEIGHT: 100%;
TEXT-ALIGN: center"
ms_positioning="FlowLayout">HISTORIQUE DU LITIGE</DIV>
</TD>
</TR>
<TR>
<TD style="HEIGHT: 127px" align="center">
<DIV style="OVERFLOW: auto; WIDTH: 97.01%; BORDER-BOTTOM: silver 1px
solid; HEIGHT: 100.36%"
align="left"><FONT face="Arial" size="2">
06/02/2007 10:39:18 MARCEL<br>Tâche 20204 : Envoi
colis<br><br>Effectuée<br>------------<br>06/02/2007 10:36:33
MARCEL<br>Tâche 20201 : Réceptionner le
renvoi<br><br>Effectuée<br>------------<br>05/02/2007 18:11:04
MARCEL<br>Solution proposée REMBOURSEMENT<br>------------<br>05/02/2007
18:10:52 MARCEL<br>Création litige 2<br>------------<br>05/02/2007 18:10:52
MARCEL<br>AFFAIRE Crée
2<br>------------<br>&nbsp;-------------------------------------- <br>
MARCEL<br>
05/02/2007 18:10:52<br>
Litige initié</FONT></DIV>
</TD>
</TR>
<TR>
<TD align="center"><FONT face="Arial" size="2"><STRONG>Ajouter&nbsp;un
commentaire</STRONG></FONT>
<input name="Historique1:memo" type="text" size="1"
id="Historique1_memo" style="width:328px;" />
<input type="submit" name="Historique1:OK" value="OK"
id="Historique1_OK" style="font-family:Arial;font-size:XX-Small;" /></TD>
</TR>
<TR>
<TD style="BACKGROUND-IMAGE: url(images/2.gif); BORDER-BOTTOM: gray 1px
solid; HEIGHT: 8px"
align="center"><FONT face="Arial" size="2"><STRONG>TACHES LIEES AU
LITIGE</STRONG></FONT></TD>
</TR>
<TR>
<TD align="center"><S><FONT face='Arial' size='1'>Réceptionner le
renvoi</FONT></S>&nbsp;&nbsp;<FONT face='Arial' size='1'>Effectuer un
virement</FONT>&nbsp;&nbsp;<FONT face='Arial' size='1'>Vérifier
l'encaissement</FONT>&nbsp;&nbsp;<S><FONT face='Arial' size='1'>Envoi
colis</FONT></S>&nbsp;&nbsp;<br><BR>
<input type="submit" name="Historique1:bpTaches" value="LISTE DES TACHES
POUR CE LITIGE" id="Historique1_bpTaches"
style="font-family:Arial;font-size:XX-Small;" /></TD>
</TR>
</TABLE>
</div>
---------- fin HTML ----------------------
---------- CSS ----------------------
body
{
font-family : Arial;
font-size : x-small ;
}
td.cell
{
font-family : Arial;
font-size : x-small ;
}
span
{
font-size : x-small ;
}
select
{
font-size : xx-small ;
}
input
{
cursor :hand ;
z-index : 5;
}
lbl
{
text-decoration : none;
color : Aqua ;
cursor :hand ;
}
input.onglet
{
BACKGROUND-IMAGE: url(images/ongl_off.jpg);
WIDTH: 100px;
HEIGHT: 50px;
TEXT-ALIGN: center;
font-weight : bold ;
vertical-align : middle ;
background-repeat:no-repeat ;
background-color:Transparent;
border-style:None;
}
input.onglet_on
{
BACKGROUND-IMAGE: url(images/ongl_on.jpg);
WIDTH: 100px;
HEIGHT: 50px;
TEXT-ALIGN: center;
font-weight : bold ;
vertical-align : middle ;
background-repeat:no-repeat ;
background-color:Transparent;
border-style:None;
}
---------- CSS
Avatar
jcharly
Bon j'ai trouvé.
c'est la superposition des frames ASPNET.
Si il y en a trop (ici 5) superposées, il se mélange les pinceaux avec les
z-order.
Du coup, les champs de saisie ne sont que partiellement accessibles.
J'ai virées les frames, remplacées par un bon vieux tableau, et tout marche
nickel.

Merci
JC