Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.04.2018, 03:48
Аватар для Paguo-86PK
Профессор
Отправить личное сообщение для Paguo-86PK Посмотреть профиль Найти все сообщения от Paguo-86PK
 
Регистрация: 16.09.2009
Сообщений: 253

Custom Tags - тесты
Здeсь опубликую несколько своих опытов на основе соответствующей статьи.
Сам попрактикуюсь в освоении новых стандартов, да идеями поделюсь…
(Пока есть время, здоровье, интерес…)
<head>
<link rel=icon type='image/ico' href='http://javascript.ru/favicon.ico' />
<script type='text/javascript'>
(function() {
	var	gue = Object.create(HTMLTableElement.prototype);	// Graphic Unical Element
	gue.createdCallback = function() {
		var	cpt	= document.createElement("tr");
		var	pic	= cpt.insertCell(0);
		var	title	= cpt.insertCell(1);
		var	buttons	= cpt.insertCell(2);
		this.style.width = "100%";
		this.style.position = "fixed";
		this.style.top = "0px";
		cpt.style.backgroundColor = "ActiveCaption";
		cpt.style.color = "CaptionText";
		cpt.style.width = "100%";
		pic.style.width = "16px";
		title.style.width = "100%";
		buttons.style.whiteSpace = "nowrap";
		var	picture	= new Image();
		this.minimizer	= document.createElement("button");
		this.maximizer	= document.createElement("button");
		this.optimizer	= document.createElement("button");
		this.minimizer.style.fontFamily = "Marlett";
		this.maximizer.style.fontFamily = "Marlett";
		this.optimizer.style.fontFamily = "Marlett";
	try {	picture.src = document.querySelector("link[rel*='icon']").href;	} catch(e) {}
		picture.style.width = "16px";
		picture.style.height = "16px";
		this.minimizer.textContent = "0";
		this.maximizer.textContent = "2";
		this.optimizer.textContent = "r";
		pic.appendChild(picture);
		title.textContent = this.innerHTML;
		buttons.appendChild(this.minimizer);
		buttons.appendChild(this.maximizer);
		buttons.appendChild(this.optimizer);
		this.textContent = "";
		this.appendChild(cpt);
	};
	document.registerElement("gui-caption", {
		prototype	:gue
	});
})();
</script>
<style>
body
{
	padding		:0px 0px 0px 0px;
	margin		:0px 0px 0px 0px;
	background-color:ThreeDFace;
	color		:WindowText;
	overflow	:auto;
}
</style>
</head>
<body>
<gui-caption>CAPTIONISSIMO</gui-caption>
</body>

P.S.: Чуток разомнусь…
Авось кому-то будет интересно и полезно…

Последний раз редактировалось Paguo-86PK, 28.04.2018 в 04:06.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Custom Backgrounds Reaplay Общие вопросы Javascript 8 30.04.2015 22:14
Тесты по JavaScript онлайн ditoba Учебные материалы 6 05.11.2014 22:48
xml:empty-element tags sintax bes (X)HTML/CSS 2 17.07.2013 19:00
Кто как оформляет юнит тесты kobezzza Общие вопросы Javascript 6 26.11.2012 00:31
Тесты на javascript по физике для школьников (без регистрации) afportal Ваши сайты и скрипты 5 10.04.2012 18:19