Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Всплавающее модальное окно с группой подписчиков вконтакте ??? (https://javascript.ru/forum/dom-window/40119-vsplavayushhee-modalnoe-okno-s-gruppojj-podpischikov-vkontakte.html)

ilyas-> 25.07.2013 22:31

а есть ли готовый скрипт который я в вопросе расписал, ну или что -то похожее???
а то мне срочно нужно всплывающее модальное окно, появляющееся по задданому промежутку времени

ruslan_mart 27.07.2013 15:27

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script src="http://vk.com/js/api/openapi.js" type="text/javascript"></script>
<style type="text/css">
.vk {
	border: 1px solid #888;
	box-shadow: 0 0 5px #000;
	display: none;
	height: 400px;
	left: 50%;
	margin: -200px 0% 0% -110px;
	position: fixed;
	top: 50%;
	width: 200px;
	z-index: 10;
}
</style>
</head>

<body>
<div class="vk" id="vk"></div>

<script type="text/javascript">
window.onload = function() {
	var chance = 5; //Вероятность появления (1 на 5) [Вероятность появления окна: 20%] | ставьте большее число, если хотите, чтобы вероятность появления окна была меньше.
	var groupID = 20003922; //ID группы ВКонтакте
	
	/***********************************************/
	var a = Math.floor(Math.random() * (chance - 2));
	if(!a) {
		document.getElementById('vk').style.display = 'block';
		VK.Widgets.Group('vk', {mode: 0, width: '220', height: '400', color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, groupID);
	}
}
</script>
</body>
</html>


Надеюсь, успокоилась Ваша душа и Вы перестанете создавать нубские бесмысленные темы.
Всё понятно? Или документацию к коду делать? :D

P.S.: если не понимаете, что такое id в группе, то скопируете ссылку в адресной строке группы ВКотакте и из скопированной ссылки вырежите ID группы: vk.com/public123456 или vk.com/club123456

ilyas-> 27.07.2013 15:35

Ruslan_xDD спасибо за ваш труд, нооо мне нужно именно на fancybox в соседней теме у меня палемика идет, у меня уже все как надо всплывает по (.triger('click')) только не получается запустить с кодом куки

Гляньте пожалуйста что здесь не так
$(document).ready(function{

function fancybox_show(){
    $(".gallery3").fancybox({
                    autoSize: false,
                    autoDimensions: false,
                    width: 416,
                    height: 416,
                    fitToView: false,
                    padding: 0,
                    
                    href: '/personal/why_we/vk.html',
                    type: 'iframe'
                });
$(".gallery3").trigger('click');
}


var date = new Date();
var mSec = 5*1000;

function show_fancybox(){


  if( ! $.cookie('fancybox_show')  ){
    // запускаем fancybox

   
   date.setTime(date.getTime() +mSec);
   
   $.cookie('fancybox_show', date.getTime(),{ path: "/", expires: date});
  }
}

$(function(){

   show_fancybox()

   setInterval(show_fancybox, mSec)

})

})

ruslan_mart 27.07.2013 15:37

ilyas->, зачем? Выше готовый 100% рабочий код с готовым окном по центру.

ilyas-> 27.07.2013 15:41

Цитата:

Сообщение от Ruslan_xDD (Сообщение 264470)
ilyas->, зачем? Выше готовый 100% рабочий код с готовым окном по центру.

у fancybox дизаин лучше, да и на сайте уже подключен fancybox для другого модального окна, получается для группы подписчиков всего-то немного кода написать и будет второе модальное окошко на том же плагине

ruslan_mart 27.07.2013 16:47

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link rel="stylesheet" href="http://www.xiper.net/examples/js-plugins/gallery/fancybox/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.xiper.net/examples/js-plugins/gallery/fancybox/js/jquery.fancybox-1.3.4.pack.js"></script>
</head>

<body>

<script type="text/javascript">
$(function() {
	var all = {
		chance: 5, //Вероятность появления (1 на 20).
		groupID: 20003922, //ID группы ВКонтакте
		height: 400, //Высота окна
		width: 220 //Ширина окна
	};
	var a = Math.floor(Math.random() * (all.chance - 1));
	if(!a) $.fancybox({height: all.height, href: 'http://vk.com/widget_community.php?gid='+all.groupID+'&width='+all.width+'&height='+all.height, scrolling: 'no', type:'iframe', width: all.width});
});
</script>
</body>
</html>

ilyas-> 27.07.2013 19:05

На другом форуме говорят что нужно еще подключить jquery.cookie

ruslan_mart 28.07.2013 04:39

ilyas->, хватит ерундой страдать, я Вам дал на пост выше хороший вариант без кук.

FlyerDell 03.09.2013 14:57

Ребята, спасибо вам огромнейшее!!! И за создание данной темы, и за дискуссию во время неё. Но особенную благодарность хотелось бы выразить Ruslan_xDD. Благодаря Вашим ответам, я до мелочей разобрался в нюансах при работе с cookies, и смог реализовать проект над которым давно ломал голову! Спасибо Вам огромное! Побольше бы таких отзывчивых специалистов.

John Doe 25.12.2013 14:26

Ruslan_xDD спасибо за скрипт, но в нем не работает кнопка "подписаться / отписаться". Подскажите как это исправить.


Часовой пояс GMT +3, время: 04:36.