Каким образом можно передать класс радиокнопки на техтареа, чтобы менять цвета печатаемого текста? HTML: <form action="" method="post" enctype="multipart/form-data" id="form1"> <label><b>Заголовок</b> <br /> <input name="text_1" type="text" id="textfield" size="100" maxlength="100" /> </label> <table width="200"> <tr> <td><label> <input class="zwet" type="radio" name="colors" value="color" id="colors_0" /> blue</label></td> </tr> <tr> <td><label> <input class="zwet_1" type="radio" name="colors" value="color" id="colors_1" /> orange</label></td> </tr> </table> <label><br /> <br /> </label> <p> <label><b>Основной текст страницы</b><br /> <textarea name="tex_2" cols="146" rows="20" id="textfield2"></textarea> </label> </p> <p> </p> <p> </p> <p> <input name="files" type="file" id="files" size="40" maxlength="100" /> </p> <p> <label></label> <br /> <br /> <label> <input type="submit" name="button" id="button" value=" Отправить " /> </label> </p> </form>
[js] $('input[name=colors]').click(function() { $('#textfield2').removeClass().addClass( $(this).attr('class') ); }); [/js] на jquery
HTML: <script> function setColor(el) { document.getElementById('textfield2').className = el.className } </script> <form action="" method="post" enctype="multipart/form-data" id="form1"> <label><b>Заголовок</b> <br /> <input name="text_1" type="text" id="textfield" size="100" maxlength="100" /> </label> <table width="200"> <tr> <td><label> <input class="zwet" type="radio" name="colors" value="color" id="colors_0" onclick="setColor(this)" /> blue</label></td> </tr> <tr> <td><label> <input class="zwet_1" type="radio" name="colors" value="color" id="colors_1" onclick="setColor(this)" /> orange</label></td> </tr> </table> <label><br /> <br /> </label> <p> <label><b>Основной текст страницы</b><br /> <textarea name="tex_2" cols="146" rows="20" id="textfield2"></textarea> </label> </p> <p> </p> <p> </p> <p> <input name="files" type="file" id="files" size="40" maxlength="100" /> </p> <p> <label></label> <br /> <br /> <label> <input type="submit" name="button" id="button" value=" Отправить " /> </label> </p> </form> так на 100 кб меньше скрипт
да не чего, функция одна, просто добавляете когда новую кнопку HTML: <input class="zwet" type="radio" name="colors" value="color" id="colors_0" onclick="setColor(this)" /> не забывайте в неё вписывать вызов функции HTML: onclick="setColor(this)"
благодарю за помощь. И еще один вопрос заголовок как подключить к этому скрипту? HTML: <label><b>Заголовок</b> <br /> <input name="text_1" type="text" id="textfield" size="100" maxlength="100" />
то есть что бы инпут тоже менял цвет? [js] <script> function setColor(el) { document.getElementById('textfield').className = document.getElementById('textfield2').className = el.className } </script>[/js]
Все получилось. А я еще хотел сделать размер шрифта с этими кнопками, но они у меня не получились. Я если включаю размер шрифта, выключается цвет и наоборот. Создал еще один скрипт для шрифта и он нормально работает но радиокнопки не делятся на две группы. Как их разделить?