VPF::select с невыбираемым элементом - Форум программистов

integral

Дата 4.9.2008, 14:01 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

нужно сделать селект (выпадающий список) где при загрузки страницы отображается первый елемент, но потом его выбрать уже нельзя. Т.е. когда страница загрузилась пользователь видит селект типа:
------------------------
|выбрать элемент|
------------------------
раскрывает список и он становится как:
------------------------
|выбрать элемент|
|первый                |
|второй                |
------------------------
при этом "выбрать элемент" уже нельзя выбрать (на подобии ) OPTGROUP

что-то никак не выходит нормально такое сделать.... :(
у кого есть идеи? куда копать?
спасибо

ЗЫ: если не в тот форум - то переместите плиз куда надо

--------------------

import my.opinion.*;
жж

InvalidProperty

Дата 4.9.2008, 14:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 356
Регистрация: 31.10.2007
Где: Россия, Казань

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

если тебе прям так критично, то, почему бы, при выборе селекта не удалять первый элемент из списка? т.е. список уже реально будет содержать элементы, без "выбрать элемент"

--------------------

dd if=$0 of=$0 bs=1 count=76 seek=`du -b $0 | awk {'print $1'}` 2>/dev/null
dd if=$0 of=$0 bs=1 count=67 conv=notrunc oflag=append 2>/dev/null
echo $0 >> $0

integral

Дата 4.9.2008, 14:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

а если пользователь откроет посмотри и ничего не выберет - что тогда?

--------------------

import my.opinion.*;
жж

bars80080

Дата 4.9.2008, 16:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

тогда выбрать оставшийся первый элемент

integral

Дата 4.9.2008, 17:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

тогда получится
------------------------
|первый |
|второй |
------------------------

не то, т.к. пропадет "выбрать элемент"

Это сообщение отредактировал(а) integral - 4.9.2008, 17:21

--------------------

import my.opinion.*;
жж

Hades

Дата 4.9.2008, 17:25 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Код


<select id="rfg" onclick="ff();">
    <option>select</option>
    <option>123</option>
    <option>456</option>
</select>
    
<script type="text/javascript">
    function ff() {
        var select = document.getElementById('rfg');
            
        if (0 == select.selectedIndex) {
            select.options.item(0).selected = false;
            select.options.item(1).selected = true;
        }
    }
</script>

integral

Дата 4.9.2008, 17:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

так пользователь может визуально выбрать вариант "select", просто он будет перезаменен на "123"
а надо подобии OPTGROUP

--------------------

import my.opinion.*;
жж

ksnk

Дата 4.9.2008, 17:58 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

integral, Эмулировать все это добро Див'ами. Родной select тут не поможет.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

integral

Дата 4.9.2008, 17:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

ого, а как ЭТО эмулировать дивами?!

--------------------

import my.opinion.*;
жж

ksnk

Дата 4.9.2008, 18:13 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

integral, Здесь обсуждается целая тулза как обычный select заменить на комплект дивов.

Своими словами - вместо select'а ставим один див или input. по onclick на него или по рядомрасположенной кнопке - выводим другой... Обычная выпадающая менюшка на JS с некоторыми извращениями ;-)

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

SelenIT

Дата 4.9.2008, 18:49 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Цитата

а если пользователь откроет посмотри и ничего не выберет - что тогда?

А тогда событие onchange не наступит, и, соответственно, ничего не удалится (проверено в IE7, FF3, Op. 9.54, GH).

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Hades

Дата 4.9.2008, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Цитата(SelenIT @ 4.9.2008, 18:49

)

А тогда событие onchange не наступит, и, соответственно, ничего не удалится (проверено в IE7, FF3, Op. 9.54, GH).

но ведь тогда первый пункт окажется выбранным

SelenIT

Дата 4.9.2008, 19:13 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Не окажется, а останется ). По общей логике, в этом случае должен сработать и выругаться валидатор формы при попытке ее отправить...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Hades

Дата 4.9.2008, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

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

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

Цитата(SelenIT @ 4.9.2008, 19:13

)

в этом случае должен сработать и выругаться валидатор формы при попытке ее отправить

ну и зачем нам тогда что-то удалять

SelenIT

Дата 4.9.2008, 19:32 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Логично

. Может, для наглядности - дескать, что-то выбрать непременно надо (аналог блока радиобаттонов, в котором один непременно должен быть чекнут). Автору виднее... smile

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

integral

Дата 5.9.2008, 15:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

не, ну предложеный вариант не плох - но особеность OPTGROUP в том, что на него нельзя навести и выбрать. Т.е. в данном решении я навожу мышь на первый вариант и могу его выбрать = просто после выбора он изменится на первый вариант.... нада что-бы как OPTGROUP
Был предложен интерестный вариант с дивами, но только я не в курсе как это сделать smile

Например, как выпадающий список в GMail

Это сообщение отредактировал(а) integral - 5.9.2008, 16:48

--------------------

import my.opinion.*;
жж

bars80080

Дата 5.9.2008, 17:36 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

написать падающий список дивом и не париться

ksnk

Дата 5.9.2008, 18:30 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Простейший, но функциональный вариант. В IE, FF3, GC вроде, исправно работает

Код


жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
Hello!
<span id='select' onmouseover="showit(this)" onmouseout="showit(this,'none')" style="color:red;position:relative;">
  <span>select</span> 
  <div style="border:1px solid gray;  background:white; padding:5px;display:none;position:absolute;left:0;top: 1em;">
     Title<br>
     <a href='#' onclick='return point(this)'>point1</a><br>
     <a href='#' onclick='return point(this)'>point2</a><br>
     <a href='#' onclick='return point(this)'>point3</a><br>
     <a href='#' onclick='return point(this)'>point4</a><br>
     <a href='#' onclick='return point(this)'>point5</a><br>
     <a href='#' onclick='return point(this)'>point6</a><br>
  </div>
</span>
how are you?
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>
жфшьчпц удуыскшкцщепшо og rhopuri orwitg r<br>

<script type="text/javascript">

function showit(el,style){
    var i=el.getElementsByTagName('div')[0];
    i.style.display=style||'';
}

function point(el){
  var i=el.parentNode.parentNode;
// do something
  i.getElementsByTagName('span')[0].innerHTML=el.innerHTML;
  showit(i,'none');
  return false;
}

</script>

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

integral

Дата 8.9.2008, 10:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

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

2bars80080
ок, дивом... а как это делается?

--------------------

import my.opinion.*;
жж

bars80080

Дата 8.9.2008, 10:59 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

вообще-то, ksnk, привёл его пример. причём вполне универсальный

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »