css - Jquery ui slider background and borders -


i'm trying achieve on image below using css,

enter image description here

i made use of slider , modified it. http://jqueryui.com/slider/#steps

what css values should need change same output image above?

here's code:

var valmap = [1, 2, 3, 4, 5, 6,7,8,9];     value= 0;     var lastslidevalue = 0;     var internalslidecalling = false;      var slider = $("#slider").slider({     disabled : false,     animate : true,     min : 0,     max : valmap.length - 1,     slide : function(event, ui) {         slider.slider("option", "animate", "slow");     },     change: function(){          var slideval = $(this).slider('value');          if (!internalslidecalling)         {             if (slideval>lastslidevalue && lastslidevalue < $(this).slider('option','max'))             {                 slideval = lastslidevalue+1;             }             else if (lastslidevalue > $(this).slider('option','min'))             {                 slideval = lastslidevalue-1;                             }             lastslidevalue = slideval;         }          console.log(slideval, value)          if(value < slideval) {           console.log("incremented")         } else if(value > slideval){           console.log("decremented")         }         value = slideval;          if (!internalslidecalling){             internalslidecalling = true;             $(this).slider('value',slideval);         }         else              internalslidecalling = false;     } });  $("#slider").slider('values',valmap);

here's jsfiddle: http://jsfiddle.net/endl3ss/fvj78/

just make u understand start have made example have look

http://jsfiddle.net/fvj78/1/

body{  background:#000; } .ui-slider-handle, .ui-state-hover, .ui-state-default{  height: 20px important;  width: 20px;  background: orange !important;  border-radius: 0;  top: 0 !important;    border:0 !important; } .ui-slider{  border-radius: 0;  height: 21px !important;   background: #000;  border-color :#fff !important;  }

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more