2017-01-28 4 views
-1

enter image description here16 진수 색상 코드 값을 PHP의 정확한 음영으로 변환하려면 어떻게해야합니까?

옵션 태그에 표시되는 #codes 값은 색상 코드 values.I 어떤 사람이 그가 picking.How 내가 할 수있는 어떤 색깔 이해할 수 있도록이 값 외에 정확한 색조를 보여줄 필요가 실제로 그 PHP와 자바 스크립트에서? 제발 도와주세요

+1

이미 작성한 코드를 공유 할 수 있습니까? –

+0

지금까지 아무것도 ... 조금 혼란스러운 –

+0

전에 색상 코드 값을 알고 있습니까? –

답변

1

다음은 사용자가 색상을 선택할 때 색상을 설정하는 방법의 샘플입니다. 이것은 이해하기 쉬워야합니다. 사용자가 select 옵션을 변경할 때마다 값을 가져 와서 색상으로 선택한 요소의 배경을 설정합니다. 이것은 jQuery가 아닌 순수 JS를 사용하여 수행됩니다.

<?php 
$colors = ['#ff0000','#00ff00','#0000ff']; 
?> 
<select onchange="colorChange()" id = "color-picker"> 
    <?php 
    foreach ($colors as $color) { 
     echo "<option value='$color'>$color</option>"; 
    } 
    ?> 
</select> 
<div id="color-picked"> 

</div> 

<style type="text/css"> 
    #color-picker { 
     float: left; 
     height: 20px; 
    } 

    #color-picked { 
     width: 20px; 
     height: 20px; 
     border-radius: 10px; 
     float: left; 
     margin-left: 20px; 
    } 
</style> 

<script type="text/javascript"> 
    function colorChange() { 
     colorPicker = document.getElementById('color-picker'); 
     colorPicked = document.getElementById('color-picked'); 
     colorPicked.style.background = colorPicker.value 
     console.log(colorPicker.value) 
    } 
</script> 
+0

도움이되는지 알려주세요. –

+0

몇 가지 ... 고맙습니다. –

+0

예 완벽하게 작동했습니다. 다중 선택으로 나를 도울 수 있습니까? 사람이 여러 색상을 선택하고 싶다면 .. –

관련 문제