Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
SculptorWeed
0 / 0 / 0
Регистрация: 21.07.2016
Сообщений: 2
#1

Смена фона в элемента - JavaScript

21.07.2016, 23:10. Просмотров 148. Ответов 2
Метки нет (Все метки)

Настраиваю свой блог на blogger. Хотел сделать так чтобы пользователь мог сам выбрать фон для страницы\сообщения.
В интернет нашел работающий код, но для body. Я нашел селектор элемента фон которого хочу поменять div.date-outer или .date-outer в стайле работают, в нем я могу поставить фон который хочу. проблема как к нему обратиться из скрипта.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 <style type="text/css">
                div.date-outer{
                background: #661; /* Цвет фона */
                color: black; /* Цвет текста */
            }
        </style>    
 
        <script type="text/javascript">
             function change_color(){
                var select = document.getElementById('paint');
      document.div.date-outer.style.background = select.options[select.selectedIndex].value;
                      
             }
        </script>
  
 
         <form> 
            <p><font color="blue">Выбирите цвет фона страницы</font></p>
             <select name="paint" id="paint"> 
                 <option value="#666"> Желтый</option>
                 <option value="#111"> Красный</option>
                 <option value="#333"> Зеленый</option>
             </select>
            <p><input type="button" onclick="change_color()" value="Изменить цвет фона"/></p>
         </form>
С document.body.style.background все работает на ура. а к фону сообщения достучаться никак не могу. перепробовал множество вариантов методом научного тыка. http://www.otakulife.info/p/search.html страница которую мучаю.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.07.2016, 23:10
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Смена фона в элемента (JavaScript):

Смена фона - JavaScript
Как сменить фон по заданному времени Есть скрипт времени bj_hours=document.getElementById(&quot;datehours&quot;); function wr_hours(){ ...

Смена фона - JavaScript
Доброго! Есть скрипт http://qrohlf.com/trianglify/, который делает фоны. Хочу сделать фон на своей странице вот так: &lt;script...

Смена цвета фона кнопкой - JavaScript
Всем привет! Как нажатием на кнопки изменить цвет области div, а не всего фона? &lt;html&gt; &lt;head&gt; &lt;title&gt;TODO supply a...

Свойство style - смена фона - JavaScript
выражение типа document.form1.elements.style.color='red' где этот элемент-поле типа text, меняет цвет шрифта на красный. А какие еще...

Смена фона по нажатию на space - JavaScript
Добрый вечер, помогите пожалуйста составить скрипт по смене фона страницы по нажатию на кнопку space. Вот пример смены страниц по нажатию...

Автоматическая смена фона ячейки - JavaScript
Здравствуйте, кто-бы смог мне подкинуть небольшой скриптик, реализующий смену фонового изображения ячейки таблицы на другое фоновое...

2
kalabuni
Супермизантроп
3019 / 2375 / 422
Регистрация: 18.04.2012
Сообщений: 6,936
21.07.2016, 23:33 #2
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
в строке #11 кода замените ваше неграмотное обращение к элементу document.div.date-outer
на document.querySelector('.date-outer')
или же на document.getElementsByClassName ('date-outer') [0]
1
SculptorWeed
0 / 0 / 0
Регистрация: 21.07.2016
Сообщений: 2
21.07.2016, 23:35  [ТС] #3
Спасибо, помогло) а я весь день мучился)
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.07.2016, 23:35
Привет! Вот еще темы с ответами:

Смена фона в зависимости от времени суток - JavaScript
Помогите разобраться,почему не работает &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=windows-1251&quot;&gt; ...

Смена фона при нажатии на ссылку - JavaScript
Доброе утро! Есть код: &lt;header&gt; &lt;div id=&quot;logo&quot;&gt; &lt;a href=&quot;&quot; title=&quot;Перейти на главную страницу...

Смена фона CSS background-image - JavaScript
Как в CSS поставить смену картинки фона из папки images с картинками image1.jpg-image5.jpg ? Не используя php .top_menu { ...

Смена фона при клике на DIV - JavaScript
Возникла проблема с реализацией смена фона при клике на DIV. Точнее на странице пять div`ов, и нужно, сделать так, если я кликаю на...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru