Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Палитра цветов.

Предыдущая тема Следующая тема Перейти вниз

Question Палитра цветов.

Сообщение автор Rus11 в Пт 26 Июн - 7:26

Здравствуйте, мне бы хотелось, что бы в окне, где мы пишем сообщения в тему, при нажатии курсором по кнопке "Цвет", не выскакивала вот такая таблица цветов.

А открывалось ниже вот такое окно (что-то наподобие этого):

Это возможно? Если и да, то как? 24
Заранее спасибо!

Rus11
 
 

Пол : Мужчина
Сообщения : 170
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2015-05-16

http://www.sekreti-komputera.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Racoon в Пт 26 Июн - 14:56

@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)

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Racoon в Пт 26 Июн - 15:00

Здесь пример перекрытия команды servimg (image host)
http://help.forum2x2.ru/t38227-topic

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Rus11 в Пт 26 Июн - 18:27

Racoon, но как я всё это сделаю, если не разбираюсь в програмировании? cray cray cray

Rus11
 
 

Пол : Мужчина
Сообщения : 170
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2015-05-16

http://www.sekreti-komputera.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Racoon в Пт 26 Июн - 19:39

@Rus11 пишет:Racoon, но как я всё это сделаю, если не разбираюсь в програмировании? cray cray cray
Тогда довольствуйтесь тем что есть

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Racoon в Пт 26 Июн - 19:41

Вот кстати скрипт Color Picker'а того самого который вы привели
http://illiweb.com/rs4/14/frm/jquery/colorpicker/colorpicker.js

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Rus11 в Сб 27 Июн - 9:01

@Racoon пишет:Вот кстати скрипт Color Picker'а того самого который вы привели
http://illiweb.com/rs4/14/frm/jquery/colorpicker/colorpicker.js

Это код вот такой палитры цветов?

Rus11
 
 

Пол : Мужчина
Сообщения : 170
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2015-05-16

http://www.sekreti-komputera.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Racoon в Сб 27 Июн - 20:28

@Rus11 пишет:Это код вот такой палитры цветов?
Именно её. Если не напутал. Но её еще нужно умело подключить.

Racoon
 
 

Сообщения : 114
Возраст : 35
Карма : Без предупреждений
Благодарности : 100
Регистрация : 2015-03-12

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Rus11 в Сб 27 Июн - 20:39

Racoon, можете дать инструкцию по подключению этой палитры цветов к сайту, буду искренне благодарен. smile smile smile

Rus11
 
 

Пол : Мужчина
Сообщения : 170
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2015-05-16

http://www.sekreti-komputera.ru

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Феникс в Ср 6 Янв - 22:57

Что-то наподобии нашел случайно. На третьем бобике полет нормальный. Галочку расположения ставить "на всех страницах".
Код:
$(function() {
  $('#text_editor_textarea').length && $.getScript("http://aska.123.st/17313.js")
});

Феникс
 
 

Пол : Мужчина
Сообщения : 406
Возраст : 44
Карма : Без предупреждений
Благодарности : 73
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Question Re: Палитра цветов.

Сообщение автор Феникс в Чт 7 Янв - 16:22

Так и не хватило ума добавить кнопку закрытия окна. Немного неудобно работать в таком варианте.


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 406
Возраст : 44
Карма : Без предупреждений
Благодарности : 73
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения