Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[6]
Предыдущая тема - Запросы по скриптам[5]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Зевако
Пока не реализуемо, т.к. функция должна быть от движка
(или на крайняк, первые сто сообщений в ней)
В принципе мон число постов из профиля перетянуть в селект вставленный в форму ответа с текущее значение селекта запоминать на session storage(при первом входе),
При попытке изменений => аякс к Профилю
1. Уменьшить темную рамку вокруг уведомления, закрывашку чуть опустить (на 10px)
стиль, цвет, толщина рамок сугубо индивидуальное восприятие, но всё настраивается за минуту по просьбе заказчика
.jGrowl .messag_theme {
бла бла бла
}
2. Обернуть весь код скрипта в анонимную функцию
логично
3. Сделать аватарки фиксированного размера по ширине (сейчас у тебя на скрине - средняя уже, из-за этого заголовки скачут)
они и так фиксированного размера, выбивается из общего вида только дефолтный аватар (пока не нашёл иного способа его отображать более-менее корректно)
4. Добавлять ник отправителя справа от аватарки(сделать параметром в скрипте, с возможностью отключения)
боюсь, не лучшая затея, поскольку у кого-то может быть - Воттакойcykaдлиннющийникнейм из-за этого форма непропорционально растянется
сейчас ник отображается в подсказке, но не в типси (может быть стоило добавить её)
Из существенного: объединить со скриптом быстрого предпросмотра-редактирования сообщений в личке с выводом формы просмотра-отправки в окно этих уведомлений (по клику на ник или аватар написавшего)
Это фактически реализовало бы онлайн общение подобно мессенжеру
и потом всё это выкинуть на помойку с появлением метода messages.get (messages.post)
Воттакойcykaдлиннющийникнейм из-за этого форма непропорционально растянется сейчас ник отображается в подсказке, но не в типси (может быть стоило добавить её)
Ну типично ник мон ограничить 10-ю символами, при наведении мон удлинить до полного с простановкой под оным собственного фона
messages.get (messages.post)
Лучше бы сделать posts.get с выводом топика (HTML) с задаными-перечисленными ID постов, тогда мон и блоговую запись сделать и восстановить скрипт комментов к уважению да и вывод произвольной статистики, добавлять к топику нужные посты вне временни записи
========== У нас любые фичи делаются настолько долго и непредсказуемо, что если можно реализовать здесь и сейчас, а не ждать - типично оправдывается, тем паче тот же единственный Аякс-запрос, что и сейчас Алекс делает для редактирования и быстрого предпросмотра ЛС. АPI messages.post даёт лишь удобство, сокращая код, сделать текущий код ЛС-Аякса библиотечкой или плагином - будет ничем не хуже(хотя бы для пока, поскок опять таки первоочередные задачи и более востребованные, - то что выше и запись текстовой переменной с любого юзера(storage_allUsers), востребовано для скриптов: уведомления-аналога русфф, покупок в форумном игровом магазине, снятие/зачисление/перевод баллов(или игровой валюты), подарки от любого пользователя любому юзеру, число скачиваний файла в сообщении и т.д)
Romych
боюсь, не лучшая затея, поскольку у кого-то может быть - Воттакойcykaдлиннющийникней
Согласен, чот не подумал об этом, - тогда приделать tipsy к Авику
Alex_63 написал(а):
2. Обернуть весь код скрипта в анонимную функцию
логично
Чот ты не так обернул, c $(function(){ ... будет срабатывать чуть дольше, мну не так написал.. (Хотя не особо влияет
А можно забабахать вот такую же точно фишку
(для ютьюб)
Или доработать в таком же плане этот скрипт
Главное отличие, то что в первом скрипте при наводке (внизу) появляется название видеоклипа и то что видео можно добавлять много, так как внизу есть опять же прокрутка (колесико)
Отредактировано kleo3333 (Вт, 12 Апр 2016 12:05:12)
kleo3333
Попробуйте добавить синим:
<style>
#video12 {
position: relative;
margin-bottom: 100px;
padding-bottom: 20%;
}
#video12 iframe {
position: absolute;
width: 35%;
height: 100%;
left:0;right:0;
margin:auto;
}
#video12 div {
bottom: -110px;
width: 100%;
height: 80px;
padding: 0;
overflow-x: auto;
white-space: nowrap;
text-align: center;
position: absolute;
}
#video12 img {
height: calc(100% - (5px + 1px)*2 - 10px);
margin: 0 5px 0 0;
padding: 5px;
border: 1px solid #555;
border-radius: 5px;
opacity: .7;}
#video12 img:hover {
opacity: 1;
cursor: pointer;
}
#video12 img:focus {
opacity: .2;
}
#video12 img+span {
position: absolute;
margin-left: -89px;
width: 78px;
text-align: center;
margin-top: 8px;
background: rgba(0,0,0,.3);
color: #fff;
transition: .3s ease;
visibility: hidden;
opacity: 0;
}
#video12 img:hover+span {
visibility: visible;
opacity: 1;
}
</style><div id="video12">
<iframe src="http://www.youtube.com/embed/xFa2_PVeDQ?rel=0" frameborder="0"></iframe>
<div style="overflow-x:auto;display:block;position:relative">
<img src="http://img.youtube.com/vi/xFa2_PVMeDQ/1.jpg" tabindex="2" data-start="32" data-end="60"/><span>Название1</span>
<img src="http://img.youtube.com/vi/hSrOpTYKNMw/1.jpg" tabindex="2"/><span>Название2</span>
<img src="http://img.youtube.com/vi/WFhzzJjRncI/1.jpg" tabindex="2"/><span>Название3</span>
<img src="http://img.youtube.com/vi/y_iPsGe3vc0/1.jpg" tabindex="2"/><span>Название4</span>
<img src="http://img.youtube.com/vi/3EHFrhfuGfc/1.jpg" tabindex="2"/><span>Название5</span>
</div>
</div>
kleo3333
1. Есть горизонтальный слайдер с автопрокруткой (ставить в один блок слайдера несколько картинок слево-направо)
Простой Слайдер картинок и контента (версия 2 - кольцевая)
2. Ставьте в картинке <img src="Ccылка на картинку" title="описание"/> - будет отображаться название при наведении, можно добавить строку ниже слайдера
<script type="text/javascript">$(function() {$('.slider-content img').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>и подсказка будет черным всплывающим блоком
добавить синим:
Добавил синим. Дальше разобраться толком не могу... Разве все вбивают вручную названия видео? Я думал на подобных сайтах автоматом получается...
Отредактировано kleo3333 (Пн, 4 Апр 2016 18:50:58)
kleo3333
Ну у Вас нет больше нигде данных о названии видео, кроссдоменно аяксом вытащить не получится, так что ток вручную
Вот сейчас я увеличил миниатюры снизу, и полоса прокрутки видео внизу сама появилась. Это настройки браузеров что ли, ведь она отображается во всех браузерах?
Можно наверное тогда так оставить, чем лепить дополнительные скрипты, не?
Отредактировано kleo3333 (Вт, 12 Апр 2016 12:04:51)
kleo3333
Ну оставьте так, вроде нормально, ксать скриптов не прибавилось (ток стили)
Ещё вопрос. Я сделал по-вашему Alex_63, но заметил что при уменьшении самого окна браузера - видео-миниатюры съезжают вниз и не уменьшаются в размерах.
Как бы сделать так, чтобы при уменьшении разрешения окна - уменьшалось всё равномерно?
И насчёт названий видео. Если оно длинное (да и обычное даже), то тут только <br> поможет? В принципе не проблема, но может есть вариант что длинное название само делает переносы строк? 
Отредактировано kleo3333 (Вт, 12 Апр 2016 12:04:37)
kleo3333
Попробуйте Заменить стиль
<style>
#video12 {
position: relative;
margin-bottom: 100px;
padding-bottom: 20%;
bottom: -100px;
}
#video12 iframe {
position: relative;
width: 35%;
height: 100% !important;
left: 0; right: 0;
margin: auto;
display: block;
min-height: 400px;
}
#video12 div {
width: 100%;
height: 120px;
padding: 0;
white-space: nowrap;
text-align: center;
}
#video12 img {
height: calc(100% - (5px + 1px)*2 - 10px);
margin: 0 5px 0 0;
padding: 5px;
border: 1px solid #555;
border-radius: 5px;
opacity: .7;
}
#video12 img:hover {
opacity: 1;
cursor: pointer;
}
#video12 img:focus {
opacity: .2;
}
#video12 img+span {
position: absolute;
margin-left: -89px;
width: 78px;
text-align: center;
margin-top: 8px;
background: rgba(0,0,0,.3);
color: #fff;
transition: .3s ease;
visibility: hidden;
opacity: 0;
word-wrap:break-word;
}
#video12 img:hover+span {
visibility: visible;
opacity: 1;
}
</style>-- Теперь хорошо, но сам прямоугольник видео (главный большой) становится совсем вытянуто-узким вверх-низ. Можно оставить пропорции как на втором скрине выше?
(пропорции прямоугольника, а не сплющенного квадрата) 
-- И Можно ли сделать названия видео кликабельными. Так как сейчас не очень удобно нажимать
Отредактировано kleo3333 (Вт, 5 Апр 2016 11:43:31)
kleo3333
По первому - пока не придумал решение, вечером гляну еще раз
По второму - Добавьте синим в скрипт
<script>
var IMG = document.querySelectorAll('#video12 img'),
IFRAME = document.querySelector('#video12 iframe'),
SPAN = document.querySelectorAll('#video12 span');
for (var i = 0; i < IMG.length; i++) {
IMG[i].onclick = function() {
var idIMG = this.src.replace(/http...img.youtube.com.vi.([\s\S]*?).1.jpg/g, '$1');
IFRAME.src = 'http://www.youtube.com/embed/' + idIMG + '?rel=0&autoplay=1';
if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
this.style.backgroundColor='#454545';
}
}
for (var j = 0; j < SPAN.length; j++) {
$(SPAN[i]).click(function() {
$(this).prev().click();
});
}
</script>
(* Поправил
без изменений 
kleo3333
Поправил в том же посте
Неа 
Отредактировано kleo3333 (Пн, 19 Сен 2016 13:30:55)
kleo3333
Вроде сделал
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[6]