[Вопрос] Отображение репутации без использования циклов

02-05-2012, 02:33 AM

Устал бороться с тупейшим устройством отображения уровня репутации в Вобле.
В 4.1.10 опять туда влезли. Еще больше все усложнили теперь задействовав еще и циклы шаблонов.
Я говорю об использовании циклов при отображении уровня репутации в постах и вообще везде.
Все это элементарно делается при помощи CSS, де еще и темизируется как угодно, если надо тоже элементарно.
Не используя ни одного цикла на отображение репы.
О чем речь.
Создаем две картинки с полным отображением репы. Позитивную и негативную. Каждая картинка длиной 100 пикселей с 10-ю шашечками ро 10 пикселей (прикрепил к посту). И нейтральную картинку из одного серого прямоугольника.
Создаем три класса в additional.css:

HTML Code:

.reputation_pos {
	background-image: url(.../reputation_pos.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 12px;
}
.reputation_neg {
	background-image: url(..../reputation_neg.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 12px;
}
.reputation_balance {
	background-image: url(..../reputation_balance.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 12px;
}

Отображение репы регулируется нужным классом и длиной видимой части картинки

HTML Code:

<div class="reputation_' . $reputationgif. '" style="width:' . $reputationbars_px . 'px;" title="' . $post['level'] . '"></div>'

Где $reputationgif это окончание нужного класса,
$reputationbars_px = $reputationbars * 10; это длина видимой картинки в пикселях (в оригинале это количество циклов, которое надо умножить на 10 в случае 100 пикселей)
Все переменные доступны в "functions_reputation.php"
Работает во всех браузерах. Проверено

Вот теперь собственно вопрос.
Что-то мне слабо верится, что разработчики не видят этого способа упростить отображение репы, если это так, то объясните, пожалуйста, почему циклы лучше, чем CSS (в данном случае).
Если же не так
Может кто-нибудь предложит на Орге разработчикам этот или подобный вариант отображения репы.
При показе тем со 100 постами на страницу отображение в циклах становится весомым.
Ну или раскритикуйте этот вариант.

Почему возник вопрос-предложние. Разрабы постоянно, что-то делают с отображением репы. Надоело все время переписывать модуль ее отображения при помощи CSS.
С уважением, Михаил.

02-05-2012, 04:07 AM

Quote:

Originally Posted by MKproff

Вот теперь собственно вопрос.

Лично я вижу причину в том, что в результате цикла передается html + 2 картинки, а при выводе css html+2 картинки + css...

02-05-2012, 05:02 AM

Quote:

Originally Posted by SMak044

Лично я вижу причину в том, что в результате цикла передается html + 2 картинки, а при выводе css html+2 картинки + css...

Сомнительно. Посмотрите:
В результате цикла в одном посте:
Обратите внимание, что здесь тоже приходится стили загружать: "class="repimg"" и class="postbit_reputation" т. ч. html (в циклах) + 4 картинки (при отрицательной и положительной репе на одной странице) + CSS

HTML Code:

<span class="postbit_reputation" id="repdisplay_ХХХ" title="Бла бла бла">
<img class="repimg" src="images/reputation/reputation_pos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_pos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_pos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_pos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_pos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_highpos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_highpos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_highpos.png" alt="" />
<img class="repimg" src="images/reputation/reputation_highpos.png" alt="" />
</span>

А это без циклов, что я предлагаю

HTML Code:

<div class="reputation_pos" style="width:90px;" title="Бла бла бла"></div>'

Почувствуйте разницу.
На мой взгляд рациональнее один раз загрузить 15 строк CSS, чем этот HTML у каждого поста + вывод всего этого кода в циклах

MKproff добавил 05.02.2012 в 03:02
А посмотрите, что они в VB 4.1.10 придумали:

HTML Code:

<vb:if condition="$show['reputation']">
				<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">
					<vb:each from="reputationdisplay" value="row">
						<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}
					</vb:each>
				</span>
			</vb:if>

Это вообще какое-то извращение, ИМХО. Тут они задействовали еще и свой язык в шаблонах. Нафига такие пляски, скажите мне???

02-05-2012, 05:32 AM

Оффтоп

02-05-2012, 03:25 PM

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

02-05-2012, 07:39 PM

Ладно, всем спасибо. Забейте.

02-05-2012, 10:55 PM

Quote:

Originally Posted by SMak044

то ты фактически должен будешь загрузить все картинки репутации, а не 4 , что даст +7 картинок

я думаю, нет
это как со спрайтами, грузится 1 картинка, просто для каждого поста, выбирается свое положение в классе CSS

02-06-2012, 01:46 AM

MKproff, Да нечегог тут забивать, циклы сейчас распостранены практически во всех новых движках, аля html5 это тоже самое что в свое время переходили с таблиц на dev. Как и в то в ремя так и сейчас есть последователи, есть недовольные, но если вы мне покажите разницу при 5 миллоном форуме с циклами и без нагрузку, готов подискутировать.

02-06-2012, 02:31 AM

Quote:

Originally Posted by artscripts

но если вы мне покажите разницу при 5 миллоном форуме с циклами и без нагрузку, готов подискутировать.

На мой взгляд предложено более рациональное решение, чем оригинальное. Достаточно посмотреть на реализацию парсера тега цикла в шаблонах "<vb:each from=...." это теперь используется для вывода репы, а не простой цикл, как раньше.
ИМХО, конечно, но это дорога из Москвы в Питер, через Владивосток.
Предлагаемое решение, снимает практически всю работу по отображению репы с сервака и перекладывает ее на браузер пользователя. Думаю, что при 5-ти миллионном форуме эта нагрузка будет весьма ощутима.
С уважением, Михаил.

02-06-2012, 03:59 AM

Quote:

Originally Posted by kerk

грузится 1 картинка, просто для каждого поста,

Ну и правильно, Но если репутация у всех разная и посты на странице от разных пользователей, то получается, что надо загрузить 10 разных картинок.
При этом в размере каждая картинка будет весом 1320 байта вместо 510 байтов.
чистая математика дает увеличение трафика (10*1320)-(4*510)= 11160 байт на страницу, в общем то не много, но если это крупный форум... где открывается 1000 страниц в час, то мы получим в месяц 8Гбайт лишнего трафика. конечно если посмотреть на загрузку сервера, то скорее всего мы конечно увидим выигрыш, но скорее всего малозначительный и малосущественный.
Хотя хрен его знает...
Что же до спрайта, то если использовать спрайт, то не обойтись без цикла, хотя вес картинки будет скорее всего соответствовать размеру 4 картинок репы...
Ну это почему то мне так кажется, хотя могу и ошибаться.