Показать сообщение отдельно
  #23 (permalink)  
Старый 17.02.2013, 01:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

prison47,
<!DOCTYPE HTML>

<html>

<head>
  <title></title>
<meta charset="utf-8" />
<style type="text/css">
#general_overlay{
  background-color: #FF0099;
   width: 300px;
   height: 50px;
}
</style>
</head>

<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

(function($) {

    $.fn.pluginName = function( settings ) {

    	var settings = $.extend( {

    	 }, settings);

     return this.each(function() {

     	var element = $(this);
    if($('#general_overlay').length)  {alert('No pasarán'); return} ;
	if(!$('#general_overlay').length){

		$("<div id='general_overlay'></div>").appendTo($('body'));
	};

	var genOverlay = $('#general_overlay');

    element.click( function(){

    	genOverlay.show();

    });

    $('body').on('click.overPop', '#general_overlay', function(){

    	$(this).hide();

    	       //	console.log($(this));
    });

});
};

}) (jQuery) ;
</script>

<button onclick="$(this).pluginName()">Нажми </button>

<button onclick="$(this).pluginName()">Нажми 2</button>

</body>

</html>
Ответить с цитированием