Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Смещение курсора input text 
V
    Опции темы
Bandit
Дата 5.1.2010, 14:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 96
Регистрация: 27.11.2007
Где: Минск

Репутация: нет
Всего: нет



Доброго времени суток форумчанам.
Есть вопрос который требует решения.
Допустим есть input type=text

в него помещаються значения выбранные пользователем из какого-нибудь списка(не суть важно), например список email-ов.

поле импут начинает выглядеть так(приблизетельно smile ) :[email protected], [email protected], [email protected], [email protected],   

проблема:
Само собой, что видимость(длинна) поля ограничена, т.е. при выборе пользователем еще одного значения(например): [email protected],   
поле выглядит уже так:
|[email protected], [email protected], [email protected], [email protected], mail5@m| <- тут конец "видимости"(не знаю как назвать) поля ввода

необходимо, что бы курсор сдвигался в конец поля и отображалось введенное значение, т.е. :
вместо:
|[email protected], [email protected], [email protected], [email protected], mail5@m|
|mail.ru, [email protected], [email protected], [email protected], [email protected], |

как это сделать? Надеюсь объяснил понятно smile
PM MAIL   Вверх
Bandit
Дата 5.1.2010, 16:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 96
Регистрация: 27.11.2007
Где: Минск

Репутация: нет
Всего: нет



Хорошо. Поставим вопрос по другому))
Возможно ли такое сделать?
Реализовал сдвиг курсора в право, но input text не "прокручивается", т.е. курсор сдвинуся, но видимость его отсутсвует. он за краем поля видимого пользователем. если я начинаю вводить, что-нибудь еще в это поле, то вид смещаеться к курсору(именно это мне и надо, но без участия юзера).

Помогите кто чем может  smile 
PM MAIL   Вверх
Amphiluke
Дата 5.1.2010, 16:38 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Могу предложить вам только обмануть пользователя. smile Не лучший выход, но другого пока не вижу.
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
    #mails {
        background: #FFFFFF;
        font-family: inherit;
        height: 19px;
        overflow: hidden;
        width: 150px;
    }
</style>
<script type="text/javascript">
    function addAndshift(sender) {
        var txt = document.getElementById("mails");
        txt.value += sender.options[sender.selectedIndex].text + ", ";
        txt.focus();
        txt.scrollLeft = txt.scrollWidth;
    }
</script>
</head>

<body>
    <form action="#">
        <textarea cols="50" rows="1" id="mails" wrap="off"></textarea><br />
        <select multiple="multiple" size="10" onchange="addAndshift(this);">
            <option value="mail1">[email protected]</option>
            <option value="mail2">[email protected]</option>
            <option value="mail3">[email protected]</option>
            <option value="mail4">[email protected]</option>
            <option value="mail5">[email protected]</option>
            <option value="mail6">[email protected]</option>
            <option value="mail7">[email protected]</option>
            <option value="mail8">[email protected]</option>
        </select>
    </form>

</body>
</html>


Добавлено через 7 минут и 13 секунд
Кстати, IE позволяет делать это и с input. Я имею в виду установку scrollLeft.

Добавлено через 12 минут и 31 секунду
А нажатие Enter'ов можно отлавливать и пресекать…
PM   Вверх
Bandit
  Дата 5.1.2010, 17:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 96
Регистрация: 27.11.2007
Где: Минск

Репутация: нет
Всего: нет



Amphiluke,  спасибо огромное!
Чудесное решение наболевшей проблемы!
Благодарю!  smile 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.1458 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.