За последние 24 часа нас посетили 18055 программистов и 1624 робота. Сейчас ищут 1778 программистов ...

radiobutton и событие onclick

Тема в разделе "JavaScript и AJAX", создана пользователем berkoot7, 11 ноя 2009.

  1. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    есть например 3 radiobutton
    в зависимости от выбранного должен подгружаться нужный текст в тег <div>
    вот например код

    HTML:
    1. <input type="radio" name="hz" id="1" checked="checked" > вариант1
    2. <input type="radio" name="hz" id="2" > вариант2
    3. <input type="radio" name="hz" id="3" > вариант3
    4. <div ...>
    5. подгружаемый текст, содержащий кнопки и текстареа
    6. </div>
    как это реализовать? уже часа 3 в гугле заседаю ((
     
  2. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    проблему почти решил. все работает, только вот "checked" не остается

    PHP:
    1. <style>
    2. .myViewLinks { display: none; }
    3. </style>
    4.  
    5. <script>
    6. var toggle = function() {
    7.     var currentDiv = null;
    8.     function open(divElement) {
    9.         divElement.style.display = "block";
    10.         currentDiv = divElement;
    11.     }
    12.     function close(divElement) {
    13.         divElement.style.display = "none";
    14.         currentDiv = null;
    15.     }
    16.     return function(divID) {
    17.     var divElement = document.getElementById(divID);
    18.     if (divElement) {
    19.         if (divElement === currentDiv) {
    20.             close(currentDiv);
    21.         } else if(currentDiv != null) {
    22.             close(currentDiv);
    23.             open(divElement);
    24.         } else open(divElement);
    25.     }
    26.     }
    27.   }();
    28. </script>
    29.  
    30. <input type="radio" name="contract_type" onClick="toggle('div1');return false;" > Нет
    31.  
    32. <br />
    33. <input type="radio" name="contract_type" onClick="toggle('div2');return false;" > Да <br />
    34. <div class="myViewLinks" id="div1">
    35. <? echo "kontakt1"; ?>
    36. </div>
    37. <div class="myViewLinks" id="div2">
    38. <? echo "kontakt2"; ?>
    39. </div>
    все нормуль открывает, только визуально radiobutton показывает что не выбрана. что делать?
     
  3. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    проблему решил, всем спасибо :D
    а никто не скажет как такое же сделать с выпадающим списком?
     
  4. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Точно также.
    Только вешаешь на событие onchange
     
  5. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    решил проблему вот так
    HTML:
    1.                  <option onClick="toggle('div1');">Нет</option>
    2.                  <option onClick="toggle('div2');">Да</option>
    3.              </select>
     
  6. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    блин...
    если клавиатурой то не работает
     
  7. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    onchange
    keypress
     
  8. berkoot7

    berkoot7 Активный пользователь

    С нами с:
    23 фев 2009
    Сообщения:
    82
    Симпатии:
    0
    не получается...
    в опере работает а в мозиле нет. есть решение?

    HTML:
    1. <select onchange="toggle(this.value)" onkeypress="toggle(this.value)">
    2.                  <option value="div1">Нет</option>
    3.                  <option value="div2">Да</option>
    4.              </select>