v2.5.2
Giriş yap

javascript ile color picker yapmak

memdhaci
594 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 8

bunun gibi bir color picker yapıp slide edildikçe renk değerini nasıl alabilirim

javascript
Cevap yaz
Cevaplar (8)
frexx
519 gün önce

Çok aylar geçmiş ama tekrardan gördüm. Yapayım dedim, olurda görüp merak ederler.

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>
  
<input type="color" id="picker">
  <p id="valy" style="position: absolute;left: 15%;top: 1%;"></p>

<script type="text/javascript">
    var picker = document.getElementById("picker");
var valy = document.getElementById("valy");


setInterval(() => {
    valy.innerText = picker.value;
}, 1);
</script>
</body>
</html>
1
#012730
abdullahx
1090 gün önce

Hocam kusura bakmayın fakat o işler öyle olmuyor, madem bilmiyorsunuz alın hazır kullanın, bu tür orta-ileri seviye javascript bilgisi gerektiren şeylerle javascript bilmeden başa çıkılamaz.

1
#008516
memdhaci
1090 gün önce

@qplot kanka ben yorumda ne yazmışım bunun gibi çok örnek var ama jsi bana karışık geldiği için benim istediğim gibi ayarlayamıyorum bana attığım fotodaki gibi bişi lazım. genişliğini posizyonunu falan kendim ayarlayabileceğim.

0
#008515
qplot
1091 gün önce

önce biraz araştırsanız sonuca ulaşamazsanız sorsanız daha mantıklı olur :)

https://codepen.io/rakujira/pen/WZOeNq
https://codepen.io/dariocorsi/pen/WwOWPE
https://codepen.io/brownsugar/pen/NaGPKy

1
#008500
memdhaci
1091 gün önce

@arda color pickerın input olmasını istemiyorum ben

0
#008499
arda
1091 gün önce

const colorPicker = document.getElementById('color-picker')

colorPicker.addEventListener('input', (e) => {
    console.log(e.target.value)
})
0
#008498
memdhaci
1091 gün önce

@frexx ben örneklere baktığımda bundan çok farklı şeyler gördüm ve js i karışık olduğu için editlemek zor geliyor. Sen buna benzer örnek gördüysen link atar mısın.

0
#008497
frexx
1091 gün önce

Aynısını soruyorum ama bulamıyorum. İnternette örnekleri var ama kendi aklımla yapmak istiyorum.

0
#008491