Туториал Javascript

[Seuls les administrateurs ont le droit de voir cette image]Что такое Javascript ?

Краткое пояснение для "чайников:

[Seuls les administrateurs ont le droit de voir cette image]Что такое jQuery ?

Краткое определение, знающие пользователи могут читать дальше:

edit

[Seuls les administrateurs ont le droit de voir cette image] Обратите внимание:  во всех местах вашего форума, где пользователи могли бы использовать javascript (сообщения, личные сообщения, названия тем, чат... ), возможность использования javascript заблокирована в целях безопасности.  


[Seuls les administrateurs ont le droit de voir cette image]Модуль "Управление кодами Javascript"

ПА >> Модули >> HTML & Javascript >> Управление кодами Javascript

[Seuls les administrateurs ont le droit de voir cette image]

Благодаря этой функции вы можете с легкостью управлять вашими кодами Javascript непосредственно через администраторскую панель и размещать их все в одном месте, а не в различных местах ПА или на внешних хостингах. При публикации кода производится его автоматическая оптимизация, код при этом записывается в одну строку и включается непосредственно в блок ...

Чтобы разместить на форуме новый скрипт Javascript, откройте страницу управления кодами javascript и нажмите на кнопку "Создать новый Javascipt":

[Seuls les administrateurs ont le droit de voir cette image]

Вам надо будет дать вашему скрипту название, ввести код скрипта в поде "Кд Javascript" и выбрать, на каких страницах форума вы хотите активировать ваш скрипт.  Если вы хотите, чтобы скрипт работал не на всех, а лишь на отдельных страницах, уберите галочку с опции "Все страницы" и пометьте галочками нужные варианты.


[Seuls les administrateurs ont le droit de voir cette image]



После создания и автоматической интеграции скриптов на вашем форуме все созданные скрипты остаются в открытом доступе на странице "Управление кодами Javascript" ваше администраторской панели. Вы можете редактировать и/или удалять эти скрипты, при этом они афишируются именно в том виде, в каком вы их создавали.

[Seuls les administrateurs ont le droit de voir cette image]









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

[Seuls les administrateurs ont le droit de voir cette image]Пример использования модуля "Управление кодами Javascript" :
Меню с вкладками на главной странице



Вариант 1 - просто рассказать по шагам
Вариант 2 - дать ссылку на туториал Даны без применения нового модуля  и сжато показать, что изменилось

[Seuls les administrateurs ont le droit de voir ce lien]

Вариант для PHPBB3

1. Открываем ПА >> Модули >> Управление кодами >> Javascript
и, дав скрипту подходящее название (например, "Меню с вкладками") размещаем в поле "Код Javascript" следующий скрипт :

Code:


jQuery(function(){
jQuery("#pw2-button, #pw3-button, #pw4-button").css({
opacity: 0.3
});
jQuery("#page-wrap div.button").click(function(){
jQueryclicked = jQuery(this);
if (jQueryclicked.css("opacity") != "1" && jQueryclicked.is(":not(animated)")) {
jQueryclicked.animate({
opacity: 1,
}, 600 );
var idToLoad = jQueryclicked.attr("id").split('-');
jQuery("#nwcontent").find("div:visible").fadeOut("fast", function(){
jQuery(this).parent().find("#" idToLoad[0]).fadeIn();
})
}
jQueryclicked.siblings(".button").animate({
opacity: 0.5,
}, 600 );
});
jQuery('div#page-wrap').insertAfter(jQuery('#page-header'));
});


Не забудьте сохранить.

2. Переходим в ПА >> Оформление >> Главная >> Общая информация >> Привествие на главной странице

и вставляем в поле "Текст приветствия" код, формирующий кнопки меню и блоки с содержимым:

Code:




  
   Первый
  

  
   Второй
  

  
   Третий
  

  
   Четвертый
  





  
   Описание раздела "Первый"
  

  
   Описание раздела "Второй"
  

  
   Описание раздела "Третий"
  

  
   Описание раздела "Четвертый"
  






Эту часть кода вам надо настроить под ваши нужны.

Каждой кнопке -

[quote]

edit