Java Scripts - менять href в зависимости от radio button

Тема в разделе "JavaScript", создана пользователем senty, 27 сен 2011.

Статус темы:
Закрыта.
Модераторы: ZiX
  1. senty

    senty Постоялец

    Регистр.:
    23 дек 2009
    Сообщения:
    62
    Симпатии:
    1
    Есть n-количество radio button для выбора цвета продукции.

    И 1 кнопка при нажатии на которую выбранный цвет открывается во всплывающем окне.

    Каким образом реализовать подстановку url в кнопку при нажатии на которую появляется увеличенное изображение? [:
     
  2. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    378
    Симпатии:
    107
    Вот так если я тебя правильно понял.

    PHP:
    <form name="fgz">
    <
    input name="fgfgfdz" onChange="cvet(event)" id="black" type="radio" />
    <
    input name="yuifgz" onChange="cvet(event)" id="red" type="radio" />
    </
    form>
    <
    a id="knopka" href="#" >edhed </a>

    <
    script>
    function 
    cvet(event) {
    if (!
    event.target) {
        
    event.target event.srcElement
    }
    if (
    event.target.checked === true) {
        
    var 
    cvet event.target.id

    switch (cvet) {
    case 
    'black':
    var 
    url 'ewr'
    break
    case 
    'red':
    var 
    url 'wt'
    break
    }


    document.getElementById("knopka").href "/"+url+""
    }
    }  

    </script>
     
  3. senty

    senty Постоялец

    Регистр.:
    23 дек 2009
    Сообщения:
    62
    Симпатии:
    1
    majahead, спасибо.
    Решил проблему иначе :)
    HTML:
    
    <input type="radio" 
    name="pcColor" 
    onclick="document.getElementById
    ('prod-color-id').href=
    '/zBoxuersk/color/<?=$val['image'] ?>'" />
    HTML:
    <a target="_blank" href="/zBoxuersk/color/no_colors.jpg"
     class="gallery" id="prod-color-id">Подробнее</a>
    Немного подправил в дальнейшем, под собственные нужды:

    HTML:
    <input type="radio" name="pcColor" 
    onClick="document.getElementById('prod-color-id-div').style.display='block'; 
    document.getElementById('prod-color-id').href='/zBoxuersk/color/<?=$val['image'] ?>'" />					
    
    HTML:
    
    <div id="prod-color-id-div" style="display: none;">
    <a target="_blank" href="" class="gallery" id="prod-color-id">Подробнее</a>	
    </div>
    
    Принцип действия.

    При клике на radio button с элемент в id=prod-color-id передается значение href и
    ссылка становится видной, до этого она скрыта, если ни какой цвет не выбран.

    Как-то так :)
     
  4. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    378
    Симпатии:
    107
    Много дерьма в html получилось. Я бы и атрибут onClick постарался не использовал, вынес бы весь js в отдельный файл.
     
Статус темы:
Закрыта.