“Scroll” à droite d'un long texte d'entrée

J'ai une image sélecteur qui permet de choisir une image à partir d'une galerie, puis remplit l'URL dans un <input type="text"> champ. Les Url peuvent être terriblement long, et à toujours voir la première moitié de l'URL dans le champ de texte a très peu de valeur informative.

N'quelqu'un connais un moyen de "faire défiler" à droite du champ de texte de sorte que la fin de l'URL est visible au lieu du début? Sans avoir recours à un textarea.

double possible de Utiliser JavaScript pour placer le curseur à la fin du texte dans le texte de l'élément input
Très cool de vous voir vivre sur une île pour un couple d'années trop 🙂 Hasta la vista!
ouais! 🙂 Il est livré avec ses propres défis, mais est très agréable dans l'ensemble.

OriginalL'auteur Pekka 웃 | 2009-12-25

  1. 19

    Lucman Abdulrachman's réponse est la meilleure, mais je ne peux pas upvote, donc je vais ajouter une autre solution sans l'aide de jQuery:

    var elem = document.getElementById('myInput');
elem.focus();
elem.scrollLeft = elem.scrollWidth;
    Bon d'offrir le maximum de voix, mais sinon, il suffit d'acquérir les rep de sorte que vous pouvez prendre les mesures appropriées,
    Souhaite que je pourrais upvote ce plus d'une fois. A la recherche de ce type de comportement pour les âges.
    Pourquoi est-il le meilleur? Il ne l'est certainement pas. Une approche autochtone est beaucoup plus facile et beaucoup plus rapide.

    OriginalL'auteur Stephen Kaiser

  2. 15
    $('#myInput').get(0).scrollLeft = $('#myInput').get(0).scrollWidth;

    OriginalL'auteur Lucman Abdulrachman

  3. 1

    Une meilleure solution serait de rendre l'entrée assez grande pour voir plus raisonnable de la longueur des url. La largeur par défaut de l'entrée est généralement très court. En réduisant la taille de la police et de l'augmentation de la largeur (éventuellement par un pourcentage d'occuper l'espace disponible), vous pourriez probablement faire de l'url que l'ar aussi long ou plus long que la barre d'url de votre navigateur, visible. Vous n'avez pas vraiment besoin de très gros texte, une url, puisque vous êtes probablement juste vérifier qu'il semble raisonnable de ne pas le lire.

    Si le fait d'être en mesure d'afficher la totalité de l'url, en assez gros caractères est important (si l'utilisateur est censé être un utilisateur avancé et, éventuellement, sera de modifier l'url à la main), vous devez concider à l'aide d'une zone de texte. Il aura l'air un peu étrange avec l'url au hasard wordwrapped, mais tant que vous ne l'insérez pas d'espaces, l'url est toujours valide.

    Si votre serveur web sont responsables de la génération de l'url, vous pouvez essayer de le rendre moins verbeux. Vous pouvez aussi économiser de l'espace si vous pouvez utiliser une url relative (en ignorant le nom de domaine).

    OriginalL'auteur Stein G. Strindhaug