lostyazilim
tr.link

Range input unu bu şekilde tasarlayabilirmiyiz? [ÇÖZÜLDÜ]

4 Mesajlar 909 Okunma
acebozum
tr.link

iMonster iMonster Old Kid 🔥 Kullanıcı
  • Üyelik 28.01.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Developer
  • Konum İstanbul Anadolu
  • Ad Soyad M** Ö**
  • Mesajlar 312
  • Beğeniler 131 / 58
  • Ticaret 0, (%0)



Hocalar merhaba.

Benim siteme entegre etmek zorunda olduğum bir timeline sistemi var tabi programlama kısmında sıkıntı yok php ve js ile dinamik sistemi oturtum ancak kullanıcıya bu timeline üzerinden seçtirmem lazım.

Range inputunu resimdeki gibi tasarlayabilir miyiz merak ediyorum yada bu tasarımı bir input a uygulayabilir miyiz?
Nasıl bu şekilde tasarlayabiliriz bileniniz var mıdır?

=============== EDİT ======================
Hocalar buna şöyle bir çözüm ürettim istediğim tasarımı yakalayamadım ancak işlevi uygun.

https://codepen.io/imonster/pen/wLweqj
 

 

www.mustafaozturk.kim
elektronikssl
webimgo

Bulutekno Bulutekno Free Free Freelancer... Kullanıcı
  • Üyelik 15.10.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek FreeHuman
  • Konum Samsun
  • Ad Soyad V** B**
  • Mesajlar 422
  • Beğeniler 103 / 141
  • Ticaret 3, (%100)
İnput ile neden yapıyorsunuz ki her birine ayrı bir input oluşturmak zorunda kalacaksınız. Div ile halledilebilir bu. Range inputu ile gereksiz olur. Hatta en iyisi SVG ile oluşturmak hem yenilikçi olur. SVG sistemini araştırıp yapmanızı öneririm.
iMonster

kişi bu mesajı beğendi.

HTML-CSS ve BOOTSTRAP-JQUERY,
PSD döküm,
Tema editleme.
Temayı responsive hale getirme.

brown brown WM Aracı Kullanıcı
  • Üyelik 28.10.2013
  • Yaş/Cinsiyet 25 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad H** E**
  • Mesajlar 1748
  • Beğeniler 385 / 385
  • Ticaret 27, (%96)

Bulutekno adlı üyeden alıntı

İnput ile neden yapıyorsunuz ki her birine ayrı bir input oluşturmak zorunda kalacaksınız. Div ile halledilebilir bu. Range inputu ile gereksiz olur. Hatta en iyisi SVG ile oluşturmak hem yenilikçi olur. SVG sistemini araştırıp yapmanızı öneririm.


Hocam o zaman kullanıcıdan nasıl veri alacak arkadaş?
iMonster

kişi bu mesajı beğendi.

Bulutekno Bulutekno Free Free Freelancer... Kullanıcı
  • Üyelik 15.10.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek FreeHuman
  • Konum Samsun
  • Ad Soyad V** B**
  • Mesajlar 422
  • Beğeniler 103 / 141
  • Ticaret 3, (%100)
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_timeline burada o şekilde bir sistem yapabilirsiniz. Veri sadece inputtan alınmıyor ki hangi div'e tıklandı ise onun text'ini veya orada yazan her ne ise çekebilir. brown
brown iMonster

kişi bu mesajı beğendi.

HTML-CSS ve BOOTSTRAP-JQUERY,
PSD döküm,
Tema editleme.
Temayı responsive hale getirme.
wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al