impossible d'écrire dans les champs texte du formulaire sur mozilla

par AB » 19 avr. 2008, 20:12

Hey ,

et concernant le label :
Attribute definitions

for = idref [CS]
This attribute explicitly associates the label being defined with another control. When present, the value of this attribute must be the same as the value of the id attribute of some other control in the same document. When absent, the label being defined is associated with the element's contents.
(source : 17.9.1 Forms in HTML document, The label element.)
Donc :
Code : Tout sélectionner
(cas 1) <label for="iid">Texte :</label><input type="text" id="iid" />
est aussi correct que :
Code : Tout sélectionner
(cas 2) <label>Texte : <input type="text" /></label>
La différence pratique est que dans le cas 1, le label peut se comporter comme un élément de bloc donc on peut faire une mise en page avec. Alors que dans le cas 2, c'est nettement plus difficile de faire une mise en page avec CSS.

Donc en fait, on aurait tendance à préférer le cas 1 qui nous permet plus de chose (et est nettement plus logique en fait, car le label redirige le focus sur un élément, si cet élément est dans le label, ça n'a pas grand intérêt).

+1 J'ai lu également (en faisant des recherches il y pas mal de temps) qu'il fallait privilégier la syntaxe 1

par **Calimero** » 19 avr. 2008, 14:17

Merci à tous ceux qui ont été regarder mon lien, et aussi pour vos suggestions.

Il est très probable que le HTML de cette page contienne quelques conneries (j'avoue n'avoir pas encore osé regarder). Le bug étant non-bloquant, je l'ai laissé tranquille jusque là car j'avais bien plus important à faire ailleurs (mais étant donné que je le subis tous les jours, je vais finir par lui tordre le cou

).Je vais explorer vos différentes pistes.

</squattage>

par **Hywan** » 19 avr. 2008, 11:22

Hey

,

et concernant le label :

Attribute definitions

for = idref [CS]
This attribute explicitly associates the label being defined with another control. When present, the value of this attribute must be the same as the value of the id attribute of some other control in the same document. When absent, the label being defined is associated with the element's contents.

(source : 17.9.1 Forms in HTML document, The label element.)
Donc :

Code : Tout sélectionner

(cas 1) <label for="iid">Texte :</label><input type="text" id="iid" />

est aussi correct que :

Code : Tout sélectionner

(cas 2) <label>Texte : <input type="text" /></label>

La différence pratique est que dans le cas 1, le label peut se comporter comme un élément de bloc donc on peut faire une mise en page avec. Alors que dans le cas 2, c'est nettement plus difficile de faire une mise en page avec CSS.

Donc en fait, on aurait tendance à préférer le cas 1 qui nous permet plus de chose (et est nettement plus logique en fait, car le label redirige le focus sur un élément, si cet élément est dans le label, ça n'a pas grand intérêt).

par **Cyrano** » 19 avr. 2008, 11:08

Tu utilises un attribut propriétaire de MSIE : onselectstart

Il faudrait le remplacer par onfocus qui serait plus standard. Mais si c'est pour empécher la saisie dans ce champ, alors mets plutôt readonly="readonly" qui interdira la saisie dans n'importe quel navigateur.

Ceci dit, j'ai pas vraiment bien saisi ce que tu voulais faire...

par **karenma** » 19 avr. 2008, 10:57

bonjour
en fin de compte je me suis rendu compte que la fonction qui permettait aux utilisateurs de ne pas pouvoir sélectionner le champs email de mon formulaire pour bien qu'il récrivent l'email de confirmation, se répercussionné sur tout le formulaire pour Mozilla



<script type="text/javascript">
function selection()
{ return false; }
</script>

</head>


<body>
<form id="form1" name="form1" method="post" action="">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <table width="307" border="0" cellpadding="0">


    <tr>
      <td width="146">Email<span class="Stylerouge">*</span>:</td>
      <td width="155" class="Stylecomic"><input name="email" type="text" id="email" onselectstart="selection(this);"/></td>
    </tr>
    <tr>
        <td><p>Email<span class="Stylerouge"> de confirmation </span></p>        </td>
        <td class="Stylecomic">
          <div align="left">
            <input name="email2" type="text" id="email2" />
          </div></td>
      </tr>
  </table>
  <p>&nbsp; </p>
</form>

J'ai donc décidé de ne l'utiliser que sur internet explorer
Tant pis si cela ne marche pas sur mozilla !
Merci quand même à tous d'avoir voulu m'aider
Merci

par **Cyrano** » 19 avr. 2008, 10:55

Pour Calimero, ça vient probablement de ton HTML.

Le point soulevé sur les label est une piste, mais il y a aussi une balise avec deux attributs class : on peut mettre plusieurs classes pour un seul élément mais dans un seul attribut en séparant les classes par un espace: et le code de ta page revisité donnerait ceci (incluant le "for" cité par Berzemus

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="Login" />
    <meta name="robots" content="index, follow" />
    <meta name="description" content="Observer front-office" />
    <meta name="keywords" content="observer, front-office, assurance, &eacute;pargne" />
    <meta name="language" content="fr" />
    <title>Login</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="./css/ie.css" />
    <![endif]-->
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" media="screen" href="./css/ie.css" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" media="screen" href="/css/login.css" />
  </head>
  <body>
    <div id="page">
      <form id="login" method="post" action="/index.php/users/login">
        <img id="logobs" src="./images/logo_observer.jpg" alt="logo Observer" />
        <label class="user" for="user">Utilisateur :</label><input type="text" id="user" name="user" /><br />
        <label class="user" for="password">Mot de Passe :</label><input type="password" name="password" id="password" /><br />
        <div id="sf_admin_container" class="panel_login">
          <ul class="sf_admin_actions panel_login">
            <li><input type="submit" class="sf_admin_action_save" style="margin-top:-10px"  id="bouton" value="Entrer" alt="Entrer"/></li>
          </ul>
        </div>
        <div id="spacer">&nbsp;</div>
        <p style="text-align: right"><a href="/index.php/password_request">Mot de passe oubli&eacute; ?</a></p>
        <input type="hidden" name="do" id="do" value="log" />
        <input type="hidden" name="referer" id="referer" value="http://www.france-observer.com/" />
        <noscript>
          <p><br/>
            <strong>
              Merci d'activer JavaScript pour accéder à l'application Observer !<!--ou de prendre contact avec l'équipe Editions MD demande [at] france-observer.com-->
            </strong>
          </p>
        </noscript>
      </form>
    </div>
    <!-- fin div#page -->
  </body>
</html>

Et là, tout semble rentrer dans l'ordre.

par **Berzemus** » 19 avr. 2008, 10:14

Je squatte ce topic car ça me fait penser que j'ai un problème du même genre sur un de mes sites (et je le laisse car il ne gêne que moi, et il me fait délirer ) : sur une page de login, et uniquement avec firefox, j'ai un input type text et un input type password, et souvent le curseur "saute" et sort du champ (pour aller se retrouver sur le champ du dessus, ce qui est assez perturbant).

Je vous donne le lien si vous voulez essayer (essayez juste de taper quelquechose dans les champs avec firefox) : http://www.france-observer.com

Je soupçonne le problème d'avoir un rapport avec l'image mais je n'en suis pas certain... N'hésitez pas à m'éclairer si vous avez une idée

En attendant la réaction de l'auteure, je le trouve bizarre vos labels:

Code : Tout sélectionner

<label class="user">Utilisateur :</label><input type="text" id="user" name="user" />

Ce serait pas plutôt:

Code : Tout sélectionner

<label>Utilisateur :<input type="text" id="user" name="user" /></label>

Sinon ils marchent pas.. ou utiliser le "for" des labels (je n'ais plus la syntaxe exacte en tête).

Mais moi j'ai bien un souci sinon (sous FF 2 osx 10.3), mais uniquement lors du premier chargement de la page. Dans le champ user, le curseur était totalement décentré, et une fois que j'ai tapé du texte, je suis passé dans le champ mot de passe. Ca n'arrive que lors d'un full refresh, après, ça va.

par **hakazizi** » 19 avr. 2008, 08:21

et le code en question se serait bien également d'avoir le lien de la page ou tu as ce probleme.
on n'est pas des devins.
Mais ça n'empêche pas de rester courtois.

Mais y'a du bon.. de fait, voir le code source de ta page (si c'est dans un de tes formulaires à toi que tu rencontres ce problème) pourrait nous aider plus mieux.

je suiscourtois et polie je lui est juste dit de nous montre ce qu'elle avait fait

par AB » 19 avr. 2008, 03:52

Je squatte ce topic car ça me fait penser que j'ai un problème du même genre sur un de mes sites (et je le laisse car il ne gêne que moi, et il me fait délirer ) : sur une page de login, et uniquement avec firefox, j'ai un input type text et un input type password, et souvent le curseur "saute" et sort du champ (pour aller se retrouver sur le champ du dessus, ce qui est assez perturbant).

Je vous donne le lien si vous voulez essayer (essayez juste de taper quelquechose dans les champs avec firefox) : http://www.france-observer.com

Je soupçonne le problème d'avoir un rapport avec l'image mais je n'en suis pas certain... N'hésitez pas à m'éclairer si vous avez une idée

J'ai fait quelques test sous ff avec positionnement avec le curseur et avec la tabulation, rien constaté d'anormal avec les deux champs. Un bug erratique ?

par **Calimero** » 19 avr. 2008, 01:04

Je squatte ce topic car ça me fait penser que j'ai un problème du même genre sur un de mes sites (et je le laisse car il ne gêne que moi, et il me fait délirer

) : sur une page de login, et uniquement avec firefox, j'ai un input type text et un input type password, et souvent le curseur "saute" et sort du champ (pour aller se retrouver sur le champ du dessus, ce qui est assez perturbant).

Je vous donne le lien si vous voulez essayer (essayez juste de taper quelquechose dans les champs avec firefox) : http://www.france-observer.com

Je soupçonne le problème d'avoir un rapport avec l'image mais je n'en suis pas certain... N'hésitez pas à m'éclairer si vous avez une idée

par **Hywan** » 19 avr. 2008, 00:21

Hey

,

au pif, comme ça, je dirai que c'est un div qui vient par dessus ton champ de saisie, mais vraiment au pif hein

.
Et comme l'a dit Berzemus, il faudrait voir ton code source HTML et CSS

.

par **Berzemus** » 19 avr. 2008, 00:03

et le code en question se serait bien également d'avoir le lien de la page ou tu as ce probleme.
on n'est pas des devins.

Mais ça n'empêche pas de rester courtois.

Mais y'a du bon.. de fait, voir le code source de ta page (si c'est dans un de tes formulaires à toi que tu rencontres ce problème) pourrait nous aider plus mieux.

par **hakazizi** » 18 avr. 2008, 19:54

et le code en question se serait bien également d'avoir le lien de la page ou tu as ce probleme.
on n'est pas des devins.

par **karenma** » 18 avr. 2008, 18:25

bonjour
il m'arrive un truc fou
j'ai un formulaire avec des champs texte
mais sur mozilla on ne peut pas avoir le curseur et donc pas écrire dedans
ça me rend folle
Quelqu'un a t il une idée car je ne sais vraiment mais vraiment pas quoi faire
Merci d'avance pour votre aide

impossible d'écrire dans les champs texte du formulaire sur mozilla

Répondre

Étendre la vue Revue du sujet : impossible d'écrire dans les champs texte du formulaire sur mozilla

merci

impossible d'écrire dans les champs texte du formulaire sur