Curseur directement dans champ de saisie

[Diablov]

Bonjour.

J'aimerais que le curseur de texte soit directement actif dans champ de saisie lors de la connexion au site.

Comment faire ?

Le but et d’éviter de devoir cliquer à l’intérieur du champ pour pouvoir écrire.

[ced1870]

Re : Curseur directement dans champ de saisie

salut
normalement il faut ajouter un attribut "focus" au champ input il me semble
CEd

[TristanB]

Re : Curseur directement dans champ de saisie

salut
normalement il faut ajouter un attribut "focus" au champ input il me semble
CEd

presque c'est l'attribut autofocus

<input type="text" name="fname" autofocus>

[ced1870]

Re : Curseur directement dans champ de saisie

effectivement ! c'est autofocus

http://www.w3.org/wiki/HTML5_form_additions#autofocus

attention il ne doit y avoir qu'un seul autofocus dans la page d'après les recommandations du W3C

[Diablov]

Re : Curseur directement dans champ de saisie

Ok.

Mais je met cette ligne ou ?

[TristanB]

Re : Curseur directement dans champ de saisie

Ok.

Mais je met cette ligne ou ?

En fait au niveau du champ ou tu veux mettre le curseur dedans tu rajoute l'attribut autofocus à l'interieur

[Diablov]

Re : Curseur directement dans champ de saisie

je comprends pas, dans quel partie ? dans les liens de menu ?

[TristanB]

Re : Curseur directement dans champ de saisie

Bonjour.

J'aimerais que le curseur de texte soit directement actif dans champ de saisie lors de la connexion au site.

Comment faire ?

Le but et d’éviter de devoir cliquer à l’intérieur du champ pour pouvoir écrire.

tu dois mettre "autofocus" dans ton code au niveau du champ.

[Diablov]

Re : Curseur directement dans champ de saisie

j'ai pas trouvé ou le mettre...


bout de code que j'ai trouvé, mais je vois pas ou mettre cela ?



/* Login Form */
#form-login, #form-login-username label, #form-login, #form-login-password label {display:block;}
fieldset {border:0px;}

.login-fields {margin: 10px 0;}
.login-fields label {float:left; width:9em; padding:0px;}
.contact .inputbox, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input {border:1px solid #CCCCCC; padding:3px; margin:5px;}
#login-form .inputbox, .registration input, .profile-edit input, #login-form .inputbox, .contact .inputbox, .login-fields input, .remind input, .reset input {-moz-border-radius: 5px 5px 5px 5px;}

.categories-list ul li {list-style-type: none; background-image:none;}
.image-left {float:left; margin:0 15px 5px 0;}
.image-right{float:right; margin:0 0 5px 15px}

[TristanB]

Re : Curseur directement dans champ de saisie

j'ai pas trouvé ou le mettre...


bout de code que j'ai trouvé, mais je vois pas ou mettre cela ?



/* Login Form */
#form-login, #form-login-username label, #form-login, #form-login-password label {display:block;}
fieldset {border:0px;}

.login-fields {margin: 10px 0;}
.login-fields label {float:left; width:9em; padding:0px;}
.contact .inputbox, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input {border:1px solid #CCCCCC; padding:3px; margin:5px;}
#login-form .inputbox, .registration input, .profile-edit input, #login-form .inputbox, .contact .inputbox, .login-fields input, .remind input, .reset input {-moz-border-radius: 5px 5px 5px 5px;}

.categories-list ul li {list-style-type: none; background-image:none;}
.image-left {float:left; margin:0 15px 5px 0;}
.image-right{float:right; margin:0 0 5px 15px}

non ça c'est du CSS il faut le mettre dans ton code HTML.
Envoie-nous le lien de ton site pour t'aider.

[Diablov]

Re : Curseur directement dans champ de saisie

http://www.association-pari.org/connexion

[TristanB]

Re : Curseur directement dans champ de saisie

http://www.association-pari.org/connexion

ok alors ce que tu vas faire

1/ tu crées un répertoire html à la racine de ton template
2/ tu crées un répertoire mod_login dans le dossier html que tu as créé
3/ tu copies le fichier default.php se trouvant dans modules/mod_login/tmpl/default.php dans le dossier mod_login que tu as créé précédemment
4/ maintenant tu édites ce fichier que tu viens de copier et à la ligne 42 tu dois avoir ceci :

<input id="modlgn-username" type="text" name="username" class="inputbox" size="18" />

que tu remplaces par ceci

<input id="modlgn-username" type="text" name="username" class="inputbox" size="18" autofocus />

En fait ce que je t'ai fait faire c'est une surcharge, c'est-à-dire que s'il y a une mise à jour de joomla ça n'écrasera pas ton code.

[Diablov]

Re : Curseur directement dans champ de saisie

et voila c'est fait

absolument aucun changement !

[TristanB]

Re : Curseur directement dans champ de saisie

et voila c'est fait

absolument aucun changement !

ton module de connexion c'est bien celui de joomla ? ou tu as rajouté un module ?

[Diablov]

Re : Curseur directement dans champ de saisie

j'utilise le module "connexion" de joomla via le lien de menu