Ранее я опубликовал вопрос о поиске тикера для своего веб-сайта журнала и сумел написать что-то, что отлично работает, как и ожидалось. Ну, я нашел код, который добивается цели благодаря этому доброму парню.
Мой сайт журнала ijmasr.com и тикер находится на правой боковой панели целевой страницы под названием «Последние новости».
Моя проблема в том, что новости должны прокручиваться снизу вверх, и есть javascrip, который выполняет свою работу. К сожалению, скрипт не запускается из-за того, что XSS (межсайтовый скриптинг) не делает ничего хорошего. Я немного прочитал об этой теме и узнал, что кодировка HTML может исправить это, но я не знаю, как это исправить.
Вот код HTML, который я вставил в пользовательский блок.
<div class="ticker">
<h3>Latest News</h3>
<ul id="ticker">
<li><a>IJMASR</a> invites multiple types of research including theoretically grounded studies.</li>
<li><a>IJMASR</a> is an international peer-reviewed multidisciplinary journal that accepts papers from all areas of Management, Science and IT.</li>
</ul>
</div>
<script type="mce-mce-text/javascript">// <![CDATA[
function ticker() {
$('#ticker li:first').slideUp(function() {
$(this).appendTo($('#ticker')).slideDown();
});
}
var timer = setInterval(ticker, 3000);
$('#ticker').on({
mouseenter:function(){
clearInterval(timer);
},
mouseleave:function(){
timer = setInterval(ticker, 3000);
}
});
// ]]></script>
Мне действительно нужна эта функция в моем журнале, и я не могу с ней покончить. По этой причине мне нужна ваша любезная помощь и руководство, чтобы исправить HTML-код и сохранить работу тикера и XSS.
Когда вы создавали содержимое пользовательского блока, нажимали ли вы значок «HTML» на панели инструментов TinyMCE, чтобы перейти к прямому вводу содержимого HTML? Вставьте ваш HTML в появившееся всплывающее окно.
Я сделал это и изменил mce-mce-text/javascript
в text/javscript
и автоматическая прокрутка начала работать.
Для OJS 2.4.x вам также необходимо изменить .on
к чему-то еще, так как версия JQuery, включенная в эту ветку, довольно старая. (OJS 3.0, который выйдет этим летом, будет гораздо более современным.)
Других решений пока нет …