Атрибут selected не срабатывает в Chrome и полностью не работает в Firefox

12
geroin47
На сайте с 23.10.2011
Offline
71
574

Я хочу сделать плейлист на russkih-serialov.net таким же, как на russkieserialy.tv.

Но когда добавляю атрибут selected в option серии, он не срабатывает на этом шаблоне.

При первом посещении страницы (ctrl + f5) с большим количеством серий или выпусков, серия с тегом selected не выделяется. Список, в итоге, отображается так, будто его прокрутили до середины http://joxi.net/D2PxnxpCkWpnZ2

Также selected не срабатывает на Firefox в отношении обоих сайтов.

Буду рад любым соображениям относительно это проблемы.

https://actionpay.ru/ref:NzI2MzEzODY0NzE3 (https://actionpay.ru/ref:NzI2MzEzODY0NzE3) - классная CPA партнёрка )
IL
На сайте с 20.04.2007
Offline
412
#1
geroin47:
Но когда добавляю атрибут selected в option серии, он не срабатывает на этом шаблоне.

А как именно это проявляется?

geroin47
На сайте с 23.10.2011
Offline
71
#2
ivan-lev:
А как именно это проявляется?

http://joxi.net/D2PxnxpCkWpnZ2

Вот, к примеру, на скриншоте видно, как бегунок фокусируется на 2/3 списка, хотя атрибутом выделен последний выпуск.

По ссылкам на сайты можно увидеть, как отличаются отображения на разных шаблонах.

http://russkieserialy.tv/521-dnk-ntv-11-03-2020.html - корректно показывается (Chrome)

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html - фокусируется на 2/3 плейлиста (Chrome)

(не забудьте нажать (Ctrl + f5))

SocFishing
На сайте с 26.09.2013
Offline
118
#3

Не понял проблему. У меня все корректно по вашему списку на хроме. Как на оригинале выделяется все. И в FF работает

★Сервис идентифицирует (https://socfishing.com/?utm_source=searchengines) посетителей вашего сайта и предоставляет их профили ВКонтакте, Телефон, Почта! Цены копеечные, работаем 8 лет.
geroin47
На сайте с 23.10.2011
Offline
71
#4
SocFishing:
Не понял проблему. У меня все корректно по вашему списку на хроме. Как на оригинале выделяется все. И в FF работает

http://joxi.ru/DmBQYQkSz6jGDr так отображается в браузере хром при первом посещении сайта (нажать ctrl + f5 для обнуления кеша)

http://joxi.ru/gmv0X0GHv0QXRA а вот так должно отображаться на самом деле, независимо, первый раз ты посетил страницу этого сайта или уже бывал на нём

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html

тут последнему выпуску 11.03.2020 присвоен атрибут selected


<iframe scrolling=no id="film_main1" src="//ok.ru/videoembed/1666565409355" width="500" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe>
<select autocomplete="off" class="vova1" size="5" onchange="javascript:urla=this.value;document.getElementById('film_main1').src=urla;">
--/--МНОГО ВЫПУСКОВ И СЕРИЙ--/--
<option value="//www.ntv.ru/embed/1832263?utm_content=DNK"> 05.03.2020 Кому квартиру в Подмосковье?</option>
<option value="//www.ntv.ru/embed/1833880?utm_content=DNK"> 10.03.2020 Зря не обменялись детьми после роддома?</option>
<option selected value="//ok.ru/videoembed/1666565409355"> 11.03.2020</option>
</select>
IL
На сайте с 20.04.2007
Offline
412
#5
geroin47:
тут последнему выпуску 11.03.2020 присвоен атрибут selected

Так и выпуску выше "присвоен"..

<option selected value="//ok.ru/videoembed/2057592113701"> 20.11.2019 
geroin47
На сайте с 23.10.2011
Offline
71
#6
ivan-lev:
Так и выпуску выше "присвоен"..
<option selected value="//ok.ru/videoembed/2057592113701"> 20.11.2019 

Блин, плохой пример предоставил) - пропустил когда-то. В любом случае, не в двойном selected проблема. На других плейлистах, где не допущена ошибка , также отображается. Сейчас я отредактировал пример и он всё равно не отображается должным образом.

sergv
На сайте с 13.04.2006
Offline
288
#7
geroin47:
Блин, плохой пример предоставил)

Покажите хороший ) Посмотрим. Но уверен, что дело не в браузерах.

Продвигай свои сайты на MainLink (http://mailink.ru) Регистрация и продление доменов в российских и международных зонах по честным ценам без звездочек. (https://RegHome.ru) (R01, WebNames, UK2). Принимаем WMR, WMP, ЯД, Visa, MasterCard, Мир
geroin47
На сайте с 23.10.2011
Offline
71
#8
sergv:
Покажите хороший ) Посмотрим. Но уверен, что дело не в браузерах.

Можно взять те же примеры что я привёл ) - я их отредактировал и лишние selected убрал.

http://russkieserialy.tv/521-dnk-ntv-11-03-2020.html

https://russkih-serialov.net/40-dnk-ntv-11-03-2020.html

SocFishing
На сайте с 26.09.2013
Offline
118
#9

первый заход

пролистываю список вниз

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

<script>

$(document).ready(function() {

var $s = $('.vova1');

var optionTop = $('option:selected').offset().top;

var selectTop = $s.offset().top;

$s.scrollTop($s.scrollTop() + (optionTop - selectTop));

});

</script>

скролим до option:selected элемента списка. Не очень понимаю что нужно, но может в этом затык.

geroin47
На сайте с 23.10.2011
Offline
71
#10

Спасибо вам, что хотели помочь, но что-то не получается.

Не могу добиться срабатывания как на втором скриншоте, но только при первом посещении сайта.

Пользователи заходят на сайт из поисковика в первый раз и не видят последних выпусков. Скрол по умолчанию останавливается на 2/3 списка, когда по логике должен следовать последнему option c атрибутом selected.

Почему-то, такой же плейлист нормально работает на втором сайте.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий