Отключен JavaScript

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

Юзерскрипт для любимой Муськи

Автор Tundra , 02 Июл 2017 16:06

Авторизуйтесь для ответа в теме

Сообщений в теме: 13

#1 Tundra

Пользователь

Участник
18 сообщений

Отправлено 02 Июль 2017 - 16:06

Написал пробный небольшой юзерскрипт для http://mysku.ru/ под расширение Tampermonkey.
Выглядит как дубль верхней фиолетовой панели, дублируя переходы на скидки, форум, каталог, поиск...главную и профиль.
Находясь в блоге (обзоре, скидке, етс..) позволяет быстро перейти из панели к ответу, к блоку комментариев. Если есть новые комменты, то их количество будет отображено в панели, клик по надписи будет переносить Вас к новому непрочитанному - аналогично клику по счетчику в правой части страницы.

25.png 8,19К 73 Количество загрузок:

26.png 125,95К 77 Количество загрузок:

Скрытый текст

// ==UserScript==
// @name		 Mysku
// @version	 0.1
// @description Обзоры товаров из интернет-магазинов, mySKU.ru
// @author	 You
// @include	 http*://mysku.ru/*
// @require https://code.jquery.com/jquery-3.0.0.min.js
// @run-at document-end
// @noframes yes
// ==/UserScript==
/*jshint multistr: true */
var id_blog = +location.href.match(/\d{5,}/);
var int_update = 30;
$('#debug').after('<div id="user_panel">\
<font size="4" color="white"><ul id="user_panel_list">\
<li id="author_link"><a href="'+$('div.h_side > div > ul > li:nth-child(1)> a').attr('href')+'" target="_blank">'+$('div.h_side > div > ul > li:nth-child(1) > a').html()+'</a></li>\
<li><a href="http://mysku.ru/" target="_blank"><img style="zoom:0.5;padding-top:8px" src="http://assets.mysku-st.ru/templates/skin/mysku.v3/images/logo.png"></a></li>\
<li><a href="http://shoptips.ru/bb/" target="_blank">Форум</a></li>\
<li><a href="http://mysku.ru/catalog/" target="_blank">Каталог</a></li>\
<li><a href="http://mysku.ru/blog/discounts/" target="_blank">Скидки</a></li>\
<li><a href="https://mysku.ru/search/" target="_blank">Поиск</a></li>\
</ul></font></div>\
<style>\
#user_panel{\
font: normal 14px Tahoma, Arial, sans-serif;\
text-align:center;\
z-index:1000;\
width:100%;\
height:30px;\
position:fixed;\
background: url(http://assets.mysku-st.ru/templates/skin/mysku.v3/images/violet_line_bg.png) 0 0 #444482 repeat-x;\
}\
#user_panel_list a{\
color: white;\
text-transform: uppercase;\
text-decoration: none;\
}\
#user_panel_list a:hover{\
color: yellow;\
}\
#user_panel li{\
display: inline-block;\
padding: 0px 10px 0px 10px;\
vertical-align:middle;\
}\
</style>');
if ($(this).scrollTop() < 80)
$('#user_panel').hide();
if (id_blog !== 0){
var count = +$('#count-comments').text();
var new_comment = +$('#new-comments').text();
if(new_comment !== 0)
new_comment = '+'+new_comment;
else
new_comment = '';
$('#user_panel_list').append('<li><a>|</a></li>\
<li class="top-menu-top-comm"><a href="">КОММЕНТАРИИ (<font color="#00ff00"><span id="count-comments-up">'+count+'</span></font>) <font color="#ff7777"><span id="count-comments-new">'+new_comment+'</span></font></a></li>\
<li class="top-menu-top-answer"><a href="" onclick="lsCmtTree.toggleCommentForm(0);return false;">ОТВЕТИТЬ</a></li>');
setInterval(function () {
var new_comment = $('#new-comments').text();
if (new_comment === "0" || new_comment === "" || new_comment === undefined) {
lsCmtTree.responseNewComment(id_blog,'topic');
count = $('#count-comments').text();
$('#count-comments-up').html(count);
$('#count-comments-new').html('');
console.log(count, new_comment);
}else{
new_comment = '+'+new_comment;
$('#count-comments-new').html(new_comment);
console.log('now');
}
}, int_update*1000);
}
$('.top-menu-top-comm').click(function(){
var new_comment = $('#new-comments').text();
if (new_comment === "0" || new_comment === "" || new_comment === undefined) {
var destination = $('#comments').offset().top-40;
$('body, html').animate({scrollTop: destination}, 1000);
return false;
}
else {
lsCmtTree.goNextComment();
new_comment = '+'+(new_comment-1);
if (new_comment === '+0')
new_comment = '';
$('#count-comments-new').html(new_comment);
return false;
}
});
$(window).scroll(function() {
if ($(this).scrollTop() >= 80){
$('.header_violet_line').slideUp(500);
$('#user_panel').slideDown(1000);
}
else{
$('#user_panel').slideUp(500);
$('.header_violet_line').slideDown(1000);
}
});

