Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Список с раздвигающимися полями


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

Вот код:
Код

<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> 

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

Автор: 12345c 4.4.2006, 13:34
В 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>

Автор: клоп 4.4.2006, 14:07
Cпасибо!! Ток чот как то сложно сам процесс. Да и сам select приходиться раздвигать, чтоб влезало содержимое списков, а нужно чтоб ширина его всегда была постоянной (дизайн не позволяет).

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

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

Может, ещё пригодится плавающий селект, со стилем position:absolute , попробуйте вписать. (не для FF, точнее, для него не так просто) . Не будет нарушать таблицы, а будет висеть над ячейкой.

Автор: клоп 5.4.2006, 15:11
smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)