Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Создаём подфорумы используя jQuery

Создаём подфорумы используя jQuery

Страница: 1

Сообщений 1 страница 10 из 10

1

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35

очередной сиквел ЭТОЙ темы

захотелось сделать свою версию применяя  jQuery

1. создаём новый форум, который у нас в последствии станет подфорумом
допустим адрес у него такой http://название вашего форума.ru/viewforum.php?id=5

запоминаем id номер нашего будущего подфорума, в данном примере 5

2. заходим в Администрирование - Форумы - выбираем тот форум к которому мы хотим сделать один или несколько подфорумов
Редактируем его, чтоб в описании его вставить ссылку на будущий подфорум в виде таблицы

пример с двумя подфорумами
в Описание (HTML):

<table>
<tr>
<td style="width:25%; height:5px;"><a class="fig" href="http://название вашего форума.ru/viewforum.php?id=5"><font size="-3" color="maroon">подфорум МУЗЫКА</font></a></td>
<td width="70%" class="info1"></td>
</tr>
<tr>
<td width="25%"><a class="fig" href="http://название вашего форума.ru/viewforum.php?id=6"><font size="-3" color="maroon">подфорум НЕЧТО 2</font></a></td>
<td width="70%" class="info2"></td>
</tr>
</table>

обратите внимание, что мы создаём дополнительные ячейки, которым присваиваем класс class="info",
у каждого подфорума должна быть своя нумерация class="info1", class="info2", class="info3" и т.д.

3. скрываем наши подфорумы на главной странице
применил пока, что старый скрипт

html-низ:

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f5,#forum_f6{display:none}</style>")
</script>

#forum_fxx, вместо хх id номер вашего форума, который скрываем, и который будет подфорумом
перечисляем все скрываемые на главной странице форумы в одном скрипте, через запятую как в примере

4. делаем отображение последнего сообщения в подфоруме на главной странице
здесь как раз и пригодятся нам ячейки с классом class="info"

html-низ:

<script type="text/javascript">
$(document).ready(function() {
$(".info1").html( $("#forum_f5 .tcr").html() );
$(".info2").html( $("#forum_f6 .tcr").html() );
});
</script>

вот собственно и ВСЁ
всю эту операцию придётся повторять столько, сколько подфорумов вы задумали создать

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

ПРИМЕР того как это выглядит

можно ещё задать размер шрифта в ячейке где отображается последняя тема в подфоруме
я у себя шрифт уменьшал
в html-верх

<style type="text/css">
.info1, .info2 {font-size:0.9em;}
</style>

перечисляем через запятую ячейки с подфорумами класса  info на все подфорумы в одном скрипте

Отредактировано Romych (Чт, 27 Сен 2012 20:14:26)

+3

2

  • Автор: Домовой
  • Cтарожил
  • Домовой
  • Зарегистрирован: Пн, 22 Сен 2008
  • Сообщений: 5079
  • Уважение: +1499
  • Позитив: +854
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Ноя 2024 21:39:49

Romych, оригинально, но есть вопрос, потому как он извечно наболевший. Как то будет семафорить о том что в подфоруме есть новое сообщение?
Дело в том что подфорум не проблема создать и старым методом но юзеры хотят что бы иконка работала.

0

3

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35
Good написал(а):

но есть вопрос, потому как он извечно наболевший. Как то будет семафорить о том что в подфоруме есть новое сообщение? Дело в том что подфорум не проблема создать и старым методом но юзеры хотят что бы иконка работала.

не совсем понял, что требуется
если речь о новых сообщениях в подфоруме,
то они отображаются на главной странице

смотри ПРИМЕР

или нужно, чтоб иконка нового сообщения тоже отображалась?

0

4

  • Автор: FeroDaR
  • Redoubtable
  • FeroDaR
  • Зарегистрирован: Сб, 16 Янв 2010
  • Сообщений: 1019
  • Уважение: +123
  • Позитив: +128
  • Пол: Мужской
  • Последний визит:
    Ср, 13 Май 2015 11:37:17

Romych
Спасибо но зачем Фрэйимворк?

0

5

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35
opirk032 написал(а):

но зачем Фрэйимворк?

фреймворк я применил, для того чтоб отобразить сообщения в подфорумах на главной странице

0

6

  • Автор: Домовой
  • Cтарожил
  • Домовой
  • Зарегистрирован: Пн, 22 Сен 2008
  • Сообщений: 5079
  • Уважение: +1499
  • Позитив: +854
  • Пол: Мужской
  • Последний визит:
    Вт, 12 Ноя 2024 21:39:49
Romych написал(а):

не совсем понял, что требуется

Дело в том что многие юзеры уже достали с вопросом почему при новом сообщении в подфоруме иконка не показывает что есть новое сообщение. Я вот про что)))
У тебя я так понял отображается название темы, а вот как узнать что там есть новое сообщение?

0

7

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35
Good написал(а):

Дело в том что многие юзеры уже достали с вопросом почему при новом сообщении в подфоруме иконка не показывает что есть новое сообщение.

я понял, думаю иконку прикрутить можно,
жаль только её не удастся автоматически уменьшить, чтоб в подфорумах она хотя бы размерами отличалась от обычных форумных

0

8

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35

Good

иконки прикрутил

Подфорумы v.2

таблица естественно поменялась, добавил ячейку под иконку

<table>
<tr>
<td width="8%" style="padding: 0pt; border-width: 0;"><div class="icon kkk1"></div></td>
<td width="35%" style="padding: 0pt; border-width: 0;"><a class="fig" href="http://название форума.ru/viewforum.php?id=5"><font size="-3" color="maroon">подфорум НАЗВАНИЕ</font></a></td>
<td width="70%" style="padding: 0pt; border-width: 0;" class="info1"></td>
</tr>
<tr>
<td width="8%" style="padding: 0pt; border-width: 0;"><div class="icon kkk2"></div></td>
<td width="35%" style="padding: 0pt; border-width: 0;"><a class="fig" href="http://название форума.ru/viewforum.php?id=6"><font size="-3" color="maroon">подфорум НАЗВАНИЕ</font></a></td>
<td width="70%" style="padding: 0pt; border-width: 0;"  class="info2"</td>
</tr>
</table>

скрипт тоже с изменениями, в нём уже стоит функция скрытия нужных форумов на главной странице

<!--Подфорумы-->
<script type="text/javascript">
$(document).ready(function() {
$(".info1").html( $("#forum_f5 .tcr").html() );
$(".info2").html( $("#forum_f6 .tcr").html() );
if ($("#forum_f5 .icon").hasClass('inew'))  {$(".kkk1").addClass('inew')}
if ($("#forum_f6 .icon").hasClass('inew'))  {$(".kkk2").addClass('inew')}
});
str=document.URL
if(str == 'адрес форума')
   document.write("<style>#forum_f5,#forum_f6{display:none}</style>")
</script>

ПРИМЕР тот же

Отредактировано Romych (Чт, 27 Сен 2012 20:13:06)

0

9

  • Автор: [Dying angel]
  • Стремящийся
  • [Dying angel]
  • Зарегистрирован: Вт, 23 Фев 2010
  • Сообщений: 1
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 24 Фев 2010 23:09:25

простите пожалуйста, если обращаюсь не туда...
у меня очень простой вопрос на который давно ищу ответ но не нахожу...
короче, как сделать картинку в подфорумах?
не нашла другой картинки, вобщем вот так:http://img-fotki.yandex.ru/get/4007/shaolindragon.1/0_1aa39_6603fb5f_L.jpg

0

10

  • Автор: Romych
  • drumman
  • Romych
  • Зарегистрирован: Вт, 16 Дек 2008
  • Сообщений: 2708
  • Уважение: +4085
  • Позитив: +2378
  • Пол: Мужской
  • Последний визит:
    Пн, 18 Ноя 2024 23:40:35
[Dying angel написал(а):

короче, как сделать картинку в подфорумах?

в данном варианте, который описан выше, подфорум оформлен ввиде таблицы
и картинку в него можно вставить так:

<table>
<tr>
<td width="8%"><div class="icon kkk1"></div></td>
<td width="25%"><a class="fig" href="http://адрес вашего форума.ru/viewforum.php?id=5"><font size="-3" color="maroon">подфорум МУЗЫКА</font><img src="адрес картинки"></a></td>
<td width="70%" class="info1"></td>
</tr>
<tr>
<td width="8%"><div class="icon kkk2"></div></td>
<td width="25%"><a class="fig" href="http://адрес вашего форума.ru/viewforum.php?id=6"><font size="-3" color="maroon">подфорум НЕЧТО 2</font><img src="адрес картинки"></a></td>
<td width="70%" class="info2"></td>
</tr>
</table>

в этом примере картинки кликабельные, а если это не нужно, то можно вывести картинки за тег </a> , т.е.

</a><img src="адрес картинки"></td>

вот ПРИМЕР
или вы не так хотели?

Отредактировано Romych (Вт, 23 Фев 2010 16:20:25)

+1

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Создаём подфорумы используя jQuery