Окна

Скачать CSS фрагмент компонента Скачать JS фрагмент компонента

Первай вариант

<p><button class="button" data-AverinWindow="exampleWindow1">Открыть окно</button></p>
<div class="averin_window" id="exampleWindow1">
	<div class="averin_window_inner">
		<img src="/img/ico_close.png" width="32" alt="Закрыть" class="averin_window_close" />
		Содержимое окна
	</div>
</div> 

Открыть окно

Содержимое окна

Второй вариант

<p><button class="button" data-AverinWindow="exampleWindow2">Открыть окно</button></p>
<div id="exampleWindow2" style="display: none;">
	Содержимое окна
</div> 

Открыть окно

Дополнительные варианты

Запуск окна через data атрибут data-AverinWindow="название блока"

<span data-AverinWindow="exampleWindow1">Открыть окно</span> 

Запуск окна через фукнцию AverinWindow_open('название блока')

<span onclick="AverinWindow_open('exampleWindow1');">Открыть окно</span> 

Закрытие всех окон через фукнцию AverinWindow_close()

<span onclick="AverinWindow_close();">Закрыть окна</span>