как использовать палитру цветов для изменения текста в фоновом режиме

функция выбора цвета не попадает в нужное поле

    <input class="jscolor {onFineChange:'update(this)'}" value="choose color">
    <iframe  name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;">
<script type="javascript" src="js/jscolor.js"></script>

<script>
function update(jscolor) {

// 'jscolor' instance can be used as a string
document.getElementById('richTextField').style.backgroundColor = '#' + jscolor

}
  </script>

я хочу, чтобы, когда пользователь нажимает на текстовое поле, палитра цветов откроет пользователю выбрать желаемый цвет, а затем текст, написанный в iframe, должен быть этого цвета

1 ответ

  1. Просто исправил это для вас.В этом примере демонстрируется изменение фона. Чтобы изменить цвет текста, можно определить источник iframe и заменить «y.body.style.backgroundColor = '#' + jscolor;«на»y.body.style.color = '#' + jscolor;«.Вот фрагмент кода:

    <script src="http://jscolor.com/release/2.0/jscolor-2.0.4/jscolor.js"></script>    
    
    <input class="jscolor {onFineChange:'update(this)'}" value="choose color">
    
     <iframe id="richTextField" height="200" width="600"></iframe>
    
    <script>
    function update(jscolor) {
        var x = document.getElementById("richTextField");
        var y = (x.contentWindow || x.contentDocument);
        if (y.document)y = y.document;
        y.body.style.backgroundColor = '#' + jscolor;
    }
    </script>
    

    Посмотреть Фрагмент