Partage
  • Partager sur Facebook
  • Partager sur Twitter

Décaler un curseur...

Le décaler de 7 caractères dans une zone de texte

    8 octobre 2008 à 21:33:13

    Bonjour à vous,

    J'ai un niveau très bas en JavaScript, mais j'en ai un besoin pour le moins urgent. Est-il possible de décaler un curseur dans une zone de texte de 7 caractères vers la droite ? Si oui, comment ?
    • Partager sur Facebook
    • Partager sur Twitter
    In 12 we trust.
      9 octobre 2008 à 23:09:06

      Bonsoir,

      Pourquoi ne pas remplir la zone de texte avec 7 caractères espace? ainsi avec un truc dans ce gout la:
      <input type="text" name="blabla" value="       " />
      


      Et hop la!

      Ou sinon apres si c'est purement design tu fais un padding-left de disons 10px sur tous les zone de texte soit:

      input
      { 
      padding-left:10px; 
      }
      
      • Partager sur Facebook
      • Partager sur Twitter
        11 octobre 2008 à 17:37:14

        Non, ce n'est pas pour faire ça. Observez ce script :

        <input importance="text" class="texte" id="nom" value="Entrez la cible du lien" name="nom" size="50" onfocus="if (this.value == 'Entrez la cible du lien') this.value = 'http://';" onblur="if (this.value=='http://') this.value = 'Entrez la cible du lien' ;" />
        

        Une explication s'impose pour ceux qui ne comprendraient pas cette ligne. Ce script va créer une zone de texte à une ligne dans un formulaire pré-rempli par la phrase "Entrez la cible du lien". Lorsque l'utilisateur clique sur le champs, automatiquement s'affiche, à la place de "Entrez la cible du lien", "http://", afin que l'utilisateur soit prêt à indiquer le lien. Sauf que ce script fait revenir le curseur au tout début de la ligne et non pas après "http://".

        Il me faudrai donc pouvoir décaler le curseur de 7 caractères afin que le curseur se place après "http://" dès que l'utilisateur clique dessus.
        • Partager sur Facebook
        • Partager sur Twitter
        In 12 we trust.
          12 octobre 2008 à 22:41:36

          Il y a des moyens compliqués de faire bouger le curseur mais dans ton cas, rajoute juste un this.focus() après le changement :
          <input importance="text" class="texte" id="nom" value="Entrez la cible du lien" name="nom" size="50" onfocus="if (this.value == 'Entrez la cible du lien') this.value = 'http://'; this.focus()" onblur="if (this.value=='http://') this.value = 'Entrez la cible du lien' ;" />
          
          • Partager sur Facebook
          • Partager sur Twitter
            12 octobre 2008 à 22:51:20

            Ca n'a rien changé :(
            • Partager sur Facebook
            • Partager sur Twitter
            In 12 we trust.
              12 octobre 2008 à 23:34:17

              Chez moi ca marche c'est bizzare...essaye de mettre un ";" avec focus ca doit venir de la
              • Partager sur Facebook
              • Partager sur Twitter
                19 octobre 2008 à 9:25:39

                Y'a vraiment rien à faire... ça ne marche pas, même après le point virgule...
                • Partager sur Facebook
                • Partager sur Twitter
                In 12 we trust.
                  22 octobre 2008 à 11:48:14

                  Salut,

                  A mon avis il y a moyen d'y arriver un contournant un peu le problème ^^

                  Il faut sauvegarder le contenu de ton champs dans une variable puis remettre à zéro la valeur du champs.
                  Ensuite tu donnes le focus au champs et tu ajoutes le contenu mémorisé dans le champs.
                  Le focus devrait se trouver à la fin du contenu. :-°

                  • Partager sur Facebook
                  • Partager sur Twitter

                  Décaler un curseur...

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown