Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.223.108.130
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Мгновенное оповещение как на сайте vk для ucoz
Сообщение оставлено 27.06.2012 в 16:39:06 | Сообщение #1

Мгновенное оповещение как на сайте vk для ucoz. Всем привет, вот решил написать небольшой скрипт мгн. оповещений как на ВК.

В любом шаблоне перед </body>

пишем:
Code
<div class="uBox"></div>

создаём папку js и в ней два файла: cookie.js, ualert.js и вставляем перед
В ualert.js пишем:


Code
setTimeout(function () {   
     
   var source = new EventSource('/php/evstream/index.php');   
   source.addEventListener('message', function(e) {   
   // Пришли какие-то данные   
   var data = e.data;   
   data = data.split('alert: ');   
   eval('var newalert = '+data[1]+';');   
     
   for( i = 0; i < 4; i++ ){   
   if(!$('#uBox_'+newalert[i].id).html() && cookie('uBox_'+newalert[i].id)==null){   
   $('#pmm_player').remove();   
   $('body').append('<embed type="application/x-shockwave-flash" id="pmm_player"   
  src="http://usite.su/images/player.swf?song_url=http://usite.su/images/new_ls.mp3&autoplay=1&loop=0" width="0" height="0"/>');   
   $('.uBox').animate({bottom:'10'}, {queue:false}).fadeIn().append('<div   
  class="uBoxMesssge" id="uBox_'+newalert[i].id+'"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="2" valign="top" align="left" class="uBoxTitle"><div class="uBox_close"><a class="uBox_close_s" title="Закрыть" href="javascript://" onclick="ualert_hide('+newalert[i].id+')"></a></div><b>Новое уведомление от '+newalert[i].title+'</b></td></tr><tr><td rowspan="2" width="50px" valign="top"><a href="/index/8-0-"><img class="uBoxAva" src="'+newalert[i].photo+'" border="0"></a></td><td valign="top" align="left" class="uBoxTheme">Тема: '+newalert[i].message+'</td></tr><tr><td valign="top" align="left" class="uBoxMessaged"><a style="word-wrap:break-word;text-decoration:none;text-align:left" href="javascript://"></a></td></tr></table></div>');   
   }   
   }   
   }, false);   
     
   source.addEventListener('open', function(e) {   
   // Соединение было открыто   
   }, false);   
     
   source.addEventListener('error', function(e) {   
   if (e.eventPhase == EventSource.CLOSED) {   
   // Соединение закрыто   
   }   
   }, false);   
     
   }, 5);   
     
   function ualert_hide(id){   
   cookie('uBox_'+id, '1', {expires: 1});   
     
   $('#uBox_'+id).animate({bottom:'10'}).fadeOut();   
     
   }


В cookie.js пишим:
Code
function cookie(name, value, options) {   
   if (typeof value != 'undefined') {   
   options = options || {};   
   if (value === null) {   
   value = '';   
   options.expires = -1;   
   }   
   var expires = '';   
   if (options.expires && (typeof options.expires == 'number' ||   
   options.expires.toUTCString)) {   
   var date;   
   if (typeof options.expires == 'number') {   
   date = new Date();   
   date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));   
   } else {   
   date = options.expires;   
   }   
   expires = '; expires=' + date.toUTCString();   
   }   
   var path = options.path ? '; path=' + (options.path) : '';   
   var domain = options.domain ? '; domain=' + (options.domain) : '';   
   var secure = options.secure ? '; secure' : '';   
   document.cookie = [name, '=', encodeURIComponent(value), expires, path,   
  domain,   
   secure].join('');   
   } else {   
   var cookieValue = null;   
   if (document.cookie && document.cookie != '') {   
   var cookies = document.cookie.split(';');   
   for (var i = 0; i < cookies.length; i++) {   
   var cookie = jQuery.trim(cookies[i]);   
   if (cookie.substring(0, name.length + 1) == (name + '=')) {   
   cookieValue = decodeURIComponent(cookie.substring(name.length + 1));   
   break;   
   }   
   }   
   }   
   return cookieValue;   
   }   
   };



Создаём в папке php папку evstream, в ней создаём 2 файла: base.php, index.php
Своего рода базой является base.php, в нём пишем:

Code
<?   
   /*   
   //Автор: faforty   
   Файл: base.php   
   Назначение: исполняет роль базы оповещений   
   */  
   if (! defined ( 'FAFORTYDEV' )) {   
   die ( "Hacking attempt!" );   
   }   
   $base_alert = array(   
   '1' => array(   
   'title' => 'ВКурсе. Первый журнал', //Название оповещения   
   'message' => 'Самая редкая кошка на планете: фото', //Сообщение   
   'photo' => 'http://cs6005.userapi.com/u76040944/d_f0af6997.jpg', //Url на фото   
   'group_id' => '1,3,4', //id групп через запятую, для которых выводить   
  оповещение, 0 - для всех групп   
   'user_id' => '0', //id пользователей для которых выводить сообщение, 0 -   
  для всех пользователей   
   'active' => '1' //1 - оповещание активно, 0 - неактивно   
   ),   
   '2' => array(   
   'title' => 'ВКурсе. Первый журнал',   
   'message' => 'Самая быстрая машина в мире: фото',   
   'photo' => 'http://cs6005.userapi.com/u76040944/d_f0af6997.jpg',   
   'group_id' => '0',   
   'user_id' => '0',   
   'active' => '1'  
   )   
   );  
  ?>



В файле index.php:

