кнопка затемняющая фон

[stas9238 0]

Доброй ночи, дорогие друзья. Суть вопроса заключается в том, что нужна кнопка, после нажатия на которую все вокруг плеера будет затемняться. Вот собственно все Спасибо.

сайт

[stas9238 0]

не подскажете как сделать?

[stas9238 0]

?

[stas9238 0]

ну что?

[stas9238 0]

тема все еще актуальна

[odys 384]

тема все еще актуальна

вот, делай... http://ruseller.com/lessons.php?rub=32&id=320

[stas9238 0]

тема все еще актуальна

вот, делай... http://ruseller.com/...p?rub=32&id=320

при нажатии на кнопку перекидывает вверх странички.

тема все еще актуальна

вот, делай... http://ruseller.com/...p?rub=32&id=320

<div id="container">

<div id="command"><a class="lightSwitcher" href="#">Turn off the lights</a></div>

		    <div id="movie">

[vkontakte-constructor]<br /><center>{vkontakte-constructor}</center>[/vkontakte-constructor]</div>

	    </div>

	  </div>

Так?

[baxus 49]

делаешь блок присваиваешь ему дисплей ноу, сажаешь его на з-индекс повыше сайта, а видяхам присваиваешь зиндекс ещё выше. Блоку даёшь свойство растягиватся на 100% во все стороны. и прозрачность там процентов 50% опционально.

Потом нужно просто найти ява код который будет этому блоку параметр дисплей менять с невидимого на видимый, присвоить его кнопке и вуаля.

Я просто давно не кодировал пару лет, уже не помню что и как. Но теперь у тебя есть направление в котором двигаться на htmlbook справочник по коду весь есть.

[stas9238 0]

делаешь блок присваиваешь ему дисплей ноу, сажаешь его на з-индекс повыше сайта, а видяхам присваиваешь зиндекс ещё выше. Блоку даёшь свойство растягиватся на 100% во все стороны. и прозрачность там процентов 50% опционально.

Потом нужно просто найти ява код который будет этому блоку параметр дисплей менять с невидимого на видимый, присвоить его кнопке и вуаля.

Я просто давно не кодировал пару лет, уже не помню что и как. Но теперь у тебя есть направление в котором двигаться на htmlbook справочник по коду весь есть.

ну как тут? http://ruseller.com/...p?rub=32&id=320 Изменено 15 октября 2014 пользователем stas9238

[odys 384]

ну как тут? http://ruseller.com/...p?rub=32&id=320

я же тебе дал ссылку, там всё расписано, есть демо, открой его, посмотри исходный код и делай также

[stas9238 0]

ну как тут? http://ruseller.com/...p?rub=32&id=320

я же тебе дал ссылку, там всё расписано, есть демо, открой его, посмотри исходный код и делай также

понял Изменено 16 октября 2014 пользователем stas9238

[stas9238 0]

перекидывает вверх страницы при нажатии на кнопку

[odys 384]

понял

видать не понял, раз

перекидывает вверх страницы при нажатии на кнопку

я открыл ссылку, которую ты прислал в ЛС, я тебе там писал, что jquery нужно убрать, он уже подключен в DLE. Он подключается в шаблоне main.tpl тегом {headers}, который выводит и meta-теги и нужные движку скрипты!

Скрипт выключателя нужно размещать в main.tpl не до {headers}, а после:

<script type="text/javascript">

	    $(document).ready(function(){

		    $("#shadow").css("height", $(document).height()).hide();

		    $(".lightSwitcher").click(function(){

			    $("#shadow").toggle();

			    if ($("#shadow").is(":hidden"))

				    $(this).html("Выключить свет").removeClass("turnedOff");

				 else

				    $(this).html("Включить свет").addClass("turnedOff");

		    });

	    });

    </script>

затем код плеера нужно заключить в div с id movie и добавить пустой div с id shadow, а кнопку выключения в любое место

<a class="lightSwitcher" href="javascript:;">Выключить свет</a>

<div id="movie">КОД ПЛЕЕРА</div>

<div id="shadow"></div>

ну и стили нужно давить в .css файл

#movie, .lightSwitcher {z-index:101;position:relative;}

#shadow {background:#000;opacity:0.9;filter:alpha(opacity=90);position:fixed;left:0;top:0;height:100%;width:100%;z-index:100;display:none;}

Если что-то не будет работать, ищи причину в кривых руках, у меня всё работает: http://www.kanaspo.com/cinema.html

[stas9238 0]

понял

видать не понял, раз

перекидывает вверх страницы при нажатии на кнопку

я открыл ссылку, которую ты прислал в ЛС, я тебе там писал, что jquery нужно убрать, он уже подключен в DLE. Он подключается в шаблоне main.tpl тегом {headers}, который выводит и meta-теги и нужные движку скрипты!

Скрипт выключателя нужно размещать в main.tpl не до {headers}, а после:

<script type="text/javascript">

		$(document).ready(function(){

			$("#shadow").css("height", $(document).height()).hide();

			$(".lightSwitcher").click(function(){

				$("#shadow").toggle();

				if ($("#shadow").is(":hidden"))

					$(this).html("Выключить свет").removeClass("turnedOff");

				 else

					$(this).html("Включить свет").addClass("turnedOff");

			});

		});

	</script>

затем код плеера нужно заключить в div с id movie и добавить пустой div с id shadow, а кнопку выключения в любое место

<a class="lightSwitcher" href="javascript:;">Выключить свет</a>

<div id="movie">КОД ПЛЕЕРА</div>

<div id="shadow"></div>

ну и стили нужно давить в .css файл

#movie, .lightSwitcher {z-index:101;position:relative;}

#shadow {background:#000;opacity:0.9;filter:alpha(opacity=90);position:fixed;left:0;top:0;height:100%;width:100%;z-index:100;display:none;}

Если что-то не будет работать, ищи причину в кривых руках, у меня всё работает: http://www.kanaspo.com/cinema.html

все идеально, спасибо)