значения экстракта поля и применять его в качестве значения цвета CSS

Question

Я бегу Друпал 8 и у меня есть тип содержимого со следующими полями

• Изображение
• цвет фона схема
• название

У меня есть вид с 4 сетками

Теперь то, что я хочу сделать, это получить значение от цвет фона схемы поля и применять его в качестве цвета фона ...

<div class=grid1> </div> 
<div class=grid2> </div> 
<div class=grid3> </div> 
<div class=grid4> </div> 

есть способ сделать это с помощью JavaScript .... каждый DIV будет иметь дифф цвет фона.

Answer 1

Давайте рассмотрим поле ввода для схемы цвета фона. Вы можете получить значение поля ввода, используя метод javascript value.

<div class="grid"> </div> 
<div class="grid"> </div> 
<div class="grid"> </div> 
<div class="grid"> </div> 

<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 
<input class="scheme" type="text" /> 

<script type="text/javascript"> 
    var grids = document.getElementsByClassName('grid'); 
    var colorinput = document.getElementsByClassName('scheme'); 
    var i; 
    for (i = 0; i < colors.length; i++) { 
    grids[i].style.background = colorinput[i].value; 
    } 
</script> 

Обязательно поместите сценарий после сеток, чтобы избежать недопустимых опорных ошибок.