25.07.2013, 22:31
|
 |
Кандидат Javascript-наук
|
|
Регистрация: 19.06.2013
Сообщений: 135
|
|
|
а есть ли готовый скрипт который я в вопросе расписал, ну или что -то похожее???
а то мне срочно нужно всплывающее модальное окно, появляющееся по задданому промежутку времени
|
|
27.07.2013, 15:27
|
 |
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
Вот, сделал такой вариант, думаю он будет куда лучше, чем с куками. Суть такая, каждый раз случайным образом открывается Ваше окно с подписчиками группы. Никаких 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>
Надеюсь, успокоилась Ваша душа и Вы перестанете создавать нубские бесмысленные темы.
Всё понятно? Или документацию к коду делать? 
P.S.: если не понимаете, что такое id в группе, то скопируете ссылку в адресной строке группы ВКотакте и из скопированной ссылки вырежите ID группы: vk.com/public 123456 или vk.com/club 123456
Последний раз редактировалось ruslan_mart, 27.07.2013 в 15:33.
|
|
27.07.2013, 15:35
|
|
Кандидат Javascript-наук
|
|
Регистрация: 19.06.2013
Сообщений: 135
|
|
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)
})
})
|
|
27.07.2013, 15:37
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
|
ilyas->, зачем? Выше готовый 100% рабочий код с готовым окном по центру.
|
|
27.07.2013, 15:41
|
|
Кандидат Javascript-наук
|
|
Регистрация: 19.06.2013
Сообщений: 135
|
|
Сообщение от Ruslan_xDD
|
|
ilyas->, зачем? Выше готовый 100% рабочий код с готовым окном по центру.
|
у fancybox дизаин лучше, да и на сайте уже подключен fancybox для другого модального окна, получается для группы подписчиков всего-то немного кода написать и будет второе модальное окошко на том же плагине |
|
27.07.2013, 16:47
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
<!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>
|
|
27.07.2013, 19:05
|
|
Кандидат Javascript-наук
|
|
Регистрация: 19.06.2013
Сообщений: 135
|
|
|
На другом форуме говорят что нужно еще подключить jquery.cookie
|
|
28.07.2013, 04:39
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
|
ilyas->, хватит ерундой страдать, я Вам дал на пост выше хороший вариант без кук.
|
|
03.09.2013, 14:57
|
|
Новичок на форуме
|
|
Регистрация: 03.09.2013
Сообщений: 3
|
|
|
Ребята, спасибо вам огромнейшее!!! И за создание данной темы, и за дискуссию во время неё. Но особенную благодарность хотелось бы выразить Ruslan_xDD. Благодаря Вашим ответам, я до мелочей разобрался в нюансах при работе с cookies, и смог реализовать проект над которым давно ломал голову! Спасибо Вам огромное! Побольше бы таких отзывчивых специалистов.
Последний раз редактировалось FlyerDell, 03.09.2013 в 15:08.
Причина: забыл выделить ник
|
|
25.12.2013, 14:26
|
|
Новичок на форуме
|
|
Регистрация: 25.12.2013
Сообщений: 5
|
|
|
Ruslan_xDD спасибо за скрипт, но в нем не работает кнопка "подписаться / отписаться". Подскажите как это исправить.
|
|
|
|
