/prog/ - HTML 5 Slider

Name: Anonymous 2011-03-14 1:15

Everyone rejoice, for HTML now has a slider! Oh heavens:



<input type="range"  min="0" max="100" />

Name: Anonymous 2011-03-14 2:46

What if you could slide into a hundred different values? Where it's the same document, and you're the same element, but everything else is different?

Name: Anonymous 2011-03-14 3:04

What if you could slide into a hundred different user agents? Where it's the same document, and you're the same element, but you weren't fucking stuck only working in webkit?

Name: Anonymous 2011-03-14 4:25

　　　　　　　　　　　　　　　　　　／::::::/:/::. /;ｧ‐ 7 ¨丁　＼　＼ `＜＼＼　l　　ヽ
　　　　　　　　　　　　　　　　　 /―=ﾃ^/::. /::/:::::{　　{:　　　＼　＼. 丶.ﾍ　 Vー― ┐
　　　　　　　　　　　　　　 /≦≠ｱ/::. / ..{.......|::.　 |:::. 　　ヽ　ヽ　ﾊ ', 　V≧､___>
　　　　　　　　　　　　　　　　/:／／ ,'. :: l::::::l::::::::|::.　 |::::::... 　　 l:.　ｌ:.:　l: l: 　∨＼:ハ
　　　　　　　　　　　　　　　〆／＼ｌ::::: |::::厶:::::ハ:　 i＼:::::..::.　 l::.. |::j;ｨ|' |:.　 l　　> ＼
　　　　　　　　　　　　　　／／:::::::/7|::::: ｌ::/　ト{､小:.　!　＼::.::.　iイl:::: /.l |::.　 |メ´ l ＼＼
　 ┏┓　 ┏━━┓　　∨:::::::::: //|:l :::: l:{ ,.ｨ≠ﾐk＼＼ヽ　 X´;ｨ=≠く　リ :　 |＼＼　.:＼! 　　 ┏━┓
┏┛┗┓┃┏┓┃　　ｌ::l:::::|: //_j:ﾊ::::::l代〃 :ﾊヾ｀　＼､　"f〃下:ﾊ>|::::: 　|､　＼＼ l　　　 ┃　 ┃
┗┓┏┛┃┗┛┃┏━|::l:::::| { {/│:ヽ:: ', Vﾍ:::j.|　　　　　　 |rﾍ::j.ﾘ 'ﾞ |::::: 　l､}　　lヽ/;━━┓┃　 ┃
┏┛┗┓┃┏┓┃┃　 |::l:::::|::V !^|::::: ＼ヽゝ-‐'　　　　,　　　ゝ‐-'　　|:::: 　ｌ_ﾉ::.|: |: l: |　　 ┃┃　 ┃
┗┓┏┛┗┛┃┃┗━|::l:::::ｌ::::::: `l:::::: .::::f`　　　＿＿＿__　　　　　,':::: 　ﾊ:::. ｌ:: |: l: |━━┛┗━┛
　 ┃┃ 　　　 ┃┃　　ｌ::ﾊ::: !:::::::::::l:::::::: ::ﾍ　　　 ∨ 　　ﾘ　　　　/::::　/::　 /::: ｌ: l: |　　　 ┏━┓
　 ┗┛　　　 ┗┛　　ヽ! ヽ::ヽ:::::::::ヽ:::::　l.＼　　　　　　 /　　　,. ｨ/::::　/::　 /:::: /:/l:ﾘ　　　 ┗━┛
　　　　　　　　　　　　　　＼＼ゝ :::::: ヽ ::ﾊ　fヽ､　ー '　　イ |: /:::　ｲ::　 /＼/ノ　ﾘ
　　　　　　　　　　　　　　　　　Ｘ　ヾ:::::::::lヘ::.ヽ　l 　＞ー＜　　〃:／　l::　/　 /＼
　　　　　　　　　　　　　　　　 <　　＼＼::::j ﾘ＼V l_｀ヽ　　 x‐／イ　　　|〃　／／＼
　　　　　　　　　　　　　　　　 { ＼　＼V ／ﾞ＼フ⌒!＝=､,ｨ=≠/（｀＞ｰヽ{／／　　ス′
　　　　　　　　　　　　　　　　　l 　＼　　 /　　／　｀〈. ー-v-一/　/⌒ヽ　　∨　　／　}
　　　　　　　　　　　　　　　　 !:　　＞/ _,／　／¨ヽｰ-v-‐/〃＼　　＼_ ヽ＜＿ /
　　　　　　　　　　　　　　　 |　￣　 {　　　_ イ　／ヽ　　/⌒ヽ　　`ｰ　　　 }　　 /

Name: Anonymous 2011-03-14 6:41

We already had HTML sliders. It was called Javascript, and it sounds much more flexible because we had to implement it ourselves.

Name: Anonymous 2011-03-15 8:52

>>5
Expert jQuery UI non-user

HTML 5 Slider

1 Name: Anonymous 2011-03-14 1:15

2 Name: Anonymous 2011-03-14 2:46

3 Name: Anonymous 2011-03-14 3:04

4 Name: Anonymous 2011-03-14 4:25