{"version":"1.0","provider_name":"\u0427\u0443\u0434\u043e{\u0432\u0438\u0449\u043d\u044b\u0435} \u0437\u0430\u043c\u0435\u0442\u043a\u0438","provider_url":"https:\/\/miracle.rpz.name","author_name":"MiRacLe","author_url":"https:\/\/miracle.rpz.name\/author\/miracle\/","title":"\u0412\u0441\u043f\u043b\u044b\u0442\u0438\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u0442","html":"<p>\r\n\u041f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c html-\u0442\u0430\u0431\u043b\u0438\u0446\u0430 100x100 \u044f\u0447\u0435\u0435\u043a,\u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u044f\u0447\u0435\u0439\u043a\u0435 - \u0441\u0441\u044b\u043b\u043a\u0430. \u041f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e, \u0434\u043e\u043b\u0436\u043d\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0447\u0442\u043e-\u043b\u0438\u0431\u043e \u043d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0435. \r\n\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c 10 \u0442\u044b\u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 onclick \u0438 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e, \u043d\u043e \u0432\u0435\u0440\u043d\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0441\u0432\u043e\u0435\u0439 \u0446\u0435\u043b\u0438.\r\n\u0410 \u043c\u043e\u0436\u0435\u043c \u0433\u043b\u0443\u043f\u043e\u0441\u0442\u0435\u0439 \u043d\u0435 \u0434\u0435\u043b\u0430\u0442\u044c. \u0412\u0435\u0434\u044c \u0445\u0432\u0430\u0442\u0438\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u043e\u0433\u043e!\r\n<\/p>\r\n<p><img src=\"http:\/\/miracle.rpz.name\/shared\/event_bubbling.gif\" align=\"right\">\r\n \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0432 DOM \u0443\u043c\u0435\u044e \"\u0432\u0441\u043f\u043b\u044b\u0432\u0430\u0442\u044c\" - \u0442.\u0435. \u0435\u0441\u043b\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0432 \u0432\u0438\u0434\u0435 \u0441\u043b\u043e\u0451\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, \u0433\u0434\u0435 \u0441\u0430\u043c document \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0441\u0432\u0435\u0440\u0445\u0443, \u0440\u0430\u0434\u0443\u044f \u0433\u043b\u0430\u0437 \u0445\u0440\u0443\u0441\u0442\u044f\u0449\u0435\u0439 \u043a\u043e\u0440\u043e\u0447\u043a\u043e\u0439, \u0430 \u0432\u0441\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u0434 \u043d\u0438\u043c, \u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432\u043e\u0437\u0431\u0443\u0436\u0434\u0451\u043d\u043d\u043e\u0435 \u043d\u0430 \u043d\u0438\u0436\u043d\u0438\u0445 \u0443\u0440\u043e\u0432\u043d\u044f\u0445, \u043d\u0435 \u043d\u0430\u0439\u0434\u044f \u0441\u0432\u043e\u0439 \u0437\u0430\u043a\u043e\u043d\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0443 \u043f\u043e\u0442\u0440\u0435\u0432\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043f\u043e\u0442\u0438\u0445\u043e\u043d\u044c\u043a\u0443 \u043b\u0435\u0437\u0442\u044c \u043d\u0430\u0432\u0435\u0440\u0445, \u0448\u0435\u0432\u0435\u043b\u044f \u0432\u0441\u0451 \u043d\u0430 \u0441\u0432\u043e\u0451\u043c \u043f\u0443\u0442\u0438, \u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0443 \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u0434\u043a\u043e\u0432.\r\n\u0427\u0442\u043e \u044d\u0442\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0434\u0430\u0451\u0442? \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u041d\u0430 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0444\u0435\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u0430\u043a\u0443\u0443\u043c\u043d\u043e\u0433\u043e \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0433\u043e \u043e\u0434\u0438\u043d \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a!\r\n<\/p>\r\n\r\n\u041f\u0435\u0440\u0435\u0439\u0434\u0443 \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c:<!--more-->\r\n<pre class=\"js:nocontrols\">\r\n  window.onload = function(){\r\n  var tbl = document.getElementById('tbl'), links = tbl.getElementsByTagName('a'), linkcount = links.length;\r\n     for (var i = 0; i < linkcount; i++){\r\n                  (function(){\r\n                    var num = i;\r\n                     x[i].onclick  = function(){  \r\n                     alert('\u042d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u043e\u043c\u0435\u0440 ' + num + ' \u0438\u0437 ' + linkcount + ', \u0443\u0436\u0430\u0441 \u043f\u0440\u0430\u0432\u0434\u0430?');\r\n                     return false;\r\n                  };\r\n        })();\r\n     }\r\n  } \r\n<\/pre>\r\n\r\n\u0413\u043e\u0442\u043e\u0432\u043e. 10000 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u041b\u0435\u0433\u043a\u043e. \u041f\u0440\u043e\u0441\u0442\u043e. \u0418 \u0434\u043e\u043b\u0433\u043e\u2026\r\n\r\n\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u0413\u043e\u0440\u0431\u0430\u0442\u044b\u0439! (\u042f \u0441\u043a\u0430\u0437\u0430\u043b \"\u0413\u043e\u0440\u0431\u0430\u0442\u044b\u0439?!?\")\r\n<pre class=\"js:nocontrols\">\r\n      window.onload = function(){\r\n         var tbl = document.getElementById(\"tbl\");\r\n         tbl.onclick = function(e) {\r\n                e = e || window.event;\r\n                var elem = e.target || e.srcElement;\r\n                    if ('a' === elem.nodeName.toLowerCase()) {\r\n                            alert('\u042d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a. \u041e\u0434\u0438\u043d. \u0415\u0414\u0418\u041d\u0421\u0422\u0412\u0415\u041d\u041d\u042b\u0419!');\r\n                    }\r\n             }\r\n      }\r\n<\/pre>\r\n\r\n\u0410 \u0435\u0441\u043b\u0438 \u043d\u0435 \u0432\u0438\u0434\u043d\u043e \u0440\u0430\u0437\u043d\u0438\u0446\u044b, \u0442\u043e \u0437\u0430\u0447\u0435\u043c \u043f\u043b\u0430\u0442\u0438\u0442\u044c <strike>\u0431\u043e\u043b\u044c\u0448\u0435<\/strike> ?\r\n\r\n\u0421 jQuery \u044d\u0442\u0430 \u0442\u0435\u0445\u043d\u0438\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:\r\n<pre class=\"js:nocontrols\">\r\n    $('#tbl').bind('click',function(e) {\r\n            if ($(e.target).is('a')) {\r\n                    alert('\u042d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a. \u041e\u0434\u0438\u043d. \u0415\u0414\u0418\u041d\u0421\u0422\u0412\u0415\u041d\u041d\u042b\u0419!');\r\n                    return false;\r\n            }\r\n    });\r\n<\/pre>\r\n\r\n\u0412 \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f <a href=\"http:\/\/jquery.com\">jQuery<\/a>, \u0431\u0435\u0440\u0443\u0449\u0438\u0435 \"\u043f\u044b\u043b\u044c\u043d\u0443\u044e\" \u0440\u0430\u0431\u043e\u0442\u0443 \u0432 \u0441\u0432\u043e\u0438 \u0440\u0443\u043a\u0438: \r\n\r\n<a href=\"http:\/\/flesler.blogspot.com\/2007\/10\/jquerylisten.html\">jQuery.listen<\/a> \r\n\r\n<pre class=\"js:nocontrols\">\r\n$('#tbl').listen('click', 'a', function (e) {\r\n    alert('\u042d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a. \u041e\u0434\u0438\u043d. \u0415\u0414\u0418\u041d\u0421\u0422\u0412\u0415\u041d\u041d\u042b\u0419!');\r\n    e.preventDefault();\r\n});\r\n<\/pre>\r\n\r\n\u0438 <a href=\"http:\/\/dev.distilldesign.com\/log\/2008\/jan\/27\/event-delegation-jquery\/\">jquery.eventdelegation<\/a>\r\n<pre class=\"js:nocontrols\">\r\n$('#tbl').delegate('click', 'a', function () {\r\n    alert('\u042d\u0442\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a. \u041e\u0434\u0438\u043d. \u0415\u0414\u0418\u041d\u0421\u0422\u0412\u0415\u041d\u041d\u042b\u0419!');\r\n    return false;\r\n});\r\n<\/pre>\r\n\r\n\u0423\u0434\u0430\u0447\u043d\u043e\u0433\u043e \u0432\u0441\u043f\u043b\u044b\u0442\u0438\u044f!","type":"rich"}