Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать div видимым/невидимым / 6 сообщений из 6, страница 1 из 1
04.09.2008, 11:37
    #35521980
ice-covered
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
У меня есть список:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<select name="p_mode" onchange="selectChange();">
<OPTION SELECTED value=> 
<OPTION value= 8 >выставка
<OPTION value= 2 >научное
<OPTION value= 683 >научно-практическое
<OPTION value= 7 >научно-производственное
<OPTION value= 6 >учебно-методическое
</SELECT>
Функция selectChange() (пока недоработанная) :
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function selectChange() 
        {
            var selIdx = document.forms[ 0 ].p_mode.selectedIndex;
            var newSel = document.forms[ 0 ].p_mode.options[selIdx].value;
            //alert (newSel);
            //window.location.href="my_form?p1='||p1||'&p2='||p2||'&p_mode="+newSel;
        }
И есть поле:
Код: plaintext
1.
2.
3.
<div style={display:none} id=ex>
 <textarea name="p_exhibit" rows="5" cols="50" title=""></textarea>
</div>

Так вот, мне надо, чтобы, если выбрана опция "выставка", то div, содержащий textarea, становился бы видимым. И, соответственно, когда выбирается другая опция, становился бы опять невидимым... Как мне переделать функцию selectChange? (желательно, без перезагрузки страницы).

П.С. Только что заметила, что style={display:none} не влияет на невидимость почему-то =\ ..То есть див все равно видно...
...
Рейтинг: 0 / 0
04.09.2008, 18:19
    #35523297
jusio
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
надо писать stylе="display:none", то есть с ковычками а не фигурными скобками. Пример JS кода чтобы спрятать див:
document.getElementById('ex').style.display ='';
...
Рейтинг: 0 / 0
04.09.2008, 20:24
    #35523441
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
jusiodocument.getElementById('ex').style.display ='';
display="none"
...
Рейтинг: 0 / 0
05.09.2008, 14:59
    #35524833
ice-covered
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
а если у меня вот такая структура:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<TR>
     <td class="EditTableItem" align="left" valign="top">
      <div style="{display:none}" id="ex">
         Экспонаты, представленные на выставке
      </div>
    </td>
    <td class="EditTableItem" align="left">
      <div style="{display:none}" id="ex">
          <textarea name="p_exhibit" rows="5" cols="50" title=""></textarea>
      </div>
    </td>
        </TR>
Тогда нужно document.getElement s ById("ex");???

П.С.
Код: plaintext
style="{display:none}" 
работает нормально итак...

И у меня сейчас вот что:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
function selectChange() 
        {
            var selIdx = document.forms[ 0 ].p_mode.selectedIndex;
            var newSel = document.forms[ 0 ].p_mode.options[selIdx].value;
            if (newSel== 8 )
            {
                var obDiv = document.getElementById("ex");
                alert (obDiv.length); // ТУТ УЖЕ ОШИБКА, НА ЭКРАН ВЫДАЕТ "undefined".
// Если же пишу Elements, то "объект не поддерживает это свойство или метод". Как правильно???
                for(int i= 0 ; i<=obDiv.length; i++;)
                {
                    obDiv[i].style.display ="none";
                }
            }
        }
...
Рейтинг: 0 / 0
05.09.2008, 15:06
    #35524850
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
ice-coveredа если у меня вот такая структура
Такой структура есть неправильный. ID элемента должно быть уникальным.
...
Рейтинг: 0 / 0
05.09.2008, 15:28
    #35524935
ice-covered
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать div видимым/невидимым
Спасибо, поняла, сделала правильно =)
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать div видимым/невидимым / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]