Наверх

#2 MACTEP

Продвинутый пользователь

Участник
453 сообщений

Отправлено 03 Июль 2017 - 11:45

Думаю, полезно будет как-то предусмотреть, чтобы "новые" комментарии не сбрасывались при обновлении страницы, а лишь по нажатию кнопки. А то бывает зайдешь в тему с 150 ответами, начнешь читать, а потом либо комп пришлось перегрузить, либо мозилла вылетела, либо рабочий день закончился и пошел дочитывать домой)

Наверх

#3 Tundra

Пользователь

Участник
18 сообщений

Отправлено 28 Июнь 2020 - 19:02

Версия 02

Mysku02.user.zip 9,53К 8 Количество загрузок:

28-06-2020_1.png 498,49К 32 Количество загрузок:

Сообщение отредактировано.

Наверх

#4 MACTEP

Продвинутый пользователь

Участник
453 сообщений

Отправлено 29 Июнь 2020 - 15:12

Tundra, ну и раз уж так повелось, что я вношу предложения... :-)
Меня дико бесят поля по краям экрана. Пустое место пропадает, а топик становится намного длиннее. Скриптом можно убирать пустую колонку слева и ссылочную колонку справа, чтобы текст был на всю ширину экрана?

Наверх

#5 AndyBig

Продвинутый пользователь

Участник
305 сообщений

Отправлено 30 Июнь 2020 - 07:28

MACTEP сказал:

Скриптом можно убирать пустую колонку слева и ссылочную колонку справа, чтобы текст был на всю ширину экрана?

А пожалуйста

)

// ==UserScript==
// @name		 MyskuWidth
// @version	  1.0
// @description  Обзоры товаров из интернет-магазинов, mySKU.ru
// @author	   You
// @include	  https://mysku.ru/*
// @run-at document-end
// @noframes yes
// ==/UserScript==
/*jshint multistr: true */

var id_blog = +location.href.match(/\d{5,}/);
var aobj = document.getElementsByClassName('wrap');
for (var i = 0; i < aobj.length; i++)
{
    aobj[i].style.maxWidth = '100%';
}
aobj = document.getElementById('wrapper');
aobj.style.maxWidth = '100%';
if (id_blog != 0)
{
    aobj = document.getElementById('sidebar');
    aobj.style.display = 'none';
    aobj = document.getElementById('content');
    aobj.style.marginRight = 0;
}

В обзорах убирает и пустые поля и ссылочную колонку справа, а на главных страницах - только пустые поля

Наверх

#6 AndyBig

Продвинутый пользователь

Участник
305 сообщений

Отправлено 30 Июнь 2020 - 14:08

Кстати, спасибо Tundra, я и не знал, что для Хрома есть такой инструмент

Наверх

#7 SunUp

Новичок

На проверке
1 сообщений

Отправлено 01 Июль 2020 - 22:47

AndyBig (30 Июнь 2020 - 07:28) писал(а):

В обзорах убирает и пустые поля и ссылочную колонку справа, а на главных страницах - только пустые поля

// ==UserScript==
// @name MySKU.ru width fix
// @version 1.0
// @description Fullscreen width on mysku.ru
// @author AndyBig and SunUp
// @include https://mysku.ru/*
// @noframes yes
// ==/UserScript==
const id_blog = +location.href.match(/\d{5,}/);
const wrapList = document.getElementsByClassName('wrap');
const wrapper = document.getElementById('wrapper');
const images = document.querySelector('.description').querySelectorAll('img');

for (let wrap of wrapList) {
wrap.style.maxWidth = '100%';
}
for (let image of images) {
image.style.width = '100%';
}
wrapper.style.maxWidth = '100%';
if (id_blog != 0) {
const sidebar = document.getElementById('sidebar');
const content = document.getElementById('content');
sidebar.style.display = 'none';
content.style.marginRight = 0;
}

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

Наверх

#8 AndyBig

Продвинутый пользователь

Участник
305 сообщений

Отправлено 02 Июль 2020 - 21:59

SunUp сказал:

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

Отлично, спасибо

