Каталог статей » JS и JQ скрипты для uCoz - Страница 1

Немного теории

Юкозовские юВинд (аякс) окна, вполне можно отнести к разряду диалоговых окон. Они тоже могут быть «модальными» и «не модальными», что указывается в параметрах вызова, но об этом позже.
Сейчас же, покажу как создавать простейшие юВинд окошки, и немного расскажу о функциях вызова.

Как изменить один пункт в стандартном меню

Этот вопрос прозвучал на форуме юКоз (uCoz forum.ucoz.ru) и, ответа на него, полного, приемлемого и с примерами, не нашлось.
Исправляю эту ситуацию так, как считаю возможным.

Выходов, как минимум несколько.
Задать свой класс в Конструкторе меню и прописать соответствующие стили к установленным классам в CSS ...

Но, только для ссылок - элементов «a», иногда это не совсем то ...

Либо с помощью JavaScript - любому элементу меню.
А если уж быть конкретным, то с совмещением чистого JavaScript и библиотеки (фреймворка) JQuery, для удобства.

Что такое RSS-канал?

Really Simple Syndication(RSS) – технология распространения информационного контента, которая позволяет не заходя на интересный сайт, получать новости и обновления периодически появляющиеся на сайте, по каналу RSS.
В свою очередь RSS-лента, предоставляет возможности для вебмастеров и владельцев сайтов, настроить ее по своему усмотрению и в зависимости от величины полезности и интересности информации, привлечь подписчиков RSS-ленты, в лице постоянных посетителей и читателей.

RSS помогает очень легко, удобно и оперативно получать информацию с любого сайта/блога где он присутствует. Так что, вам необходимо понять, как пользоваться ей ради вашего удобства и легкости работы.
Если вы разберётесь в этом вопросе использовать RSS станет очень удобно с ним работать.

Многие официальные ленты не показавают картинок, например «Яндекс.Новости», а некоторые, показывают.
Вот здесь и возникают некоторые осложнения, с которыми я вам и помогу, надеюсь, разобраться.

Некоторые сервисы транслируют свои RSS-каналы с картнками имеющих относительные ссылки (относительно корня сайта-источника), и, когда такая лента попадает вам на страничку (RSS- импорт) - вместо изображений мы наблюдаем рамки отсутствующих картинок.

Случилось так, что мне надоело, при вставке стороннего, то есть не совсем «стороннего», а своего, но не стандартного, смайлика, каждый раз лазить в Файловый менеджер (далее - ФМ) или упорно вспоминать адрес расположения картинки, восстанавливая в уме структуру папок на хоте сайта ... Да и смайлов у меня не мало, правда и «много» - тоже не скажешь, достаточно. Единственно, они не систематизированы, а просто свалены в разные папки... Но это, к данной заметке, отношения не имеет.

Так вот, задался я вопросом: «Как, наиболее просто и удобно всё это организовать?».

Вот критерии параметров, должных к выполнению:

• 1. Должно быть просто.
• 2. Должно быть удобно.
• 3. По возможности - использовать системные (установленные по умолчанию) скрипты.
• 4. Не должно быть ограничений ни на количество групп, ни на количество (в разумных пределах) смайлов.
• 5.... На будущее ...

Выполняя просьбу, для одного человека, пришлось править один скрипт меню.

Начиналось все просто - нужно было сделать, чтобы при переходе в категорию, нужный, скрытый по умолчанию, блок с подкатегориями, раскрывался. Ничего, вроде, сложного.
Но, у него уже стоял скрипт, для очень простой функции - при клике на картинку с плюсом - показывать скрытые подменю, а при клике на минусе, при клике - картинка меняется с плюса на минус, скрывать. Всё бы хорошо, да скрипт тот уж больно мне не понравился. Для такой простой операции - он был просто огромным, кроме того, все стили для этого меню, тоже были составной частью скрипта, что ещё на порядок увеличивало его размер. Помучившись немного  .... я ещё раз пришёл к давно уже понятному лично мне умозаключению: «хочешь, что бы было по твоему - пиши по своему». 

Для данной ситуации это означало примерно следующее: «хочешь, чтобы всё было красиво, и понятно - пиши свой скрипт меню».

Вот по этому этот пост увидел свет, а вы увидели его....

Просматривая последние посты, на своём форуме, наткнулся на один интереснейший вопрос.
В оригинале звучал примерно так:

Задача, как и так понятно из вопроса, ... ヅ ... показать только разделы, а категории, соответствующие разделам, скрыть, и показывать только при наведении/клика мышкой по ним.

В принципе, всё просто, пройтись скриптом по массиву, отобрать разделы и категории, и распихать по нужным стилизованным элементам. В данном случае, разумнее всего, использовать обычный неупорядоченный список.

Но, как оказалось, для человека, не очень хорошо (поверхностно) знакомого с JavaScript, даже при наличии похожего скрипта, оказалось затруднительной задачей.
ヅ И тут я вспомнил себя ... всего несколько лет назад я смотрел бы на этот массив значков непонятного назначения, как баран на новые ворота, а от слов «if ... else» или «for ... while», уши сворачивались бы в трубочку...

Вкратце вот предыстория....

Всё, и в самом деле не так уж и сложно, но, как почти всегда, есть одно «но» - стандартная форма поиска по сайту, что вставляется системным кодом $SEARCH_FORM$ - не имеет ID ...

Пишу по просьбе человека не совсем знакомого с JS. Он напомнил, что я обещал однажды, но соверщенно забыл. И я благодарен ему за это, так как вопрос интересный.

Речь идёт о функции просмотра фоток материала из массива JavaScript, создаваемого к материалу системой на «автомате» практически во всех модулях юКоз.
В оригинале данная функция имеет имя _bldCont(); и доступна в модуле «Он-лайн игры». Подчеркну то, что данная и будущая - переделанная функция работает только с критинками загруженными при добавлении материала и привязанные к нему. О ваших изображениях, залитых с помощью FTP или ФМ (файловый менеджер, здесь и далее) она ничего не знает и, следовательно работать не будет.

И опять, всё началось не спроста .... ヅ

Чёй-то, последнее время, у меня начало входить это в привычку. Ну да ладно, оставим сантименты на лучшие времена, а сейчас новая задача. Вставка информационного блока между блоков новостей, например, или материалами других модулей.

Задача ясна. Прикинем как можно наиболее просто это реализовать.

Я вижу, так, навскидку, как минимум два решения этой задачи. С использованием системных кодов, и про помощи JavaScript и jQuery.

Мне интересны оба варианта, так как один - обладает более высокими SEO-параметрами, при правильном использовании, а второй - большей гибкостью - как раз под рекламные блоки - с второстепенной/рекламной информацией.

Иногда, так или иначе, возникает необходимость скрыть часть информации со страницы. По разным причинам. Как по визуально-оформительским, так и из-за не особой важности или чисто технической стороне скрываемой информации.
Сделать это можно многими способами.
Давайте рассмотрим некоторые из них и научимся, если для вас это до сих пор «неизвестная» область, делать скрытые области/блоки, раскрывающиеся при клике, и, заодно, посмотрим, как можно их оформить для придания более интуитивно-понятного вида. Вот так «завернул». ヅ

Итак, задача: создать скрытый блок, который бы, при клике на управляющем элементе, плавно открывался, а при повторном - закрывался, сворачивался.

Задача ясна, я думаю, посмотрим на реализацию.

Использовать, как и написано в заголовке, будем известную во многих кругах, JavaScript библиотеку jQuery.