• Главная
  • Поиск
    •  
  • Здравствуйте, Гость

Автор Тема: Ищу плагин Вопросы - Ответы  (Прочитано 771 раз)
  • *
  • Сообщений: 29
« : 20 Май 2020, 00:07:26 »
Здравствуйте.
Очень хочу найти плагин вопросы - ответы для сайта. Чтобы удобно расположить на сайте все имеющейся ответы на вопросы по работе на сайте пользователям.
1) Внести вопрос
2) Внести ответ
3) Сохранить

И так далее..
« Последнее редактирование: 20 Май 2020, 10:35:02 от Mnu »

  • *
  • Сообщений: 29
« Ответ #1 : 29 Май 2020, 23:24:47 »
Немного подождав на мой вопрос сверху, раскопал в интернете jQuery скрипт и решил внедрить ее на свой сайт.
Все подробно опишу здесь этот метод и может кому понадобиться.
Строго не судите, я еще не программист я только учусь! ))

И так.

1) Скачайте с интернета библиотеку jQuery и загрузите его в папку js вашего шаблона.
2) Создайте  статичную страницу админской части сайта, назвав например faq_page. И внесите сюда следующий код через html редактор во вкладке Tools, где содержится ссылка Вопросов и спрятанные тексты Ответов. Далее Сохраните
Спойлер: показать

<p><strong>1). <a id="link_faq_1" class="link_faq" href="#|">Ваш 1 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_1" style="display: none;">
<p>Здесь впишите текст вашего ответа на 1 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->

<p><strong>2). <a id="link_faq_2" class="link_faq" href="#|">Ваш 2 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_2" style="display: none;">
<p>Здесь впишите текст вашего ответа на 2 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->

<p><strong>3). <a id="link_faq_3" class="link_faq" href="#|">Ваш 3 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_3" style="display: none;">
<p>Здесь впишите текст вашего ответа на 3 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->


3) Теперь сам скрипт очень прост, файлы скрипов будет 3 файла на 3 вопроса, на каждый вопрос 1 скрипт.
Скопируйте каждый по отдельности создав js файл и сохраните, у Вас должно получится 3 js файла.
Название файлов, должны быть выглядеть:

Название 1 файла: link_faq_1.js

В нем Код для первого Вопроса:
Спойлер: показать

{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_1').click(function ()
{

// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_1').slideDown();
jQuery ('#form_link_faq_2').slideUp();
jQuery ('#form_link_faq_3').slideUp();

});
});


Название 2 файла: link_faq_2.js

В нем Код для второго Вопроса:

Спойлер: показать

{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_2').click(function ()
{

// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_2').slideDown();
jQuery ('#form_link_faq_1').slideUp();
jQuery ('#form_link_faq_3').slideUp();

});
});


Название 3 файла: link_faq_3.js

В нем Код для третьего Вопроса:
Спойлер: показать

{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_3').click(function ()
{

// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_3').slideDown();
jQuery ('#form_link_faq_2').slideUp();
jQuery ('#form_link_faq_1').slideUp();

});
});


4) И самое последнее, завершающий этап. Нужно в вашем шаблоне сайта открыть файл head.php
И нем включить все три скрипта и jQuery библиотеку в мета тегах страницы, после этого кода в head это после 35 строки
Спойлер: показать

<link rel="stylesheet" href="<?php echo osc_current_web_theme_url('css/plugins.css') ; ?>">


И у Вас должно получится вот такой код
Спойлер: показать

<link rel="stylesheet" href="<?php echo osc_current_web_theme_url('css/plugins.css') ; ?>">
<script src="oc-content/themes/bitfinder/js/jquery.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_1.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_2.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_3.js" type="text/javascript"></script>


И в общем то все. Ничего сложного, если посмотреть в коды все будет ясно...
Если что не получается, пишите будем разбираться....
« Последнее редактирование: 02 Июнь 2020, 18:48:04 от AYBEK31 »

 


test