Давно хотел такой инструмент для сайтов, но даже в голову не пришло поискать какое-то стороннее решение для пользовательских скриптов. Спасибо Tundra, узнал об этом расширении

Уже и для 3Dtoday накатал скрипт, реализующий отслеживание и показ новых комментариев в постах по подобию муськиного

SunUp сказал:

чтобы картинки в обзорах тоже показывались на всю ширину экрана

Теперь получается вот так в списке обзоров:

Screenshot_638.jpg 80,22К 18 Количество загрузок:

и вот так в самом обзоре:

Screenshot_639.jpg 82,54К 19 Количество загрузок:

)

Добавил условие в селектор чтобы исключить из масштабирования картинки товара в заголовке

// ==UserScript==
// @name MySKU.ru width fix
// @version 1.0
// @description Fullscreen width on mysku.ru
// @author AndyBig and SunUp
// @include https://mysku.ru/*
// @noframes yes
// ==/UserScript==
const id_blog = +location.href.match(/\d{5,}/);
const wrapList = document.getElementsByClassName('wrap');
const wrapper = document.getElementById('wrapper');
const images = document.querySelector('.description').querySelectorAll('img:not(.product_image)');
for (let wrap of wrapList) {
wrap.style.maxWidth = '100%';
}
for (let image of images) {
image.style.width = '100%';
}
wrapper.style.maxWidth = '100%';
if (id_blog != 0) {
const sidebar = document.getElementById('sidebar');
const content = document.getElementById('content');
sidebar.style.display = 'none';
content.style.marginRight = 0;
}

Наверх

#9 dark256

Продвинутый пользователь

Участник
167 сообщений

Отправлено 03 Июль 2020 - 00:06

Простите, а как и где этот скрипт юзать?
В случае обычного декстопного браузера?
Скачал я Mysku02.user.js и как его куда-то прицепить?

Наверх

#10 AndyBig

Продвинутый пользователь

Участник
305 сообщений

Отправлено 03 Июль 2020 - 04:36

dark256 сказал:

Простите, а как и где этот скрипт юзать?

Устанавливаете в браузер расширение Tampermonkey (ссылка для Хрома - https://chrome.googl...ejmpbldmpobfkfo ) и добавляете в него этот скрипт: открываете в браузере (или скачиваете, как удобнее), копируете весь текст (Ctrl+A, Ctrl+C), затем кликаете в браузере на значке расширения Tampermonkey и из выпавшего меню выбираете "Создать новый скрипт". В открывшемся окне удаляете весь текст (Ctrl+A, Del) и вставляете скопированный скрипт (Ctrl+V). В этом же окне жмете "Файл" - "Сохранить".
Все, скрипт должен работать

Наверх

#11 dark256

Продвинутый пользователь

Участник
167 сообщений

Отправлено 03 Июль 2020 - 08:55

AndyBig (03 Июль 2020 - 04:36) писал(а):

Устанавливаете в браузер расширение Tampermonkey (ссылка для Хрома - https://chrome.googl...ejmpbldmpobfkfo )

Спасибо! Толковый варез! Будем поюзать!

Наверх

#12 MACTEP

Продвинутый пользователь

Участник
453 сообщений

Отправлено 03 Июль 2020 - 10:30

AndyBig, эх, еще бы найти простенький мануал для не-вебкодеров)

Наверх

#13 dark256

Продвинутый пользователь

Участник
167 сообщений

Отправлено 03 Июль 2020 - 12:12

MACTEP (03 Июль 2020 - 10:30) писал(а):

AndyBig, эх, еще бы найти простенький мануал для не-вебкодеров)

Такая же фигня. Много на чем писал и пишу, но джс это блин... нда...

Наверх

#14 AndyBig

Продвинутый пользователь

Участник
305 сообщений

Отправлено 03 Июль 2020 - 12:32

MACTEP сказал:

еще бы найти простенький мануал для не-вебкодеров)

Ну тут нужно хотя бы по минимуму знать HTML и Javascript, по другому никак

dark256 сказал:

Много на чем писал и пишу, но джс это блин... нда...

Да я сам весьма прохладно отношусь и к Java и к Javascript, но что поделать если последний стал фактически монополистом в вебе

Наверх

Обратно в Остальные вопросы (курилка)

Юзерскрипт для любимой Муськи

#1 Tundra

#2 MACTEP

#3 Tundra

#4 MACTEP

#5 AndyBig

#6 AndyBig

#7 SunUp

#8 AndyBig

#9 dark256

#10 AndyBig

#11 dark256

#12 MACTEP

#13 dark256

#14 AndyBig

Войти