Создание нестандартного (custom-ного) окна браузера

Создание нестандартного (custom-ного) окна браузера

Aвтор:this
Дата: 15.05.2006
Просмотров: 36952
реализации(javascript: 2шт...) +добавить

Данная задача предназначена для коллекции библиотек, позволяющих альтернативно оформлять пользовательские popup-окна веб-приложения.

Реализации:

javascript(2) +добавить

1) chromeless_windows основной код на javascript, code #121[автор:-]
2) chromeless_windows пример страницы, использующей его на javascript, code #122[автор:-]

chromeless_windows, нестандартное, custom оформление пользовательских popup окон браузера, пример страницы вызова нестандартного окна ссылка |режим:

<html>
<head>
<title>Custom Window Test</title>
<script language="javaScript" type="text/javascript" SRC="pz_chromeless_2.1.js"></SCRIPT>
 
<script language="javaScript">
function openIT() {
	theURL="index.html"
	wname ="CHROMELESSWIN"
	W=400;
	H=200;
	windowCERRARa 		= "img/close_a.gif"
	windowCERRARd 		= "img/close_d.gif"
	windowCERRARo 		= "img/close_o.gif"
	windowNONEgrf 		= "img/none.gif"
	windowCLOCK		= "img/clock.gif"
	windowREALtit		= " ? Task title"
	windowTIT 	    	= "<font face=verdana size=1> ? Window title</font>"
	windowBORDERCOLOR   	= "#000000"
	windowBORDERCOLORsel	= "#999999"
	windowTITBGCOLOR    	= "#999999"
	windowTITBGCOLORsel 	= "#333333"
	openchromeless(theURL, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo, windowNONEgrf, windowCLOCK, windowTIT, windowREALtit , windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel)
}
</script>
</head>
 
<body>
<a href="javascript:openIT();">Газ в пол!!!</a>
</body>
</html>

<html>
<head>
<title>Custom Window Test</title>
<script language="javaScript" type="text/javascript" SRC="pz_chromeless_2.1.js"></SCRIPT>

<script language="javaScript">
function openIT() {
	theURL="index.html"
	wname ="CHROMELESSWIN"
	W=400;
	H=200;
	windowCERRARa 		= "img/close_a.gif"
	windowCERRARd 		= "img/close_d.gif"
	windowCERRARo 		= "img/close_o.gif"
	windowNONEgrf 		= "img/none.gif"
	windowCLOCK		= "img/clock.gif"
	windowREALtit		= " ? Task title"
	windowTIT 	    	= "<font face=verdana size=1> ? Window title</font>"
	windowBORDERCOLOR   	= "#000000"
	windowBORDERCOLORsel	= "#999999"
	windowTITBGCOLOR    	= "#999999"
	windowTITBGCOLORsel 	= "#333333"
	openchromeless(theURL, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo, windowNONEgrf, windowCLOCK, windowTIT, windowREALtit , windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel)
}
</script>
</head>

<body>
<a href="javascript:openIT();">Газ в пол!!!</a>
</body>
</html>

Сохраните данный код в какой-нибудь файл(index.html например).
Файл <a href="/source/121/" class="link">pz_chromeless_2.1.js</a> поместите в туже папку.
Далее там же создаем папку img и помещаем туда <a href="/data/tasks/53/File/imgs.rar" class=link>эти картинки</a>.
Далее просто из браузера открываем index.html(или как вы его назвали)

На всякий случай - вот <a href="/data/tasks/53/File/example.rar" class=link>полный набор файлов</a>.

Настройки:
theURL - URL страницы, которая будет загружена в окне
wname - внутреннее имя окна
W - размер окна по горизонтали
H - размер окна по вертикали
windowCERRARa - Три GIF-а, отражающие три состояния кнопки закрытия окна.
windowCERRARd
windowCERRARo
windowBORDERCOLOR - Цвет края окна по умолчанию
windowBORDERCOLORsel - Цвет края при перемещении окна
windowTITBGCOLOR - Цвет заголовка окна
windowTITBGCOLORsel - Цвет заголовка при перемещении окна

Тестировалось на: IE 6.0 SP2, Mozilla FF 1.5, Opera 8.5

<< назад наверх

*	можно кириллицей (недопустимые символы:?&+=\/%#)
**	только для зарегистрированных пользователей

Популярные задачи:

Создание нестандартного (custom-ного) окна браузера

Реализации: