Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.06.2015, 09:13
Новичок на форуме
Отправить личное сообщение для kislotnik Посмотреть профиль Найти все сообщения от kislotnik
 
Регистрация: 07.06.2015
Сообщений: 2

Задавание стилей через текстовую форму
Здравствуй.скажите есть ли скрипт или как можно реализовать.допустим ксть текстовое поле я в этом поле пишу #fff и чтоб этот фон применялся к определенному блоку.тоесть правка не через файл стиля и через текстовую форму
Ответить с цитированием
  #2 (permalink)  
Старый 07.06.2015, 10:11
Аватар для Leon-on12
Аспирант
Отправить личное сообщение для Leon-on12 Посмотреть профиль Найти все сообщения от Leon-on12
 
Регистрация: 07.04.2015
Сообщений: 65

<input type="text" size="40" id="colorOfDiv">
<input type="button" size="40" onclick="changeColor()" value="поменять цвет">
<div id="colorDiv" style="width:100px;height:100px;">Я меняю цвет</div>

var n = 0;
function changeColor(){
  document.getElementById("colorDiv").style.background = document.getElementById("colorOfDiv").value;;
  n++;
  document.getElementById("colorDiv").innerHTML = "Я поменял цвет "+n+" раз";
}
Ответить с цитированием
  #3 (permalink)  
Старый 07.06.2015, 10:27
Аватар для Sigizmund2012
Профессор
Отправить личное сообщение для Sigizmund2012 Посмотреть профиль Найти все сообщения от Sigizmund2012
 
Регистрация: 16.07.2014
Сообщений: 267

Сообщение от kislotnik Посмотреть сообщение
Здравствуй.скажите есть ли скрипт или как можно реализовать.допустим ксть текстовое поле я в этом поле пишу #fff и чтоб этот фон применялся к определенному блоку.тоесть правка не через файл стиля и через текстовую форму
Как-то так:
<style>
            #styled{
                width: 200px;
                height: 100px;
                background: green;
            }
        </style>


<div id="styled"></div>
<input id="color" type="text">
<button id="choose">Choose color</button>

    <script>

var styledDiv = document.getElementById('styled');
var insertedColor = document.getElementById('color');
var confirmButton = document.getElementById('choose');

confirmButton.onclick = function(e){
    styledDiv.style.backgroundColor = insertedColor.value;
};

    </script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заливка файла через форму и get запрос по окончанию загрузки psihoz26 Общие вопросы Javascript 4 17.06.2014 14:57
Динамическое применение стилей к элементу и их отмена Amphiluke Events/DOM/Window 10 26.11.2012 22:33
Узнать размер картинки через форму file Sergey67 Общие вопросы Javascript 1 24.12.2011 06:37
Простая загрузка файла с ajax через форму Djeman AJAX и COMET 9 03.05.2011 04:07
Послать форму загруженную через ajax в div используя ajax ncux jQuery 2 16.08.2010 17:36