Sjabloon:Domein form: verschil tussen versies

Uit Dorpsbelang Den Hout
Ga naar:navigatie, zoeken
Regel 13: Regel 13:
 
--><wsfield type="textarea" name="Intro" class="form-control" /><!--  
 
--><wsfield type="textarea" name="Intro" class="form-control" /><!--  
 
   --><div><b>Thema</b></div><!--  
 
   --><div><b>Thema</b></div><!--  
  --><wsfield type="range" name="Intro" class="form-control" /><!--  
+
  --><wsfield type="range" name="Intro" class="form-control" id="change-color"/><!--  
 
  --><!--  
 
  --><!--  
 
-->{{#arraymap:red, green, blue|,|@@@|<!--  
 
-->{{#arraymap:red, green, blue|,|@@@|<!--  
Regel 24: Regel 24:
 
  --></div><!--  
 
  --></div><!--  
 
--></div><div class="main-wrapper mt-4"><wsfield type="submit" class="btn pull-right" value="Opslaan" /></div></wsform><!--  
 
--></div><div class="main-wrapper mt-4"><wsfield type="submit" class="btn pull-right" value="Opslaan" /></div></wsform><!--  
  -->
+
  -->{{#tag:html|<script>
 +
document.getElementById('change-color').addEventListener('input', function(e){
 +
  document.body.setAttribute('style', '--main-color:hsl('+e.target.value+'deg, 37%, 37%)' )
 +
   
 +
})
 +
 
 +
</script>

Versie van 18 aug 2020 00:45

Domeinen
{{#arraymap:Voedbal-denhout.nl, Stichting-htb.nl, scoutingdenhout.nl|,|@@@|
@@@
|}}


{{#tag:html|<script>

document.getElementById('change-color').addEventListener('input', function(e){

 document.body.setAttribute('style', '--main-color:hsl('+e.target.value+'deg, 37%, 37%)' )
   

})

</script>