Range Slider in Django

Question

I have a Range Slider in my template. I want to call a function in my view on Range Slider value change.

index.html
<input id="slider1" type="range" value="3" min="1" max="20" step="1" />

I am using a button and text also I took help from this

Python 2.7.10 Django 1.9

I want value of slider also so as I can change my calculation in function which is defined in view — utkarsh, Aug 02 '16 at 12:00

Raja Simon · Accepted Answer · 2016-08-03T07:28:01.230

1

Assume you have call_view(request) to call...

<input type="range" ... onchange="callFun(this.value)">

Note: I used fetch

function callFun(value) {
    fetch('call_your_url/?value='+ value).then(function(response) {
        console.log(response.status);
    }
}

In your view function...

def call_view(request):
    request.GET.get('value')
    return HttpResponse("success")

edited Aug 03 '16 at 07:28

answered Aug 02 '16 at 11:52

Raja Simon

No...call_view is just a function how can it call directly from HTML – utkarsh Aug 02 '16 at 12:43
let's say I have an app 'myApp' and myApp.views has a class myClass and that class has a function call_view. Now what am i supposed to provide there – utkarsh Aug 02 '16 at 12:47
I thought you have function based views... Now you are telling class based views ah ? Try with simple function based view then try with class... – Raja Simon Aug 02 '16 at 12:50
It actually not that so much easy to get the GET parameters... but wait I will update my answer... – Raja Simon Aug 02 '16 at 12:51
no....can you specify here what is url to be put inside fetch...I am not getting value of slider in views – utkarsh Aug 03 '16 at 07:15
Can you look into your `urls.py` and tell what are the urls you have ... – Raja Simon Aug 03 '16 at 07:22
url(r'temp/',ClusterPlot.renderTemplate,name='temp') – utkarsh Aug 03 '16 at 07:24
This is getting harder.. shall we go my way.. Just put this in your urls... `url(r'call-view/', views.call_view),` – Raja Simon Aug 03 '16 at 07:26
and see my answer there is call_view function please copy paste it in your views.py file.. do now... – Raja Simon Aug 03 '16 at 07:28
And inside the `fetch('call-view/', ... ` – Raja Simon Aug 03 '16 at 07:30
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/118979/discussion-between-raja-simon-and-utkarsh). – Raja Simon Aug 03 '16 at 07:32

1 Answers1