Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Нужен код. Появление полей (select) по щелчку

Автор: kalabro 31.3.2007, 18:12

Совсем не знаю JS. Сделала форму, обработка с помощью PHP, но мне нужна позарез такая штука:

Если выбран флажок "Изучаю", то ниже должен появиться селект "Сколько лет?", если флажок снимают, селект должен исчезнуть. Конечно он не сам по себе а в TD с форматированием.
Подскажите пожалуйста как это попроще сделать, я чтото почитала тут на форуме, но ничего не поняла толком.

Код


<table>
 <tr><td>
  <input type="checkbox" name="stud" value="checked" checked> Изучаю
 </td></tr>
 <tr><td>
   <!--- Здесь должен появиться такой вот селект --->
    Сколько лет? 
    <select name="years">
    <option value="1" SELECTED>1 год</option>
    <option value="2">2 года</option>
    <option value="3">3 года</option>
    </select>
 </td></tr>
 <tr><td><!--- продолжение формы.. ---></td></tr>
</table>

Автор: Mymik 31.3.2007, 20:14

JS функция

Код


function learnClicked(name)
{
    /* Получаем коллекцию элементов что носят name равный передаваемому параметру */
    names = document.getElementsByName(name);
    /* Проверяем на существование хотя бы одного элемента */
    if(names <= 0)
        return;
    /* Перебираем все элементы */
    for(i = 0; i < names.length; i++)
        /* у элемента получаем ссылку на родителя и изменяем его состояние */
        names[i].parentNode.style.dislpay = names[i].parentNode.style.dislpay == "none" ? "block" : "none";
}

а в HTML подвешиваем на событие onclick нашу функцию и передаем в нее параметр в виде строки которая является именем.

Код


<input type="checkbox" name="stud" value="checked" onclick="learnClick('years');" /> Изучаю

Автор: kalabro 31.3.2007, 21:28

=) спасибо! Еще не сделала, но уже поняла smile

щас попробую

Автор: kalabro 13.4.2007, 13:44

Еще один такой же вопрос. Опять нужен готовый код.

Есть список имен, нужно чтобы при нажатии на имя ниже появлялась фотография, при повторном - исчезала.

Маша
<здесь фото при нажатии>
Паша
<здесь фото при нажатии>
Саша
<здесь фото при нажатии>