2010-09-10 26 views

Répondre

0

Ce n'est pas possible en HTML/JavaScript.

+0

J'ai récemment trouvé un exemple ici: http://shachi.prophp.org/demo.html mais je n'arrive pas à extraire les éléments nécessaires et à les intégrer dans mon code ... mais merci quand même. – four33

+0

@scuba - Cela ne remplace pas le curseur, il le cache et montre quelque chose d'un autre élément de bloc :) –

+0

OK, connaissez-vous une façon plus simple de faire cela? Ou une façon de l'expliquer à un newb JS comme moi? Je ne peux pas donner de sens à cette démo ... – four33

1

Vous pouvez faire quelque chose près de cela, mais c'est très difficile.

  1. Dans votre champ de texte, liez un événement à un raccourci, par exemple.
  2. Chaque char typé, vous faites glisser un flottant <img> au-dessus de la zone de texte.
  3. Si l'utilisateur clique dans textarea, mettez à jour la position en obtenant X et Y à partir de onclick.

Obs: la police doit être à espacement fixe. Ex: si chaque police a 20px et que l'utilisateur appuie sur retour arrière, vous glissez ce gif vers la gauche 20px.


EDIT

Je viens de faire un monde bonjour, en jsfiddle.

Bien sûr, c'est un exemple, mais essayez de taper et d'utiliser retour arrière et entrez pour voir revenir et revenir.

Dans cet exemple, il y a beaucoup de bugs à corriger, comme:

  • Utilisation de <backspace> qui nettoie toutes les lignes

  • Utilisation des flèches en dépassement des marges textarea

  • L'utilisation de la souris doit mettre à jour la position du curseur ...

+0

Ok ... payez-moi (+1 vote?), Lol : D – Topera

+0

Il y a beaucoup d'autres cas à considérer qui rendent cela difficile; par exemple. FWIW, je ne pouvais pas obtenir la démo jsfiddle à travailler du tout dans IE. – EricLaw