Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Пропала вкладка "Обработка пользователей"автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» ВПН
автор Raumt Ноябрь 8th 2024, 13:51
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Палитра цветов.
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Палитра цветов.
Здравствуйте, мне бы хотелось, что бы в окне, где мы пишем сообщения в тему, при нажатии курсором по кнопке "Цвет", не выскакивала вот такая таблица цветов.
А открывалось ниже вот такое окно (что-то наподобие этого):
Это возможно? Если и да, то как?
Заранее спасибо!
А открывалось ниже вот такое окно (что-то наподобие этого):
Это возможно? Если и да, то как?
Заранее спасибо!
Re: Палитра цветов.
Возможно. Но сложноRus11 пишет:Это возможно? Если и да, то как?
Нужно в редакторе перекрыть команду color
Смотрите как реализована имеющаяся палитра
- Код:
$.sceditor.command.set('color', {
_dropDown: function(editor, caller, callback) {
var i, x, color, colors, genColor = {
r: 255,
g: 255,
b: 255
},
content = $("<div />"),
colorColumns = editor.opts.colors ? editor.opts.colors.split("|") : new Array(6),
html = [],
cmd = $.sceditor.command.get('color');
if (!cmd._htmlCache) {
for (i = 0; i < colorColumns.length; ++i) {
colors = colorColumns[i] ? colorColumns[i].split(",") : new Array(37);
html.push('<div class="sceditor-color-column">');
for (x = 1; x < colors.length; ++x) {
color = colors[x] || "#" + genColor.r.toString(16) + genColor.g.toString(16) + genColor.b.toString(16);
html.push('<a href="#" class="sceditor-color-option" style="background-color: ' + color + '" data-color="' + color + '" title="' + color + '"></a>');
if (x % 6 === 0) {
genColor.g -= 51;
genColor.b = 255;
if (genColor.g < 51) {
genColor.g = "00"
}
} else genColor.b -= 51;
if (genColor.b < 51) {
genColor.b = "00"
}
}
html.push('</div>');
if (i % 1 === 0) {
genColor.r -= 51;
genColor.g = 255;
genColor.b = 255;
if (genColor.r < 51) {
genColor.r = "00"
}
} else {
genColor.g = 255;
genColor.b = 255
}
}
cmd._htmlCache = html.join('')
}
content.append(cmd._htmlCache).find('a').click(function(e) {
callback($(this).attr('data-color'));
editor.closeDropDown(true);
e.preventDefault()
});
editor.createDropDown(caller, "color-picker", content)
},
_menu: function(editor, caller, callback) {
var colors = {},
html = $('<div />');
colors[editor._('color_dark_red')] = '#660000';
colors[editor._('color_red')] = '#FF0000';
colors[editor._('color_orange')] = '#FF9933';
colors[editor._('color_brown')] = '#663300';
colors[editor._('color_yellow')] = '#FFFF00';
colors[editor._('color_green')] = '#006600';
colors[editor._('color_olive')] = '#666633';
colors[editor._('color_cyan')] = '#00FFFF';
colors[editor._('color_blue')] = '#0000FF';
colors[editor._('color_dark_blue')] = '#000099';
colors[editor._('color_indigo')] = '#6600FF';
colors[editor._('color_violet')] = '#990099';
colors[editor._('color_grey')] = '#999999';
colors[editor._('color_white')] = '#EEEEEE';
colors[editor._('color_black')] = '#000000';
for (var k in colors) html.append('<div><a class="sceditor-fontsize-option"><font color="' + colors[k] + '">' + k + '</font></a></div>');
html.find('font').click(function(e) {
callback($(this).attr('color'));
editor.closeDropDown(true);
e.preventDefault()
});
editor.createDropDown(caller, "color-picker", html)
},
exec: function(caller) {
var editor = this;
if (palette === 1) {
$.sceditor.command.get('color')._dropDown(editor, caller, function(color) {
editor.execCommand("forecolor", color)
})
} else {
$.sceditor.command.get('color')._menu(editor, caller, function(color) {
editor.execCommand("forecolor", color)
})
}
},
tooltip: "Font Color"
});
Т.е. вам нужной найти код желаемой панельки и подставить в текущую реализацию. Если разбираетесь в скриптах.
Собственно задача сводится к вызову вашего окошка и затем команды
editor.execCommand("forecolor", color)
Re: Палитра цветов.
Здесь пример перекрытия команды servimg (image host)
https://help.forum2x2.ru/t38227-topic
https://help.forum2x2.ru/t38227-topic
Re: Палитра цветов.
Тогда довольствуйтесь тем что естьRus11 пишет:Racoon, но как я всё это сделаю, если не разбираюсь в програмировании?
Re: Палитра цветов.
Вот кстати скрипт Color Picker'а того самого который вы привели
https://illiweb.com/rs3/14/frm/jquery/colorpicker/colorpicker.js
https://illiweb.com/rs3/14/frm/jquery/colorpicker/colorpicker.js
Re: Палитра цветов.
Racoon пишет:Вот кстати скрипт Color Picker'а того самого который вы привели
https://illiweb.com/rs3/14/frm/jquery/colorpicker/colorpicker.js
Это код вот такой палитры цветов?
Re: Палитра цветов.
Именно её. Если не напутал. Но её еще нужно умело подключить.Rus11 пишет:Это код вот такой палитры цветов?
Re: Палитра цветов.
Racoon, можете дать инструкцию по подключению этой палитры цветов к сайту, буду искренне благодарен.
Re: Палитра цветов.
Что-то наподобии нашел случайно. На третьем бобике полет нормальный. Галочку расположения ставить "на всех страницах".
- Код:
$(function() {
$('#text_editor_textarea').length && $.getScript("http://aska.123.st/17313.js")
});
Re: Палитра цветов.
Так и не хватило ума добавить кнопку закрытия окна. Немного неудобно работать в таком варианте.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения