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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Список с раздвигающимися полями, возможно ли это 
:(
    Опции темы
клоп
Дата 4.4.2006, 12:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 28.2.2006
Где: г. Череповец

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



Доброго дня!!
Имеется список, ширина которого ограничена дизайном сайта. В листинге этого списка есть поля которые намного перекрывают эту ширину. Возможно ли как- то сделать так, чтобы все что выподало можно было бы раздвигать мышкой за нижний правый угол (типа как в автозаполнение форм).

Вот код:
Код

<select style="width:150;" name=url>
                    
                    <option selected>Суперлига В</option> 
                    <option value=http://>Динамо (Москва)</option> 
                    <option value=http://>Динамо (МО)</option> 
                    <option value=http://>Динамо (СПб)</option> 
                    <option value=http://>ЕВРАЗ</option> 
                    <option value=http://>СибирьтелекомСибирьтелекомСибирьтелеком</option> 
                    <option value=http://>Локомотив (Ростов)</option>
                    <option value=http://>Спартак (СПб)</option>
                    <option value=http://>Университет</option>
                    <option value=http://>УНИКС</option>
                    <option value=http://>Урал-Грейт</option>
                    <option value=http://>Химки</option>
                    <option value=http://>ЦСК ВВС (Самара)</option>
                    </select> 

СибирьтелекомСибирьтелекомСибирьтелеком в этом коде обрезано, что не есть хорошо.
Помогите плизз как быть? Шрифты в списке уменьшать,- желания нет.

--------------------
Всякая чепуха посещает голову, когда она пуста ....
PM MAIL WWW   Вверх
12345c
Дата 4.4.2006, 13:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



В ie можно так:
(Но надо научить хвататься за рамку, иначе уменьшить нельзя. И не писать лишнего.

На этом приципе для всех бр. легко сделать рисунок=ползунок для безопасного изменения размеров. Но тут надо решать задачи двигания вслед за мышью, оставляю это Вам.

Код

<div id=d1 style="width:100%;border:1px solid;" contentEditable=no><span style="border:1px solid;width:150px;"
onresizestart=url1.style.width=10  onresizeend=url1.style.width=this.offsetWidth;><select style="width:150;" name=url1>
                    <option selected>Суперлига В</option> 
                    <option value=http://>Динамо (Москва)</option> 
                    <option value=http://>Динамо (МО)</option> 
                    <option value=http://>Динамо (СПб)</option> 
                    <option value=http://>ЕВРАЗ</option> 
                    <option value=http://>СибирьтелекомСибирьтелекомСибирьтелеком</option> 
                    <option value=http://>Локомотив (Ростов)</option>
                    <option value=http://>Спартак (СПб)</option>
                    <option value=http://>Университет</option>
                    <option value=http://>УНИКС</option>
                    <option value=http://>Урал-Грейт</option>
                    <option value=http://>Химки</option>
                    <option value=http://>ЦСК ВВС (Самара)</option>
</select>__</span></div>

<a href=# title=Изм.размер onclick=o=document.getElementById('d1');o.contentEditable=o.contentEditable==!0?!1:!0;return!1>Изменить размер перетаскиванием границы рамки</a>



--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
клоп
Дата 4.4.2006, 14:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 28.2.2006
Где: г. Череповец

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



Cпасибо!! Ток чот как то сложно сам процесс. Да и сам select приходиться раздвигать, чтоб влезало содержимое списков, а нужно чтоб ширина его всегда была постоянной (дизайн не позволяет).
--------------------
Всякая чепуха посещает голову, когда она пуста ....
PM MAIL WWW   Вверх
12345c
Дата 4.4.2006, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



Цитата(клоп @ 4.4.2006, 14:07 Найти цитируемый пост)
а нужно чтоб ширина его всегда была постоянной (дизайн не позволяет).
горизонтальную прокрутку селекта ещё не придумали.

Стандартных средств изменения размера селекта нет, приходится делать окольными путями.

Может, ещё пригодится плавающий селект, со стилем position:absolute , попробуйте вписать. (не для FF, точнее, для него не так просто) . Не будет нарушать таблицы, а будет висеть над ячейкой.
PM WWW   Вверх
клоп
Дата 5.4.2006, 15:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 103
Регистрация: 28.2.2006
Где: г. Череповец

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



smile
--------------------
Всякая чепуха посещает голову, когда она пуста ....
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




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


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

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