Устранение недоработки в градике VOC++ 2016-07-03

[Майор]

Пользователь Капитан разместил новый ресурс:

Устранение недоработки в градике - Устранение недоработки в градике

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

Посмотреть вложение 4348​

Установка: содержимое архива залить в data/engine/files/item_actions/gradient/ с заменой файла.
Как всегда, делайте копию заменяемых файлов!

Узнать больше об этом ресурсе...

 

[mychatik]

В своё время Doctor_zlo тоже пытался сделать, чтобы стандартный предпросмотр градиента из мода для VOC++ работал не только в IE.

Ему xpert13 ответил:

Хотел попробовать исправить, но код, мягко говоря, ужасный. Вот вариант решения этой задачи с использованием готовой библиотеки:

<script type="text/javascript" src="https://www.thomasfrank.se/downloadableJS/gradientText.js"></script>
<script>
function rgb2hex(rgb){ rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); return ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
}
function redraw()
{ var start_color_el = document.getElementById('start_color'); var i = start_color_el.selectedIndex; var start_color = rgb2hex( start_color_el.options[i].style.backgroundColor ); var end_color_el = document.getElementById('end_color'); var i = end_color_el.selectedIndex; var end_color = rgb2hex( end_color_el.options[i].style.backgroundColor ); tested_disp = document.getElementById('tested_disp'); gradientText.set(tested_disp, start_color, end_color);
}
</script>
<table> <tr> <td colspan="2"><b>Градиентный цвет текста</b></td> </tr> <tr> <td colspan="2">(задается 1 раз)</td> </tr> <tr> <td>Стартовый цвет:</td> <td> <select id="start_color" style="{width:70px;height: 25px;}" onchange="redraw();"> <option value="0" selected style="background:#800000; color:#800000">Бордовый</option> <option value="10" style="background:#2e8b57; color:#2e8b57">Морской волны</option> <option value="11" style="background:#808000; color:#808000">Оливковый</option> <option value="12" style="background:#ff8c00; color:#ff8c00">Оранжевый</option> <option value="13" style="background:#da70d6; color:#da70d6">Орхидея</option> <option value="14" style="background:#cd853f; color:#cd853f">Перу</option> <option value="15" style="background:#800080; color:#800080">Пурпуровый</option> <option value="16" style="background:#ff1493; color:#ff1493">Розовый</option> <option value="17" style="background:#808080; color:#808080">Серый</option> <option value="18" style="background:#0000ff; color:#0000ff">Синий</option> </select> </td> <td>Конечный цвет:</td> <td> <select id="end_color" style="{width:70px;height: 25px;}" onchange="redraw();"> <option value="0" selected style="background:#800000; color:#800000">Бордовый</option> <option value="10" style="background:#2e8b57; color:#2e8b57">Морской волны</option> <option value="11" style="background:#808000; color:#808000">Оливковый</option> <option value="12" style="background:#ff8c00; color:#ff8c00">Оранжевый</option> <option value="13" style="background:#da70d6; color:#da70d6">Орхидея</option> <option value="14" style="background:#cd853f; color:#cd853f">Перу</option> <option value="15" style="background:#800080; color:#800080">Пурпуровый</option> <option value="16" style="background:#ff1493; color:#ff1493">Розовый</option> <option value="17" style="background:#808080; color:#808080">Серый</option> <option value="18" style="background:#0000ff; color:#0000ff">Синий</option> </select> </td> <td><div id="tested_disp">Съешь еще этих мягких французских булочек</div></td> </tr>
</table>

На основе этого кода можно легко создать frontend.php для градиентного шрифта, или ника (и не только).
Если кого заинтересовало - во вложениях библиотека gradientText v 1.02 от Thomas Frank, (если вдруг перестанет работать по ссылке).