Новости Joomla

Joomla официально признана цифровым общественным благом Joomla с гордостью сообщает, что была...

Joomla официально признана цифровым общественным благом 🙏🎉Joomla с гордостью сообщает, что была официально признана цифровым общественным благом (Digital Public Good, DPG) Альянсом цифровых общественных благ (Digital Public Goods Alliance, DPGA) — инициативой, поддерживаемой Организацией Объединённых Наций.Это признание ставит Joomla! в ряд международных open-source проектов, которые разделяют ценности открытости, прозрачности, защиты данных и социального воздействия. Важно отметить, что статус цифрового общественного блага присвоен самому программному решению Joomla!, а не организации Joomla как юридическому лицу.Альянс цифровых общественных благ (DPGA) ведёт международный реестр цифровых общественных благ и оценивает проекты на основе чётко определённых стандартов. Его миссия — поддержка открытых технологий, способствующих достижению Целей устойчивого развития ООН (UN SDGs) и решению глобальных задач развития. 🌐Чтобы получить статус цифрового общественного блага, проект должен соответствовать Стандарту цифровых общественных благ (Digital Public Goods Standard), который включает следующие критерии:✔️ Открытое лицензирование (например, использование признанных open-source лицензий)✔️ Защита данных и безопасность✔️ Соответствие правовым и этическим нормам✔️ Вклад в достижение Целей устойчивого развития ООН✔️ Прозрачное управление и долгосрочная устойчивость✔️ Активное вовлечение сообществаПолучение статуса цифрового общественного блага — процесс далеко не автоматический. Joomla прошла тщательную процедуру оценки, которая потребовала предоставления подробной документации и доказательств соответствия строгим стандартам.Благодаря самоотверженной работе множества участников сообщества, этот результат стал наглядным подтверждением универсальности и открытости Joomla, а также бесчисленных способов, с помощью которых она помогает людям создавать веб-решения.Это достижение подчёркивает позицию Joomla как одной из самых надёжных и гибких open-source CMS в мире — системы, которая продолжает давать возможность разработчикам, организациям и государственным структурам создавать открытые, безопасные и инклюзивные цифровые решения.Оригинал новости

Компонент View logs v.2.1.0 получил совместимость с Joomla 6

Журнал NorrNext. 20 лет Joomla™. Продолжение

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕

Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.
Это — огромная и кропотливая работа. Всё для вас, друзья.

Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):

✔️ Akarawuth Tamrareang (Таиланд) 🇹🇭
✔️ Alison Meeks (Канада) 🇨🇦
✔️ David Aswani (Кения)🇰🇪
✔️ Jeison Ferreira (Бразилия) 🇧🇷
✔️ Marc-Antoine Thevenet (Франция) 🇫🇷
✔️ Richard Gosler (Соединённое Королевство) 🇬🇧
✔️ Roland Dalmulder (Нидерланды) 🇳🇱
✔️ Sakis Terzis (Греция) 🇬🇷
✔️ Sandra Decoux (Франция) 🇫🇷
✔️ Sonny Le (Вьетнам) 🇻🇳
✔️ Svetoslav Slavkov (Болгария) 🇧🇬
✔️ Viviana Menzel (Германия) 🇩🇪

‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡

👉 Читать далее

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1378 Просмотров
*

Ildan37

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Прокрутка содержимого на право и лево
« : 24.11.2015, 17:51:32 »
Здравствуйте, есть задача выводить определённое количество "Производителей"(заданное для каждого размера экрана разное) с возможностью "перелистывания"(не знаю как это назвать).
Например:
Код: html4strict

<div class="manufacturer2" id="manufacturer2">
	            <button style="float: left;" type="button" id="buttonLeft2" class="btn btn-default"><span class="glyphicon glyphicon-chevron-left"></span></button>
                <div class="manu2" id="manu2">
	<div id="man-2-0" class="man-2-0" style="display: block; visibility: visible;">                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros1</a>					                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros2</a>				                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros3</a>					                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros4</a>
         </div> 
	<div id="man-2-1" class="man-2-1" style="display: none; visibility: hidden;">                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros5</a>					                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros6</a>					                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros7</a>
           </div> 
			            </div>
                        <button type="button" id="buttonRight2" class="btn btn-default"><span class="glyphicon glyphicon-chevron-right"></span></button>
               <input type="button" class="btn btn-default" value="Привет мир" onclick="location.href='index.php?option=com_virtuemart&amp;view=manufacturer'">	            </div>

<div class="manufacturer3" id="manufacturer3">
	            <button style="float: left;" type="button" id="buttonLeft3" class="btn btn-default"><span class="glyphicon glyphicon-chevron-left"></span></button>
                <div class="manu3" id="manu3">
	<div id="man-3-0" class="man-3-0" style="display: block; visibility: visible;">                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros1</a>					                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros2</a>     
                <a style="float: left; padding: 5px;" href="/" class="man">Pros3</a>						                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros4</a>						                
                <a style="float: left; padding: 5px;" href="/" class="man">Pros5</a>
                <a style="float: left; padding: 5px;" href="/" class="man">Pros6</a>
        </div> 
	<div id="man-3-1" class="man-3-1" style="display: none; visibility: hidden;">                
                <a style="float: left; padding: 5px;" href="/" class="man">
						Pros7</a>
        </div> 
			            </div>
                                    <button type="button" id="buttonRight3" class="btn btn-default"><span class="glyphicon glyphicon-chevron-right"></span></button>
               <input type="button" class="btn btn-default" value="Привет мир" onclick="location.href='index.php?option=com_virtuemart&amp;view=manufacturer'">	            </div>
Пояснение: в стилях для "не выбранных" блоков стоит     display: none;  visibility: hidden;
Код: javascript
jQuery(document).ready(function(){
    jQuery("#buttonLeft2").click(function(){
        jQuery("#manu2 div:first-child").attr("style", "visibility: hidden; display: none;")
        jQuery("#manu2 div:last-child").prependTo("#manu2");
        jQuery("#manu2 div:first-child").attr("style", "visibility: visible; display: block;")
    });
});

jQuery(document).ready(function(){
    jQuery("#buttonRight2").click(function(){
        jQuery("#manu2 div:first-child").attr("style", "visibility: hidden; display: none;")
        jQuery("#manu2 div:first-child").appendTo("#manu2");
        jQuery("#manu2 div:first-child").attr("style", "visibility: visible; display: block;")
    });
});

jQuery(document).ready(function(){
    jQuery("#buttonLeft3").click(function(){
        jQuery("#manu3 div:first-child").attr("style", "visibility: hidden; display: none;")
        jQuery("#manu3 div:last-child").prependTo("#manu3");
        jQuery("#manu3 div:first-child").attr("style", "visibility: visible; display: block;")
    });
});

jQuery(document).ready(function(){
    jQuery("#buttonRight3").click(function(){
        jQuery("#manu3 div:first-child").attr("style", "visibility: hidden; display: none;")
        jQuery("#manu3 div:first-child").appendTo("#manu3");
        jQuery("#manu3 div:first-child").attr("style", "visibility: visible; display: block;")
    });
});

На данный момент всё работает, но красота кода оставляет желать лучшего. Собственно вопрос. Какими еще способами еще можно сделать подобное, что бы ссылки не дублировались или просто по другому всё организовать?(Делал это первый раз)
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Прокрутка содержимого на право и лево
« Ответ #1 : 24.11.2015, 18:40:09 »
Непонятно, чего вы хотите добиться. Покажите рисунком пожалуйста.

Вместо этого

Код: javascript
jQuery("#manu2 div:first-child").attr("style", "visibility: hidden; display: none;")

Можно

Код: javascript
jQuery("#manu2 div").first().hide();

Писать каждый раз jQuery(document).ready(function() не обязательно. Зачем плодить одинаковый код? Вообще, ощущение, что тут в цикле всё можно сделать компактнее. Только задачу чётче опишите и проиллюстрируйте.
Записан
*

Ildan37

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Прокрутка содержимого на право и лево
« Ответ #2 : 24.11.2015, 18:59:12 »
Цитата: Shustry от 24.11.2015, 18:40:09
Писать каждый раз jQuery(document).ready(function() не обязательно. Зачем плодить одинаковый код? Вообще, ощущение, что тут в цикле всё можно сделать компактнее. Только задачу чётче опишите и проиллюстрируйте.
Я понимаю, просто писал этот код вчера ночью(спать хотелось), поэтому я просто копипастом его сделал.
Задача: сделать разное отображение одного и того же набора элементов(без повторений) для разных разрешений экрана.
https://img-fotki.yandex.ru/get/4135/178621416.0/0_127cdf_c6a88ef1_orig.jpg
https://img-fotki.yandex.ru/get/4602/178621416.0/0_127ce0_d9078b7d_orig.jpg
« Последнее редактирование: 24.11.2015, 19:03:30 от Ildan37 »
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Прокрутка содержимого на право и лево
« Ответ #3 : 24.11.2015, 20:47:37 »
Судя по скрину, тут не так быстро самому сделать, хотя и можно.
Длинна элементов разная. Следовательно, нужно сперва посчитать кол-во объектов, которые входят целиком в контейнер для конкретного разрешения. Потом остаток поделить на равные части и прибавить к объектам. Всё это собрать в функцию и вызывать каждый раз по клику на кнопку. Либо заранее, при загрузке уже поделить всех на группы объектов с «хвостиками». Сумма длин каждой группы равна длине контейнера. Это основная задача. Собственно, дальше берёте любой готовый сприпт слайдера и подключаете.
Записан
*

robert

  • Живу я здесь
  • 4974
  • 457 / 20
Re: Прокрутка содержимого на право и лево
« Ответ #4 : 24.11.2015, 23:52:43 »
Не совсем понял. Вы хотите при клике "налево" или "направо" двигать производителей в соответствующую сторону, как в слайдере?
Записан
Не будь паразитом, сделай что-нибудь самостоятельно!
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Прокрутка слайдрера в scrollify?

Автор warlocksp

 Ответов: 1
Просмотров: 742 		Последний ответ 27.09.2021, 12:58:50
от warlocksp
CSS - Прокрутка контента во всплывающем окне

Автор john.deff

 Ответов: 2
Просмотров: 1681 		Последний ответ 13.09.2016, 20:20:48
от john.deff
Плавная прокрутка страницы колесиком

Автор Lex9207

 Ответов: 12
Просмотров: 8082 		Последний ответ 06.11.2015, 09:05:47
от Alldar
Слайдер изображений: циклическая прокрутка

Автор AlekVolsk

 Ответов: 16
Просмотров: 6621 		Последний ответ 07.11.2014, 22:38:06
от Fedor Vlasenko
[Решено] Прокрутка на JQ

Автор AlekVolsk

 Ответов: 11
Просмотров: 2193 		Последний ответ 26.10.2014, 18:18:18
от AlekVolsk