Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Обработчик событий по классам (https://javascript.ru/forum/misc/32819-obrabotchik-sobytijj-po-klassam.html)

Aftal1ck 31.10.2012 12:53

Обработчик событий по классам
 
Задача состоит в том, чтобы отрабатывать события onclick не по document.getElementById ('button_cart'), а по определенному классу - ('button').

Код:
<script type="text/javascript">
function clickDoc (ev)
{
clearTimeout (TMR);
var e = window.event || ev, o = e.srcElement || e.target,
star = document.getElementById ('button_cart')
while (o.parentNode)
   if (o.id == 'clickinfo_cart') break; else o = o.parentNode;
if (o.id != 'clickinfo_cart')
   star.onclick = clickStar, star.style.cursor = 'pointer',
   document.getElementById ('clickinfo_cart').style.display = 'none',
   document.onclick = null;
}
 
function clickStar ()
{
TMR = setTimeout ('document.onclick = clickDoc', 0);
var star = document.getElementById ('button_cart'), l = t = 0;
star.onclick = null, star.style.cursor = 'default';
while (star.offsetParent)
   t += star.offsetTop, l += star.offsetLeft, star = star.offsetParent;
with (document.getElementById ('clickinfo_cart').style)
   display = 'block';
}
 
document.getElementById ('button_cart').onclick = clickStar;

</script>

Возможно через ajax легче реализовать?

dmitriymar 31.10.2012 13:06

Цитата:

Сообщение от Aftal1ck
Возможно через ajax легче реализовать?

а каким он здесь боком?
http://ru.wikipedia.org/wiki/AJAX

Aftal1ck 31.10.2012 13:07

Перепутал с др. задачей, jQuery.

p.s.
Написал гна jQuery:
<script type="text/javascript">
$(document).ready(function(){
    var buy_infowind = $('#clickinfo_cart');

        buy_infowind.hide();

    $('.button').click(function(){
        buy_infowind.show(1000);
    });

    $('##close_lbox').click(function(){
        buy_infowind.hide(1000);
    });

    });
</script>


Часовой пояс GMT +3, время: 19:05.