S3Ga

<div id="box"><button id="btn">кнопка</button></div>

document.getElementById("box").addEventListener("click",
function(e){
e = e || window.event;
var target = e.target || e.srcElement;
if(target.id == "btn") alert("Клик по дочернему!");
}
);

SELECT * FROM `camps` LEFT JOIN visits on camps.id_camp = visits.id_camp WHERE address = '$address' AND visit_limit > COALESCE((SELECT count(id) FROM visits WHERE visits.id_camp = camps.id_camp GROUP BY visits.id_camp),0) GROUP BY camps.id_camp

var arrPop = ['a', 'b', 'c'];

function servicePopup(params) {

  function test (arr,index) {
    if(!arr[index]) return;
    $('body').removeClass('popup_opened');
    $('body').removeAttr('style');
    $('.popup__item').css('display', 'none');
    $('.popup__item_js').find($('.popup__item__content')).html(arr[index]);
    $('body').addClass('popup_opened');
    $('.popup__item_js').css('display', 'inline-block');
    $('.popup__item__close_js').on('click', function() {
    	test(arr,index++);
       // код закрытия окна
    });
  }

  if (arrPop.length > 0) {
      test(params,0);
  } else {
    console.log('empty');
  }
}

servicePopup(arrPop);

SELECT DATE_FORMAT(`orders`.`date`, '%d.%m.%Y') as `date_sum`, SUM((`orders_items`.`price`)*(`orders_items`.`count`))  AS `money_all` , `gd`.money_prod  AS money_prod
FROM `orders_items`
LEFT JOIN `orders_groups` ON `orders_items`.`order_group_id` = `orders_groups`.`id`
LEFT JOIN `orders` ON `orders_groups`.`order_id` = `orders`.`id`
LEFT JOIN `goods` ON `goods`.`id` = `orders_items`.`good_id`
LEFT JOIN `goods` AS `gd` ON  `goods`.`type_id` = 103
LEFT JOIN `orders_status` ON `orders_status`.`id` = `orders_items`.`status_id`
WHERE `orders`.`date` BETWEEN '2016-08-01' AND '2016-08-11'
AND `orders_items`.`status` = 1
AND `orders`.`type` = 1
AND `orders_groups`.`type_id` > 0
AND `orders`.`status` = 1
GROUP BY `date_sum`,`money_prod` ORDER BY `orders`.`date` DESC

<!-- Ссылки -->
<a href="#" id="https://www.youtube.com/embed/aaaaaaaa1"  onclick="$('#video_frame').attr('src',this.src);$('#show_video_window').arcticmodal();">Посмотреть видео 1</a>
<a href="#" id="https://www.youtube.com/embed/aaaaaaaa2"  onclick="$('#video_frame').attr('src',this.src);$('#show_video_window').arcticmodal();">Посмотреть видео 2</a>

<!-- Модальное окно -->
<div style="display:none;">
<div class="box-modal" id="show_video_window">
<!-- src должно меняться, в зависимости от id -->
<iframe id="video_frame" width="480" height="360" src="https://www.youtube.com/embed/xFa2_PVMeDQ"></iframe>
</div>
</div>

/*
			TOOLTIP
		*/

		$( document ).ready( function()
		{
			var targets = $( '[rel~=tooltip]' ),
				target	= false,
				tooltip = false,
				title	= false;

			targets.bind( 'mouseenter click', function()
			{
				target	= $( this );
				tip		= target.attr( 'title' );
				tooltip	= $( '<div id="tooltip"></div>' );

				if( !tip || tip == '' )
					return false;

				target.removeAttr( 'title' );
				tooltip.css( 'opacity', 0 )
					   .html( tip )
					   .appendTo( 'body' );

				var init_tooltip = function()
				{
					if( $( window ).width() < tooltip.outerWidth() * 1.5 )
						tooltip.css( 'max-width', $( window ).width() / 2 );
					else
						tooltip.css( 'max-width', 340 );

					var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
						pos_top	 = target.offset().top - tooltip.outerHeight() - 20;

					if( pos_left < 0 )
					{
						pos_left = target.offset().left + target.outerWidth() / 2 - 20;
						tooltip.addClass( 'left' );
					}
					else
						tooltip.removeClass( 'left' );

					if( pos_left + tooltip.outerWidth() > $( window ).width() )
					{
						pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
						tooltip.addClass( 'right' );
					}
					else
						tooltip.removeClass( 'right' );

					if( pos_top < 0 )
					{
						var pos_top	 = target.offset().top + target.outerHeight();
						tooltip.addClass( 'top' );
					}
					else
						tooltip.removeClass( 'top' );

					tooltip.css( { left: pos_left, top: pos_top } )
						   .animate( { top: '+=10', opacity: 1 }, 50 );
				};

				init_tooltip();
				$( window ).resize( init_tooltip );

				var remove_tooltip = function()
				{
					tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
					{
						$( this ).remove();
					});

					target.attr( 'title', tip );
				};

				target.bind( 'mouseleave', remove_tooltip );
				tooltip.bind( 'click', remove_tooltip );
			});
		});