Форум Сайтостроение Веб-строительство

Подскажите, как сделать плавающее сбоку окошко

1 23
Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#21

TaP3aH, Да, типа как в последнем варианте, но только чтобы после закрытия крестиком открывалось только на след день.

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
FernandoDiaz
На сайте с 23.01.2012
Offline
13
FernandoDiaz
#22

Самому стало интересно на практике реализовать это...

Готовый код:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<head>
		<title>Плавающее окошко</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		</head>
	<body>
	<style>
	.content {
		width:500px;
		height:200%;
		background:#f4f4f4;
		margin-left:30px;
		position:relative;
		}
	.content p {padding:20px}
	.panel {
		position: fixed;
		left:8px;
		height:80px;
		top:50px;
		width:30px;
		background: #c53838;
		cursor: pointer
	}
	.panel p {
		writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	padding:0px;
	color:white
	}
	</style>
	
	<div class="content">

	<p>Контент</p>

	<?php if ($HTTP_COOKIE_VARS["show"] !== 'no'): ?>
		
  <div class="panel" onclick="iLoveCookies()">
	<p>Закрыть</p>
	
	</div><?php endif; ?>
	</div>
	<script>
	
  $(".panel").one( "click", function () {
    $( this ).css( "display","none" );
  });
  function iLoveCookies(){
   days=1; // сколько хранить куки
   myDate = new Date();
   myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
   document.cookie = 'show=no; path=/; expires=' + myDate.toGMTString();
}
	</script>
	</body>
</html>

После нажатия на "Закрыть" записывается кука на 1 день и окошко скрывается. После обновления страницы проверяется, есть ли кука с таким-то значением, и если есть, то не показываем этот блок.

Geers
На сайте с 12.04.2011
Offline
487
Geers
#23

FernandoDiaz, отлично! держите пять..;)

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#24

Красавчик! Чуть переделал под свои нужды - вообще красота!

Geers
На сайте с 12.04.2011
Offline
487
Geers
#25

Rock'n'rolla я тоже кстати переделал под свои нужды. :)

Спасибо FernandoDiaz.

1 23

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий