selStrip: a simple multi-select control for your web app

selStripExampleSo, after a long hiatus I’ve decided to bring my blog back to life. And what better way to do that than by showing off a simple UI control I built recently for use in a client web application.

The client needed a way to quickly select multiple values from large lists of values, with the values often being contiguous. Using radio buttons would work, but selecting and deselecting them for large numbers of values would get tedious in a hurry. Enter the selStrip control.

Conceptually, it’s a pretty simple control. It’s designed as a JQuery plugin, so to add a selStrip to your app just include the plugin code, call the initializer, include the required CSS styles, and you’re off to the races. For example, if your application needed the user to select some set of days of the week:


<p>Days:<div id="days" class="selstrip"></div></p>
. . .

<script>
$(function () {
    var days = {
        values:['SUN', 'MON', 'TUE', 'WED', 'THUR', 'FRI', 'SAT']
    };

    $('#days').selStrip(days);
    $('#days').change(function () {
        console.log($('#days').selStrip('values'));
    });
</script>

To select a range of days, just click and drag on one of the day values. For full source code, just check out the selStrip JSFiddle.

One comment

  1. Tim Jowers says:

    That’s damn cool Scott. I see you also have drag unselect so one could drag select 20 records and then drag unselect 3 within those. That’s the sort of thing I have had a hard time doing with long lists where I select many. This is the best control for the task I have ever seen. I hope you patented it!

  2. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You’ve made your point.
    http://cialismsnrx.com/
    buy cialis in nigeria
    cialis without a doctor prescription
    site fiable commander cialis
    cheap cialis

  3. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You said it very well.!
    http://cialismsnrx.com/
    agen cialis surabaya
    cialis generic
    taking daily cialis every other day
    cialis 20 mg

  4. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks a lot. I value this.
    http://cialismsnrx.com/
    buy cheapest cialis online
    cialis 20mg
    cialis 5 presentaciones
    generic cialis

  5. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Amazing all kinds of helpful info!
    https://www.cialisfidel.com/
    most effective use cialis
    generic cialis
    cialis voor dagelijks gebruik
    cheap cialis

  6. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    With thanks, A lot of advice.

    https://www.cialismim.com/
    cialis che cos’ГЁ
    buy cialis online
    chinese herbal cialis
    cialis 20mg

  7. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Well expressed indeed. .
    http://cialismsnntx.com/
    comprar cialis envio urgente
    cialis generic
    best natural alternative cialis
    cialis 20 mg

  8. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You actually said this exceptionally well!
    http://cialismsnntx.com/
    cialis tempo para fazer efeito
    generic cialis
    cialis on nhs
    cialis generic

  9. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Info clearly regarded!!
    http://cialismsnntx.com/
    generische cialis kaufen
    cialis generic
    which is best levitra viagra cialis
    cialis online

  10. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Amazing tips. Cheers.
    http://cialisttk.com/
    patente cialis brasil
    cialis without a doctor prescription
    cialis 20 tabletten
    cialis without a doctor prescription

  11. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Regards. I value this.
    https://www.cialisfidel.com/
    can i take 5mg cialis as needed
    cialis without a doctor prescription
    gde da kupim cialis
    cialis 20 mg

  12. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Many thanks, Quite a lot of posts.

    https://www.cialismim.com/
    como tomar cialis 10mg
    cheap cialis
    cialis potencija
    cheap cialis

  13. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You suggested that superbly.
    http://cialismsnrx.com/
    can you take viagra and cialis on the same day
    cialis 20 mg
    cialis dosage available
    cialis without a doctor prescription

  14. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Nicely put, Regards.
    https://www.cialismim.com/
    cialis kaufen europa
    cialis without a doctor prescription
    europharmacie cialis
    cialis without a doctor prescription

  15. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You revealed that adequately!
    http://cialismsnntx.com/
    does blue cross cover cialis for bph
    cialis 20 mg
    cialis bad side effects
    cialis online

  16. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You actually stated this well!
    http://cialismsnrx.com/
    maximum dosage for cialis
    cialis 20mg
    female cialis espaГ±a
    buy cialis online

  17. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Whoa all kinds of superb material!
    https://www.cialisfidel.com/
    prezzo del cialis 5 mg in farmacia
    cialis generic
    miglior sito comprare cialis
    cialis online

  18. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Regards! Good stuff.
    https://www.cialismim.com/
    la pela vs cialis
    generic cialis
    cialis quante volte
    cheap cialis

  19. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You actually said that terrifically.
    https://www.cialisfidel.com/
    prix d’une boite de cialis 5mg
    buy cialis online
    acheter cialis a lyon
    generic cialis

  20. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks! Lots of facts!

    http://cialismsnrx.com/
    cialis chinese translation
    cialis generic
    acheter cialis pharmacie belgique
    cialis 20 mg

  21. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Kudos, I like this!
    https://www.cialismim.com/
    cialis generico con bonifico
    cialis without a doctor prescription
    cialis paid by insurance
    cialis without a doctor prescription

  22. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Nicely voiced truly! .
    http://cialisttk.com/
    cialis 10 mg einnahme
    cialis 20mg
    precio cialis viagra
    cialis 20mg

  23. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Well expressed genuinely! .
    http://cialismsnrx.com/
    erfahrungsberichte cialis 20mg
    cialis 20mg
    generic cialis fda approved
    generic cialis

  24. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    With thanks! A lot of forum posts.

    https://www.cialismim.com/
    will alcohol affect cialis
    cialis 20 mg
    cialis varicose veins
    generic cialis

  25. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Kudos. Good information.
    http://cialismsnntx.com/
    chi ha acquistato cialis online
    buy cialis online
    achat cialis par paypal
    cialis generic

  26. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Nicely put, Regards!
    http://cialispego.com/
    buying cialis on internet
    cialis without a doctor prescription
    cialis bei benigner prostatahyperplasie
    buy cialis online

  27. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks, I like it!
    http://cialisttk.com/
    miglior prezzo per cialis
    cialis 20mg
    lilly cialis sverige
    cialis online

  28. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Useful forum posts. Regards!
    http://cialismsnrx.com/
    daftar harga obat cialis
    cialis online
    cialis eye twitch
    cialis 20mg

  29. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Awesome stuff. Thanks a lot!
    https://www.cialisfidel.com/
    cvs cialis generic
    cialis 20mg
    cialis lunge
    cheap cialis

  30. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Cheers, I like this.
    http://cialispego.com/
    how many mg of cialis should i take
    cheap cialis
    cialis bronchitis
    buy cialis online

  31. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Useful information. Many thanks!
    https://www.cialisfidel.com/
    genericky cialis zkusenosti
    cialis online
    levitra cialis side effects
    cialis without a doctor prescription

  32. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You have made your point!
    http://cialismsnrx.com/
    como tomar pastilla cialis
    cialis without a doctor prescription
    poppers cialis
    cialis 20mg

  33. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You actually expressed it terrifically.
    https://www.cialisfidel.com/
    cialis mhd abgelaufen
    buy cialis online
    cialis generico da 10 mg
    cialis 20mg

  34. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Really quite a lot of valuable advice.
    http://cialisttk.com/
    effetti del cialis 20 mg
    cialis 20 mg
    what pill looks like cialis
    cialis without a doctor prescription

  35. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Kudos. I enjoy this!
    http://cialispego.com/
    cialis tempo di effetto
    cialis without a doctor prescription
    taking 2 cialis pills at once
    cialis generic

  36. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Wow plenty of wonderful knowledge!
    https://www.cialismim.com/
    cialis tempo de efeito
    cialis online
    can you take cialis and flomax
    cialis generic

  37. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Whoa plenty of fantastic facts!
    http://cialismsnrx.com/
    comprar cialis generico chile
    cialis online
    zoloft e cialis
    cialis 20mg

  38. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thank you. An abundance of posts.

    http://cialismsnrx.com/
    esiste il generico del cialis in farmacia
    cialis generic
    qual eo melhor viagra ou cialis
    cialis 20mg

  39. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Helpful content. Appreciate it!
    http://cialisttk.com/
    can you take more than one 5mg cialis a day
    cialis without a doctor prescription
    can i buy cialis over the counter in france
    cialis generic

  40. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Cheers. I value this!
    http://cialismsnrx.com/
    youtube sahan cialis
    cialis without a doctor prescription
    Еџahan cialis reklamД± izle
    cialis generic

  41. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Amazing quite a lot of excellent facts!
    http://cialismsnrx.com/
    mirtazapine and cialis
    cialis 20 mg
    precio cialis 5 mg en mexico
    buy cialis online

  42. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Really loads of amazing tips!
    http://cialismsnrx.com/
    cialis 5 milligram price
    cialis without a doctor prescription
    beste cialis generika
    generic cialis

  43. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Regards, Fantastic information!
    http://cialismsnrx.com/
    cialis et priligy
    buy cialis online
    cialis meilleur prix
    generic cialis

  44. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Lovely postings, Many thanks!
    http://cialismsnntx.com/
    cialis fast delivery europe
    cialis without a doctor prescription
    cialis cheap uk
    buy cialis online

  45. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Seriously many of very good knowledge!
    http://cialismsnntx.com/
    comprar cialis generico net
    cialis without a doctor prescription
    costo cialis chile
    cialis 20 mg

  46. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You have made your position extremely nicely.!
    http://cialisttk.com/
    cialis otros usos
    cialis 20mg
    precio cialis vademecum
    cialis online

  47. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You actually explained this terrifically!
    https://www.cialismim.com/
    cialis blindheit
    cheap cialis
    cialis homme jeune
    cialis generic

  48. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Truly a lot of terrific facts.
    http://cialispego.com/
    acquistare cialis dall’italia
    buy cialis online
    what are the long term side effects of cialis
    cheap cialis

  49. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Effectively spoken certainly! !
    http://cialispego.com/
    what is the maximum safe dosage of cialis
    cialis 20mg
    cialis y orfidal
    buy cialis online

  50. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Appreciate it, Quite a lot of advice.

    http://cialismsnntx.com/
    he probado cialis
    buy cialis online
    cialis sanofi
    generic cialis

  51. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Really a lot of wonderful facts!
    http://cialismsnntx.com/
    when does cialis affect peak
    cialis 20mg
    cialis price target
    cialis online

  52. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Amazing knowledge. Thanks a lot!
    http://cialismsnrx.com/
    venta de cialis en culiacan
    cialis without a doctor prescription
    is cialis controlled substance
    generic cialis

  53. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Perfectly spoken indeed! .
    http://cialismsnrx.com/
    perbedaan levitra dan cialis
    cialis online
    cialis posologia y contraindicaciones
    buy cialis online

  54. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Seriously a good deal of valuable data!
    http://cialispego.com/
    serve prescrizione per cialis
    generic cialis
    cialis 2li tablet fiyat
    buy cialis online

  55. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You said it adequately..
    http://cialismsnntx.com/
    taking cialis with a cold
    cialis online
    cialis con dapoxetina
    generic cialis

  56. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Many thanks! Lots of facts!

    http://cialispego.com/
    does cialis one a day really work
    buy cialis online
    is it safe to buy cialis online
    cialis 20mg

  57. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Appreciate it. Loads of info!

    https://www.cialisfidel.com/
    androgel 1.62 and cialis
    cialis online
    cialis kaufen in tschechien
    cialis 20 mg

  58. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Position clearly used.!
    http://cialismsnntx.com/
    pharmacy coupons for cialis
    cheap cialis
    cialis gefahren
    cialis generic

  59. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks a lot! Quite a lot of content!

    https://www.cialismim.com/
    5mg cialis vs 20 mg cialis
    cialis 20mg
    double dose de cialis
    buy cialis online

  60. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks, I like this.
    http://cialispego.com/
    cialis viagra bestellen
    cialis 20 mg
    prezzo cialis originale in farmacia
    buy cialis online

  61. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Nicely put, Thank you!
    http://cialismsnntx.com/
    cialis efeitos adversos
    cialis without a doctor prescription
    erfahrungsbericht cialis 10mg
    generic cialis

  62. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Amazing many of superb advice.
    http://cialispego.com/
    assumere cialis tutti i giorni
    cialis 20 mg
    cialis tГјrkei ohne rezept
    generic cialis

  63. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Information effectively used.!
    https://www.cialismim.com/
    cialis online denmark
    cheap cialis
    cialis belgique sans ordonnance
    cialis without a doctor prescription

  64. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    You said it adequately..
    http://cialispego.com/
    what happens if you take 2 5mg cialis
    cialis generic
    levitra o cialis foro
    cialis 20 mg

  65. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Fantastic facts. Cheers.
    http://cialisttk.com/
    cialis costco pharmacy
    cialis 20mg
    150 mg cialis
    cialis without a doctor prescription

  66. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Regards, I appreciate this!
    http://cialismsnrx.com/
    tarifs du cialis
    cialis 20 mg
    cialis by mail canada
    buy cialis online

  67. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Cheers! Excellent information!
    http://cialismsnrx.com/
    cialis northern ireland
    cialis 20mg
    kandungan dalam cialis
    generic cialis

  68. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    With thanks! Ample content!

    http://cialispego.com/
    cialis neziaduce ucinky
    cialis generic
    side effects long term use cialis
    generic cialis

  69. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    With thanks, An abundance of tips.

    http://cialisttk.com/
    cialis dosage for pah
    buy cialis online
    cialis vende em qualquer farmacia
    buy cialis online

  70. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    This is nicely put! !
    http://cialismsnntx.com/
    generic cialis dangerous
    cialis 20 mg
    effetto cialis donne
    cialis generic

  71. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Nicely voiced truly. !
    http://cialismsnntx.com/
    cialis ohne arzt
    cialis without a doctor prescription
    what is the best way to use cialis
    cialis without a doctor prescription

  72. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    With thanks, Plenty of forum posts!

    http://cialispego.com/
    cialis bestellen netpharm
    cialis without a doctor prescription
    does cialis lower sperm count
    buy cialis online

  73. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Thanks a lot! I appreciate it!
    http://cialismsnrx.com/
    buy cialis with money order
    cialis generic
    cialis complaints
    cialis online

  74. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Cheers. I like this.
    http://cialismsnrx.com/
    erstattungsfähigkeit cialis
    buy cialis online
    nebenwirkung cialis 5mg
    buy cialis online

  75. HaroldBoype says:
    Your comment is awaiting moderation. This is a preview, your comment will be visible after it has been approved.

    Truly many of excellent advice.
    http://cialismsnntx.com/
    levitra vs cialis which is better
    cheap cialis
    cialis pharmacie la moins chere
    generic cialis

Leave a Reply

Your email address will not be published. Required fields are marked *