Code
<?   
   //Автор: faforty   
   $___notjson = 1;   
     
   header('Content-Type: text/event-stream');   
   header('Cache-Control: no-cache');   
     
   @error_reporting ( E_ALL ^ E_WARNING ^ E_NOTICE );   
   @ini_set ( 'display_errors', true );   
   @ini_set ( 'html_errors', false );   
   @ini_set ( 'error_reporting', E_ALL ^ E_WARNING ^ E_NOTICE );   
     
   define ( 'FAFORTYDEV', true );   
     
   $domen = "http://".$_SERVER['HTTP_HOST'];   
     
   require_once('./base.php');   
     
   function sendMsg($id, $msg) {   
   echo "id: $id" . PHP_EOL;   
   echo "data: $msg" . PHP_EOL;   
   echo PHP_EOL;   
   ob_flush();   
   flush();   
   }   
   $serverTime = time();   
     
   foreach($base_alert as $key => $massiv)   
   {   
   $group_id = $massiv['group_id'];   
   $user_id = $massiv['user_id'];   
   $my_user = ucoz_getinfo("SITEUSERID");   
   $v_arr = array('id' => $key, 'title' => $massiv['title'],'message' => $massiv  
  ['message'],'photo' => $massiv['photo']);   
   if($massiv['active']){   
   if($group_id==0 && $user_id==0){   
   $var_js[]= $v_arr;   
   }else{   
     
   $m_group = explode(',',$group_id);   
   $m_user = explode(',',$user_id);   
     
   foreach($m_group as $group){   
   foreach($m_user as $user){   
   $user_data = xmlrpc_decode(file_get_contents($domen."/api/index/8-".  
  $my_user), "utf8");   
   if(($user == 0 || $user == $user_data["USER_ID"]) && ($group == 0 ||   
  $group == $user_data["USER_GROUPID"])){   
   $var_js[]= $v_arr;   
   }   
   }   
   }   
   }   
     
   }   
   }   
     
   sendMsg($serverTime, 'alert: '. json_encode($var_js));   
   ?>
Показать выделенный код в новом окне

  И на последок осталось добавить css. Создаём папку css и там ualert.css:  
.uPM{   
   position:relative;z-index:9999   
   }   
   .uBox{   
   position:fixed;bottom:5px;right:5px;z-index:9999   
   }   
   .uBoxMesssge{   
   display:none;   
   padding: 5px;   
   margin-bottom: 10px;   
   width:300px;   
   background: url(http://usite.su/images/uContent-bg.png);   
   padding: 7px;   
   -webkit-border-radius: 5px;   
   -moz-border-radius: 5px;   
   border-radius: 5px;   
   -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   }   
   .uBoxTitle b{   
   font: bold 11px Tahoma !important;   
   }   
     
   .uBoxMesssge *{   
   font: 11px Tahoma;   
   color:#fff;   
   text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70);   
   }   
   .uBoxAva{   
   -webkit-border-radius: 3px;   
   -moz-border-radius: 3px;   
   border-radius: 3px;   
   width:50px;   
   }   
     
   .uBox_close{   
   background: #000;   
   -moz-border-radius: 3px;   
   -webkit-border-radius: 3px;   
   border-radius: 3px;   
   -moz-box-shadow: 0 0 2px #111;   
   -webkit-box-shadow: 0 0 2px #111;   
   box-shadow: 0 0 2px #111;   
   padding: 5px;   
   margin: 0 0 0 10px;   
   opacity: 0.6;   
   width: 7px;   
   float:right   
   }   
     
   .uBox_close_s{   
   display: block;   
   background: url("http://usite.su/images/notifier_close.gif") no-repeat scroll 0 0   
  transparent;   
   opacity: 0.6;   
   width: 7px;   
   height: 7px;   
   }   
   .uBox_close_s:hover{   
   opacity: 1.0;   
   }   
   .uBoxTheme{   
   padding-left:5px;   
   color:#bbb;   
   }   
   .uBoxMessaged{   
   padding-left:5px;   
   }   
   .uBoxMessaged a{   
   color:#fff;   
     
   }


На этом установка скрипта завершена Работает также как и на ВК.
 
 
   
Сообщение оставлено 27.06.2012 в 16:40:55 | Сообщение #2
Баян, но спасибо)))
 
Реклама в подписи проверенным запрещена (с) BloodJkeee
 
   
Сообщение оставлено 28.06.2012 в 14:04:55 | Сообщение #3
Quote (barsik007)
Баян

Зачто баяН?
 
 
   
Сообщение оставлено 28.06.2012 в 14:44:46 | Сообщение #4
Спс,пригодиться)
 
 
   
Сообщение оставлено 28.06.2012 в 14:54:28 | Сообщение #5
luckу, Очень хорошая штука это как реклама вк месаджер
Или типо массовая рассылка
 
 
   
Сообщение оставлено 22.07.2012 в 00:58:48 | Сообщение #6
Спасибо большое!
Работает!
 
 
   
Сообщение оставлено 23.07.2012 в 12:25:18 | Сообщение #7
Спасибо большое!
 
Good.
 
   
Сообщение оставлено 26.07.2012 в 09:36:13 | Сообщение #8
да отлично работает , не знал что это на php. видя это на других сайтах.
 
кол-во выполненных заказов: 8
 
   
Сообщение оставлено 23.10.2012 в 06:44:28 | Сообщение #9
Красиво как бы смотрится но уже правда надоели всё сливать VK вот слили бы что бы музыку можно было включить и по всем страницам лазить что бы музыку не выключалась...
Я конструкцию знаю но мене такое не сделать, да и на ucoz это полный бред :D
 
 
   
Сообщение оставлено 28.10.2012 в 07:59:47 | Сообщение #10
Спасибо красиво, только сайт сильно нагружает.
 
По всем вопросам писать в скайп «указан в профиле»
Я не даю унбан по просьбе личку или скайп, для этого есть ‘спец.тема’
Для того чтобы сделать предложение по форуму, можно обратиться ко мне (я передам выше) или в ‘спец.тему’
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика