• Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Модератор форума: JonMagon  
Коллекция JavaScript
Модератор форума
Сообщение # 1 | 10:43:22
JavaScript — объектно-ориентированный скриптовый язык программирования.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Подробнее »


В данной теме Вы можете разместить ссылку на страницу со скриптом, либо сам скрипт внутри специального BB-кода — [сode]


Правила темы:
  • Это свободная тема в рамках Форума Сообщества uCoz;
  • На тему в полном объёме распространяются правила форума;
  • Запрещены вопросы о настройке и использованию предлагаемых скриптов;
  • Запрещено выкладывать архивы для скачивания;
  • Запрещены ответы и дискуссии, для всего остального есть тема «Вопросы по применению скриптов в системе uCoz»;
  • Запрещено оставлять запросы на поиск скриптов;
  • Администрация в праве добавить или удалить пункты настоящих правил, с уведомлением в шапке темы.

JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 46 | 17:02:32
Сокрытие значка uID профиля на странице «Список пользователей»

Код
<script type="text/javascript">
$("img").each(
function (){
if (this.title == 'uID профиль')
{
this.style['display'] = 'none';
}
};);</script>

Вставлять перед </body> в шаблоне «Страница со списком пользователей»



Решение от Sheriff без применения скрипта. Добавить в CSS следующую строку:
Код
img[title='uID профиль'] {display:none;}

Либо добавить следующий код в шаблон «Общий вид страниц форума» перед </head> обернув в условный оператор:
Код
<?if($PAGE_ID$="forumsmembers")?><style type="text/css">img[title='uID профиль'] {display:none;}</style><?endif?>

Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
Cipollino
Сообщений: 43
Репутация: 5

Сообщение # 47 | 01:44:21
Сервис для структуризации JS кода, данный сервис сделает код более читабельным. Отлично подходит для скриптов, которые написаны в одну строку.


Данная ссылка проверена Администрацией форума
5 Ноября 2012 г.

JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 48 | 18:29:04
Сокрытие сообщений авторов с низкой репутацией
Данный скрипт скрывает сообщения всех пользователей, которые имеют низкую репутацию.
В скрытом сообщение имеются две ссылки:
  • Просмотреть это сообщение - показывает только это сообщение
  • Просмотреть все сообщения - показывает все сообщения от данного пользователя на текущей странице.

Установка:
Переходим в ПУ » Управление дизайном » Форум » Вид материалов
Находим $MESSAGE$ и заменяем на
Code
<div id="message$ID$" class="user$UID$"<?if($REP_RATING$ < 0 && $UID$ != 1 && $UID$ != $CUR_USER_ID$)?> style="display:none;"<?endif?>>$MESSAGE$</div><?if($REP_RATING$ < 0 && $UID$ != 1 && $UID$ != $CUR_USER_ID$)?><div class="alert alert-danger message$ID$hide user$UID$hide">Сообщение от пользователя $USERNAME$ с отрицательной репутацией<br/>
Вы можете просмотреть <a href="javascript://" onclick="$('.message$ID$hide').fadeOut('slow', function(){;$('#message$ID$').fadeIn('slow');});" style="font-weight:bold">это</a> или <a href="javascript://" onclick="$('.user$UID$hide').fadeOut('slow', function(){;$('.user$UID$').fadeIn('slow');});" style="font-weight:bold">все</a> сообщения этого пользователя</div><?endif?>

В CSS добавляем
Code
.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alert,.alert-heading{color:#c09853;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;}
.alert-success,.alert-success .alert-heading{color:#468847;}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;}
.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;}
.alert-info,.alert-info .alert-heading{color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}


Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 49 | 14:09:51
Новый вид цитирования



Установка:
Переходим в ПУ » Управление дизайном » Форум » Общий вид страниц форума
Вставляем код
Код
<script type="text/javascript">   
$(".bbQuoteBlock").each(
function (){   
var name = $(this).find('.qName').text();
var message = $(this).find('.quoteMessage').html();
if (name != ''){ name = 'Цитата (' + name + '):';} else {name = 'Цитата:'}
$(this).html('<p class="citation"><span class="snapback"><img src="/images/snapback.png" alt="Цитирование"></span>' + name + '</p><div class="blockquote"><div class="quote">' + message + '</div></div>');
};);</script>


В CSS добавляем
Код
p.citation {   
background: url("/images/highlight.png") 0px 0px repeat-x #F2F2F2;
border-bottom: 1px solid #E8E8E8;
border-left: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
border-top: 1px solid #E3E3E3;
color: #535353;
font-size: 12px;
font-weight: 700;
margin-top: 5px;
padding: 8px 10px;
text-shadow: #FFFFFF 0px 1px 0px;
}
.snapback {   
margin-right: 5px;
padding: 1px 0px 1px 1px;
}
div.blockquote {   
background: #FCFCFC;
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
border-top: 0px none currentColor;
color: #9F9F9F;
font-size: 12px;
margin-bottom: 5px;
padding: 10px;
}


Скачиваем прикрепленный архив и файлы загружаем на свой сайт в папку /images
Прикрепления: Quote.rar (0.9 Kb) · 1138366.png (2.4 Kb)

Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
Helena_Helga
Сообщений: 138
Репутация: 41

Сообщение # 50 | 22:02:01
Уроки по JavaScript, jQuery, скрипты — http://ruseller.com/lessons.php?rub=32



Данная ссылка проверена Администрацией форума
5 Января 2013 г.
Дарк
Сообщений: 18
Репутация: 12

Сообщение # 51 | 22:02:11
Уменьшение размера картинок, больших по размеру, чем блок с сообщением

Код
<script type="text/javascript">
function reszfb() {
if (md == "forum") {
var elm = ".posttdMessage";
var sz;
var pmsz = parseInt(Math.floor($(".gDivLeft").width() / 100 * 77) - 13, 10);
var pmszs = pmsz.toString();
pmszs = " " + pmszs + "px";
$(elm).each(function () {
sz = parseInt(Math.floor($(this).width()), 10);
if (pmsz < sz) $(this).attr({
width: pmsz
};).width(pmsz).prop("width", pmsz).css("cssText", "width:" + pmszs + " !important; height: auto !important;");
};);
}
}

function reszim() {
if (md == "forum") {
var elm = ".posttdMessage img";
var sz;
var pmsz = parseInt(Math.floor($(".gDivLeft").width() / 100 * 77) - 29, 10);
var pmszs = pmsz.toString();
pmszs = " " + pmszs + "px";
$(elm).each(function () {
sz = parseInt(Math.floor($(this).width()), 10);
if (pmsz < sz) $(this).attr({
width: pmsz
};).width(pmsz).prop("width", pmsz).css("cssText", "width:" + pmszs + " !important; height: auto !important;");
};);
}
}
$(document).ready(function() {
reszfb();
reszim();
};);
$(window).load(function() {
reszfb();
reszim();
};);
</script>


Drinko
Сообщений: 909
Репутация: 773

Сообщение # 52 | 17:03:20
RSS-ленты разделов на главной форума

Панель управления --> Управление дизайном --> Форум --> Общий вид страниц форума

После $BODY$ вставляем скрипт:

Код
<?if($PAGE_ID$='main')?><script type="text/javascript">         
// RSS-ленты разделов        
var ForumNum = 'http://' + location.host + '/forum/';       
$('td.forumNameTd').each(function(){       
$(this).prepend($('<a href="/forum/' + $(this).find('a:first').attr('href').replace(ForumNum, '') + '-0-0-37" title="RSS-лента раздела"><img style="float: right; width: 14px; height: 14px; padding:3px;" src="http:/pcportal.org.ru/shablon/rss.gif" alt="RSS" /></a>'));       
};);       
</script><?endif?>


Живой пример: http://pcportal.org.ru/forum/

Иконку RSS - http://pcportal.org.ru/shablon/rss.gif - можно залить к себе на сайт и подправить путь в скрипте на свой.

Сообщение отредактировал Drinko - Пятница, 01 Фев 2013, 15:05:33
Ferro7
Сообщений: 285
Репутация: 230

Сообщение # 53 | 05:04:48
Пофиксил lightbox2 для совместимости с jQuery 1.9 и выше.
Скачать исправленный js-код можете по ссылке: http://www.cybernova.net/javascripts/lightbox.js


Данная ссылка проверена Администрацией форума
2 Апреля 2014 г.

Вы полюбили меня. Здесь я. (с)
Швабракадабра
Сообщений: 268
Репутация: 77

Сообщение # 54 | 19:46:03
Подсветка цвета ника в мини-чате.

1. Скачиваем архив
2. В архиве две папки:
White — содержит шаблон для светлых сайтов.
Black — содержит шаблон для темных сайтов.
3. Определяемся с цветом шаблона и открываем нужную папку.
4. Файл colorium.css загружаем через ФТП или файловый менеджер вашего сайта в папку css.
5. Файлы colorium.js и jquery.cookie.js загружаем в папку js.
6. Панель управления → Мини чат → Настройка модуля.
7. Ставим первую галочку у «Доп. поле 2» и сохраняем.
8. Панель управления → Управление дизайном → Вид материалов
9. Убираем:
Код
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
10. Меняем:
Код
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b>$NAME$</b></a>

На

Код
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b<?if($CUSTOM2$)?>style="color: $CUSTOM2$;<?endif?>">$NAME$</b></a>

На страницах на которых расположен чат или, если чат везде, в шаблоне «Нижняя часть сайта» перед тегом ставим:
Код
<link rel="stylesheet" href="/css/colorium.css">
<script src="/js/jquery.cookie.js"></script>
<script src="/js//colorium.js"></script>
<script>
$(function() {
      $('#mchatC2F').colorium({
        'squareSize': 20, // Размер цветных квадратиков в попапе. Принимает числовые значения. Есть смысл ставить от 16 до 30 включительно. Больше и меньше плагин поставить не позволит. По-умолчанию: 25
        'width': 'small', // Ширина попапа. Имеет три значения: small, standart и big. По-умолчанию: standart
        'color': '#ff0000' // Цвет на кнопочке по-умолчанию, тот, который человек видит до того как что-либо выбрал. Задается в любом доступном формате. По-умолчанию: #000000
      };);
};);
</script>

Все. После вышеописанных действий у вас появится «выбиралка» цветов как на прикрепленном скриншоте. Положение плагина можно изменить в форме добавления сообщение в мини-чат. Просто переместите код $FLD_CUSTOM2$ в нужное место.
Прикрепления: 3779482.png (1.8 Kb) · colorium.zip (9.3 Kb)

Dogica
Сообщений: 1230
Репутация: 353
Уровень замечаний:

Сообщение # 55 | 20:37:05
Понравился скриптик up просто не верится что в 5кб JS кода можно такое засунуть

вот пример
http://yellowlemon.net/files....ex.html

вот источник:
http://yellowlemon.net/javascr....chyu-js


WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал webanet - Пятница, 06 Июн 2014, 20:41:55
Vlad-Soft
Сообщений: 4
Репутация: 5

Сообщение # 56 | 18:34:39
Скрипт создания рекламного банера магазина OZ из импортированного списка товаров. Выводит случайный товар из запроса. Читать тут...
ps-saw
Сообщений: 62
Репутация: 80

Сообщение # 57 | 16:44:31
Автоматическое создание содержания у размещаемой (размещённой) статье на сайте.

Добавлено (19 Май 2020, 00:04:55)
---------------------------------------------
Таймер обратного отсчёта для сайта

Добавлено (19 Май 2020, 00:06:20)
---------------------------------------------
Делаем табы для сайта

Добавлено (22 Май 2020, 22:24:53)
---------------------------------------------
Делаем FAQ - часто задаваемые вопросы на сайте

Сообщение отредактировал ps-saw - Четверг, 14 Май 2020, 22:34:33
  • Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Поиск: