사용자:Hsl0/연구소/4: 두 판 사이의 차이

리버티게임, 모두가 만들어가는 자유로운 게임
imported>Hsl0
편집 요약 없음
imported>Hsl0
편집 요약 없음
1번째 줄: 1번째 줄:
{{#css:사용자:Hsl0/연구소/2.css}}
{{#css:사용자:Hsl0/연구소/2.css}}
{{pluginX|../3.js}}
{{pluginX|../3.js}}
 
<span class="popuplink"><span class="popuplink-label" {{boolean|{{{자동닫기|false}}}|data-autoclose}}>{{{라벨|{{{1|{{{라벨}}}}}}}}}</span><div class="popuplink-content">{{{내용|{{{2|{{{내용}}}}}}}}}</div>{{#ifeq:{{{제목|#null}}}|{{{제목|#nil}}}|<span class="popuplink-header">{{{제목}}}</span>}}</span>
* <span class="popuplink" data-autoclose><span class="popuplink-label"><span style="color: black">제목 없음, 자동 닫기</span></span><div class="popuplink-content">Hello, World!</div></span>
* <span class="popuplink" data-autoclose><span class="popuplink-label">제목 있음, 자동 닫기</span><span class="popuplink-header">테스트</span><div class="popuplink-content">Hello, World!</div></span>
* <span class="popuplink"><span class="popuplink-label">제목 없음, 수동 닫기</span><div class="popuplink-content">Hello, World!</div></span>
* <span class="popuplink"><span class="popuplink-header">테스트</span><span class="popuplink-label">제목 있음, 수동 닫기</span><div class="popuplink-content">Hello, World!</div></span>
* 테스트
* 테스트

2021년 7월 27일 (화) 14:29 판

/**
 * @requires oojs-ui-widgets
 * @requires ext.gadget.Tasker
**/
registerRenderer(function createPopupButton() {
	$('.popuplink').each(function() {
		var $header = $(this).find('.popuplink-header');
		var widget = new OO.ui.PopupButtonWidget({
			label: $(this).find('.popuplink-label'),
			framed: false,
			popup: {
				head: $header.length || !('autoclose' in this.dataset),
				padded: true,
				autoClose: 'autoclose' in this.dataset,
				label: $header,
				$content: $(this).find('.popuplink-content')
			}
		});
		$(this).html(widget.$element);
	});
});
{{{라벨}}}