IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Tabulation et input (pas pour TABINDEX)


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    16
    D�tails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 16
    Par d�faut Tabulation et input (pas pour TABINDEX)
    Bonjour, Je ne trouve pas de solution a mon probleme :
    J'ai une page xhtml avec des input text. Quand j'appuis sur TAB ca passe d'un champ au champ suivant sauf que ca me selectionne tout le texte de mon input.
    Je voudrais que TAB ne me selectionne pas le texte que j'ai dans mon input et que le curseur (clavier) se mette a la fin de mon texte.
    Est ce possible ?

    exemple : j'ai 2 champs; dans le champ1 il y a ecrit "toto" et dans le champ2 il y a ecrit "tutu". Quand je suis dans le champ1 je fait TAB. Je me retrouve dans mon champ2 avec "tutu" selectionner !! si bien que quand j�appuie sur la touche "a" ca m'efface "tutu" et m'ecrit "a" a la place ! Moi je voudrais que quand j'appuie sur "a" ca fasse "tutua".


    j'utilise Chrome (derniere version)

    Merci d'avance !

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POO�te
    Inscrit en
    Avril 2008
    Messages
    2 652
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 49
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activit� : POO�te

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par d�faut
    Tu trouveras probablement cette discussion int�ressante
    (si tu n'es pas anglophone ou que tu as du mal � l'adapter chez toi pour une quelconque raison... n'h�site pas ^^)

    Sur FF/Chrome, �a devrait ressembler � quelque chose comme :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var elem = document.getElementById("elem");
    elem.startSelection = elem.value.length - 1;

  3. #3
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    16
    D�tails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 16
    Par d�faut
    Merci RomainVALERI, J'ai essay� ta solution dans tous les sens mais ca marche pas ! j'ai vu aussi d'autre facon de le faire mais rien y fait !!
    voila mon code :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <table class="tables">
    <tr>
       <td class="tdlabel" >
          <label for="precision">precision : </label>
       </td>
     
       <td class="tdinput">
          <input type="text" class="saisie" name="precision" id="precision" value="test" autocomplete="off"  onfocus="this.SelectionStart=1;this.SelectionEnd=2; " />
       </td>
    </table>
    donc voila mon input. Il est mis dans une table pour un soucis esth�tique. J'ai voulu pour faire simple selectionner le 2eme caractere de "test" quand le input prend le focus ! mais ca marche pas !!!
    Des id�es ?

  4. #4
    Expert �minent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    D�tails du profil
    Informations personnelles :
    �ge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par d�faut
    Bonjour,

    Tout d'abord il manque un </tr> mais je suppose que c'est simplement un code d'exemple. Ensuite faites attention au nom que vous donnez. Il y a l'input avec l'id precision, ainsi que le label avec le for precision.

  5. #5
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 224
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 224
    Par d�faut
    Bonjour,
    Citation Envoy� par kwyzix
    Je voudrais que TAB ne me selectionne pas le texte que j'ai dans mon input et que le curseur (clavier) se mette a la fin de mon texte.
    La s�lection du texte, lorsqu'un contr�le prend le focus, est le comportement par d�faut sur tous les navigateurs.

    Citation Envoy� par kwyzix
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    ...onfocus="this.SelectionStart=1;this.SelectionEnd=2; " />
    non compatible avec IE < 9 sous sa v�ritable �criture selectionStart et selectionEnd.

    Ceci c'est sans compter l'action par d�faut des navigateurs qui fait que le placement du curseur est annul� par la s�lection par d�faut, ceci n'est bien s�r valable que dans le cas d'une s�lection par d�placement au clavier et non par un click dans la zone, qui d�clenche, au passage, un �v�nement onfocus.

    Il existe , sur la toile, un certains nombre de fonction de placement de curseur mais ne tenant pas compte de cet effet de bord, il est vrai que la demande est singuli�re dans le sens o� tu vas � l'inverse du comportement naturel des navigateurs.

    Je noterai aussi que cette effet ne se produit pas sur des champs de type TEXTAREA.

  6. #6
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    16
    D�tails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 16
    Par d�faut
    Hello !

    Bon ben j'ai essay� toutes sortes de fonction pour tenter de faire ce que je veux mais rien a faire ! rien ne marche !!
    Je ne sais pas si c'est moi qui ai une configuration particuli�re qui fait que ca marche pas ou si c'est pour tout le monde pareil !!?? y en a t'il parmi vous qui sont arriv� a faire ce que je veux ? Pour info mon navigateur est Chrome et c'est pour une appli intranet donc c'est pas grave si ca marche pas sous un autre navigateur ! mais si il faut que je change de navigateur pour arriver a mes fins, c'est possible aussi !
    Merci Vermine et Nosmoking pour vos infos ! une autre petite question pour peut etre comprendre pourquoi ca marche pas : Souvent dans les exemples que je trouve sur la toile pour faire ce que je veux, ils cr�ent un bouton qui va executer la fontion pour mettre le curseur a la fin d'une zone de saisie ! mais je n'en trouve pas qui mettent ca direct dans un onfocus de la saisie en question. Le 'onfocus' de la saisie, se fait elle AVANT l'action par d�faut du navigateur ou APRES ? est si c'est AVANT, comment surcharger l'action par defaut du navigateur ?
    D'avance merci !

  7. #7
    Mod�rateur