Форма с приветствием

Подписчики

22 ноября 20169 г

Приветствую, уважаемые форумчане. Подскажите пожалуйста, как создать такую всплывающую форму которая появляется при переходе на форум:

http://emoti.pro/

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

Заранее спасибо

22 ноября 20169 г

Для IPB есть более дружелюбные приветствия для гостя. Такими перекрывающие всю страницу окнами только отпугнете гостя.

22 ноября 20169 г

Автор

не подскажете название?

23 ноября 20169 г

Автор

нашел код для добавления:

http://pcvector.net/scripts/lightbox_dialog_overlay/177-privetstvennoe-vsplyvayuschee-okno.html

будет ли это работать на IPB?

скрипты добавлял между тегами <head>

а куда добавить код:

<div id="background" ></div>
<div id="sliderBox">
   <center>
   <br/>
   <input type="button" id="closeWelcomeBox" value="Закрыть"/><br /><br />
   Добро пожаловать на сайт<br />
   <a href="http://www.pcvector.net">http://www.pcvector.net</a>
   </center>
</div>

23 ноября 20169 г

Автор

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

23 ноября 20169 г

Не установлен евент на closeWelcomeBox. При том, там есть javascript для управления окном, но он для jquery, а в IPB 3 использует prototype.

На prototype закрытие окна будет выглядеть примерно так (не тестировал):

<script>
   $("closeWelcomeBox").observe('click', function(){
	new Effect.Fade(this,  {duration:0.5});
	closeWelcomeBox = true;
});
</script>

24 ноября 20169 г

Автор

к сожалению не помогло, вот код который стоит в GlobalTemplated (кусок)

<!DOCTYPE html>
<html lang="ru" <if test="fbcenabled:|:IPSLib::fbc_enabled() === TRUE || $this->settings['fbc_appid']"> xmlns:fb="http://www.facebook.com/2008/fbml"</if>>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="slideto-1.0.js"></script>
<script language="javascript">

$(document).ready(function() {
   $('#sliderBox').slideTo({
       transition:300,
       top:'center',
       left:'center',
       inside:window
   });
   $('#background').height($(document).height());

   jQuery(window).resize(function() {
       $('#sliderBox').stop().slideTo({
           transition:300,
           top:'center',
           left:'center',
           inside:window
       });
   });

   var closeWelcomeBox;

   $(window).scroll(function(){ 
       if(!closeWelcomeBox){
           $('#sliderBox').stop().slideTo({
               transition:300,
               top:'center',
               left:'center',
               inside:window
           });
       }
   });


   $("#closeWelcomeBox").click(function(){
       $('#sliderBox').stop().slideTo({ 
           transition:500,
           top:-400
           });
           $('#background').fadeOut(500);
       closeWelcomeBox = true;
   });
});

</script>

<script>
   $("closeWelcomeBox").observe('click', function(){
       new Effect.Fade(this,  {duration:0.5});
       closeWelcomeBox = true;
   });
</script>

	<meta charset="{$this->settings['gb_char_set']}" />
	<title>{$header_items['title']}</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />
	<link rel="image_src" href='{$this->settings['meta_imagesrc']}' />
	<script type='text/javascript'>
	//<![CDATA[
		jsDebug			= {parse expression="intval($this->settings['_jsDebug'])"}; /* Must come before JS includes */
		DISABLE_AJAX	= parseInt({$this->settings['disable_text_ajax']}); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
		inACP			= false;
		var isRTL		= false;
		var rtlIe		= '';
		var rtlFull		= '';
	//]]>
	</script>
	{parse template="includeCSS" group="global" params="$css"}
	<meta property="og:title" content="{$this->registry->output->encodeMetaTagContent( str_replace( ' - ' . $this->settings['board_name'], '', $header_items['title'] ) )}"/>
	<meta property="og:site_name" content="{$this->registry->output->encodeMetaTagContent( $this->settings['board_name'] )}"/>
	<meta property="og:type" content="article" />
	{parse template="includeMeta" group="global" params="$metaTags"}
	<if test="isLargeTouch:|:$this->registry->output->isLargeTouchDevice()">
	<!--<meta name="viewport" content="width=device-width;">-->
	</if>
	<if test="isSmallTouch:|:$this->registry->output->isSmallTouchDevice()">
	<meta name="viewport" content="width=1024px">
	</if>
	{parse template="includeJS" group="global" params="$jsModules"}
	{parse template="includeFeeds" group="global" params="$documentHeadItems"}
	{parse template="includeRTL" group="global" params=""}
	{parse template="includeVars" group="global" params="$header_items"}


</head>
<body id='ipboard_body'>



<div id="background" ></div>
<div id="sliderBox">
   <center>
   <br/>
   <input type="button" id="closeWelcomeBox" value="Закрыть"/><br /><br />
   Добро пожаловать на сайт<br />
   <a href="http://www.pcvector.net">http://www.pcvector.net</a>
   </center>
</div>



	<p id='content_jump' class='hide'><a id='top'></a><a href='#j_content' title='{$this->lang->words['jump_to_content']}' accesskey='m'>{$this->lang->words['jump_to_content']}</a></p>
	<div id='ipbwrapper'>

Создайте аккаунт или войдите в него для комментирования

Зарегистрировать аккаунт

Войти сейчас

Подписчики

Перейти к списку тем

Форма с приветствием

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Важная информация

Аккаунт

Навигация

Поиск

Настроить push-уведомления браузера

Chrome (Android)

Chrome (компьютер)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (компьютер)

Firefox (Android)

Firefox (компьютер)