Палитра цветов.
Участников: 2
Страница 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)
http://help.forum2x2.ru/t38227-topic
http://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, можете дать инструкцию по подключению этой палитры цветов к сайту, буду искренне благодарен.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|