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-> 24.07.2013 14:14

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

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

devote 24.07.2013 14:34

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

zilker 24.07.2013 15:06

Покажите, как вставляли. А вообще все эти окна - сущая бредятина. Ещё и для зарегистрированных - за что ж вы так пользователей то не любите?

mta88 24.07.2013 15:20

Цитата:

???
???

Цитата:

раз в сутки при заходе на сайт для зарегистрированных и для гостей первый раз зашедших на сайт
уже сделали? должно хватить обычных "cookies"

Цитата:

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

Цитата:

короче у меня ничего не получилось
мама там -->
а еще есть "firebug" и "chrome developer tools" -- незаменимые инструменты для разработчика

ilyas-> 24.07.2013 15:55

Братцы мне кто-нибуть поможет?? ведь задачка и для других будет интересна и полезна

ruslan_mart 24.07.2013 16:11

function cookie(a, b) {
	if(b) document.cookie = a+'='+escape(b)+'; expires = Mon, 01-Jan-2999 00:00:00 GMT; path=/';
	var c = '(?:; )?'+a+'=([^;]*);?', d = new RegExp(c);
	return d.test(document.cookie) ? decodeURIComponent(RegExp['$1']) : 0;
}

if(!cookie('view')) {
	alert('Вы первый раз на сайте!');
	cookie('view', true);
}

ilyas-> 24.07.2013 16:27

Цитата:

Сообщение от Ruslan_xDD (Сообщение 263995)
function cookie(a, b) {
	if(b) document.cookie = a+'='+escape(b)+'; expires = Mon, 01-Jan-2999 00:00:00 GMT; path=/';
	var c = '(?:; )?'+a+'=([^;]*);?', d = new RegExp(c);
	return d.test(document.cookie) ? decodeURIComponent(RegExp['$1']) : 0;
}

if(!cookie('view')) {
	alert('Вы первый раз на сайте!');
	cookie('view', true);
}

Здравствуйте ! Как я понял вы написали сохранение в куки, только из вашего кода не пойму где будет срабатывать событие onload, как будет всплывать мое модальное окошко ???

skrudjmakdak 24.07.2013 16:29

Цитата:

Сообщение от ilyas-> (Сообщение 263997)
как будет всплывать мое модальное окошко ???

ммм. ну наверное вместо алерта и впихивайте свое модальное окошко

ruslan_mart 24.07.2013 17:00

<div id="modalWin" style="background: #202020; border: 1px solid #888; color: #AAA; display: none; height: 60px; left: 50%; margin-left: -100px; padding-top: 60px; position: fixed; text-align: center; top: 150px; width: 200px">Модальное окно</div>


function cookie(a, b) {
	if(b) document.cookie = a+'='+escape(b)+'; expires = Mon, 01-Jan-2999 00:00:00 GMT; path=/';
	var c = '(?:; )?'+a+'=([^;]*);?', d = new RegExp(c);
	return d.test(document.cookie) ? decodeURIComponent(RegExp['$1']) : 0;
}

window.onload = function() {
	if(!cookie('view')) {
		document.getElementById('modalWin').style.display = 'block';
		cookie('view', true);
	}
}

ilyas-> 24.07.2013 20:06

Цитата:

Сообщение от Ruslan_xDD (Сообщение 264006)
<div id="modalWin" style="background: #202020; border: 1px solid #888; color: #AAA; display: none; height: 60px; left: 50%; margin-left: -100px; padding-top: 60px; position: fixed; text-align: center; top: 150px; width: 200px">Модальное окно</div>


function cookie(a, b) {
	if(b) document.cookie = a+'='+escape(b)+'; expires = Mon, 01-Jan-2999 00:00:00 GMT; path=/';
	var c = '(?:; )?'+a+'=([^;]*);?', d = new RegExp(c);
	return d.test(document.cookie) ? decodeURIComponent(RegExp['$1']) : 0;
}

window.onload = function() {
	if(!cookie('view')) {
		document.getElementById('modalWin').style.display = 'block';
		cookie('view', true);
	}
}

Ruslan_xDD Спасибо!!! что помогаете мне. Как мне ваш код потестировать ???, хочу изменить отсчет времени следующим образом: на время для тестов чтобы всплывающее окно выскакивало промежутком раз в 5сек а не один раз в сутки, мне ведь нужно вставить сгенерированный код виджета моей группы вконтакте, я не могу ждать сутки,


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