Задать вопрос
@not-deanon

Переход по ссылке по нажатию на div?

Здравствуйте! У меня есть div с двумя кнопками, который можно перетаскивать:

var p = document.getElementById("two2_min");
var op = p.getElementsByTagName('div');
var on = op[0].cloneNode(false);
    for (var c = 1; c < cn1+1; c++) { 
    if (!(document.getElementById("block"+c))) {
        on.id = "r"+c;
    }
    } 
on.className = "two3";
on.onmousedown = dnd;
on.ondblclick = Delete;
on.onmouseup = jqcoorPhp;
var i = p.appendChild(on);
var t = document.createElement('div');
t.className = "rebutton";
    for (var c = 0; c < cn1; c++) { 
    if (!(document.getElementById("rebutton_new"+c))) {
        t.id = "rebutton_new"+c;
    }
    } 
i.appendChild(t);  
var b = document.createElement('div');
b.className = "on_new";
    for (var c = 0; c < cn1; c++) { 
    if (!(document.getElementById("on_off"+c))) {
        b.id = "on_off"+c;
        b.onclick = window.location.href='http://ya.ru';
    }
    } 
i.appendChild(b);


Я хочу, чтобы по нажатию на кнопку on_new, можно было перейти по ссылке. Но в итоге у меня получается так, что при нажатии на главный div осуществляется переход по ссылке. Как это можно исправить?
  • Вопрос задан
  • 1087 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
abyrkov
@abyrkov
JavaScripter
b.onclick = window.location.href='http://ya.ru';
Тупанули здесь. Нужно в обертку
b.onclick = function(){window.location.href='http://ya.ru';};

PS Не в обиду, но в коде много тупизма. Например не ИДы логичнее юзать, а классы. Прошу прощения, если обидел.
Ответ написан
Комментировать
@ademar26
Вот примерное решение:
<a href="#form" id="but01"><span class="oform">Оформить заказ</span></a>

<script>
			     $('#but01').click(function(event){ 
				 
			    var form     = $("#form"),
			        bg     = $("#form-bg");

			    function form_hide(form, bg){
			        form.animate({top: "-500px"  }, 1000, function(){bg.fadeOut(1000);});
			    }

			    function form_show(form, bg){
			        form.animate({top: "350px"  }, 2000);
			        bg.fadeIn(1000).click(function(){form_hide(form, bg)});
			    }

			    form_show(form, bg);
			} ); 
			</script>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы