Файлы: 857 Видео: 13 Комментарии: 242 Статьи: 306 Новости: 155 Форум: 39179 Пользователи: 3390 + 0 |Добавить на сайт ...

Новое на форуме Новые статьи Мини профиль
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Запоминаем ник пользователя, зашедшего на сайт + uAlert
Запоминаем ник пользователя, зашедшего на сайт + uAlert
Manoichi
Дата: Понедельник, 15.07.2013, 20:59 | Сообщение # 1


Наипростейший скрипт, который после авторизации запоминает ваш ник, и при последующем входе ваш ник уже будет введен в поле "Логин". Скрипт работает HTML5 localStorage (Вместо Cookies), а это значит, что вам не придется подключать доп. скрипт для работы с Cookies.
Вставляем в место, где хотим видеть ссылку на авторизацию.
Код
<a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1,oncontent:function() {if(localStorage.getItem('guestName')) {$('form [name=user]').val(localStorage.getItem('guestName'))}$('form').submit(function() {if(localStorage.getItem('guestName')) {if(localStorage.getItem('guestName') == $(this).find('[name=user]').val()) {return false;}}localStorage.setItem('guestName',$(this).find('[name=user]').val())})}},{url:'/index/40'});return false;">Авторизация</a>

В конец "Формы входа пользователей" вставляем этот код:
Код
<script type="text/javascript">  
if(localStorage.getItem('guestName')) {  
$('[id^="frmLg"] [name="user"]').val(localStorage.getItem('guestName'))  
}  
$('[id^="frmLg"]').submit(function() {  
if(localStorage.getItem('guestName')) {  
  if(localStorage.getItem('guestName') == $(this).find('[name="user"]').val()) {return false;}  
}  
localStorage.setItem('guestName',$(this).find('[name="user"]').val());  
});  
</script>

Собственно, c этим все.

Если необходимо, то поставьте уведомление uAlert, код ниже.
Теперь для большего эффекта и красоты добавим "uAlert - новая система уведомлений"

Установка скрипта
1. В нижнюю часть сайта вставляем скрипт:
Код
<script type="text/javascript">$.getScript('http://web41k.ru/Scripts_files/uAlert/ualert_1.0.js');</script>

2. В CSS (Таблица стилей) вставляем стили:
Код
#ualert_cont {position:fixed;bottom:15px;right:15px;width:300px;}  
.ualert {cursor:pointer;opacity:0;color:#fff;margin:10px 0;border-radius:5px;font:11px Verdana,sans-serif;padding:15px}  
.ualert.red {background:#cd4040;}  
.ualert.green {background:#9dcd40;}  
.ualert.blue {background:#409dcd;}  
.ualert.violet {background:#9d40cd;}  
.ualert.yellow {background:#cd9d40;}  
.ualert.black {background:#262626;}

Установка завершена!
Функция вызова уведомления
Код
uAlert.open(id,color,html,time,obj);

id string - ID уведомления. На случай, если вы создадите несколько окошек с одинаковым ID, мы добавили к нему случайное числовое значение.
color string - цвет уведомления. Значение добавляется в качестве второго класса к элементу с классом "ualert". В CSS вы можете добавить любые стили к окошку определенного цвета и по желанию добавить еще окошки.
html string - текст уведомления. Допускается использование HTML.
time int - время "жизни" уведомления в миллисекундах. Укажите 0, если хотите, чтобы уведомление не исчезало.
obj object - дополнительные настройки окна. Пока что реализовано только событие клика по окошку (onclick string), при его указании это событие заменит закрытие окошка по клику. Значение "onclick" вставляется в атрибут "onclick", поэтому функция записывается в string-виде.
Функция закрытия уведомления
Здесь все просто:
Код
uAlert.remove(id);

Где id - ID уведомления.
span style="font-size:14pt;">Функция настройки окошка

Код
uAlert.set(id,obj);

id string - ID уведомления, которое нужно изменить.
obj object - настройки уведомления. Ниже представлены доступные настройки.
color string - цвет уведомления.
html string - содержимое уведомления.
hide int - время "жизни" уведомления.
Пример кода
Код
uAlert.open('blDemo','blue','Web41k.ru - Рай для WEB-мастера!',0,{onclick:'alert("Вы нажали на окошко");'});  
uAlert.set('blDemo',{color:'red',html:'Ошибка системы. Попробуйте позднее.',hide:3000});  
uAlert.close('blDemo');


Только для тех, у кого установлен скрипт "uAlert".
Вставляем в нижнюю часть сайта:
Код
<?if(!$USER_LOGGED_IN$)?>  
  if(localStorage.getItem('guestName')) {  
  if(location.pathname != '/index/1') {  
  uAlert.open('welogin','blue','С возвращением, <b>'+localStorage.getItem('guestName')+'</b>!
Пожалуйста, авторизуйтесь!',0,{onclick:"new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1,oncontent:function() {if(localStorage.getItem('guestName')) {$('form [name=user]').val(localStorage.getItem('guestName'))}$('form').submit(function() {if(localStorage.getItem('guestName')) {if(localStorage.getItem('guestName') == $(this).find('[name=user]').val()) {return false;}}localStorage.setItem('guestName',$(this).find('[name=user]').val())})}},{url:'/index/40'});return false;"});  
  }  
  }  
  <?endif?>
MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Запоминаем ник пользователя, зашедшего на сайт + uAlert
  • Страница 1 из 1
  • 1
Поиск: