javascript - Bootstrap slider with slideStop event -

-

i have bootstrap slider on page. don't know how can change code, page.php not constanly loading while dragging slider, when stop dragging (after desired period of time). have use slidestop event, don't know how.

<script type="text/javascript">     $(document).ready(function() {         var intseconds = 1;         var refreshid;          function stimeout() {             $("#mydiv").load("page.php"); // load content             refreshid = settimeout(function() { // saving timeout                 stimeout();             }, intseconds *3000);         }         stimeout();         $.ajaxsetup({cache: false});          // slider         $("#ex1").slider({             min : 1, // minimum value             max : 20, // maximum value             step : 1,             value : intseconds, // copy current value             formater: function(value) { // option format values before sent tooltip                 cleartimeout(refreshid); // clear                 intseconds = value; // update value                 stimeout(); // restart                 return value*3 + ' s';             }         });     }); </script>

ok i'm gonna give try. guess using bootstrap slider plugin/add-on https://github.com/seiyria/bootstrap-slider or similar fork.

so want firstly cancel settimeout on slidestart , reinstate on slidestop. if ajax request started before slider moved , returns during drag don't want update contents of div.

the code go little this:

javascript:

$(document).ready(function () {     var intseconds = 1;     var refreshid;      //set flag know if we're sliding     slidestart = false;     $('#ex1').slider();     $('#ex1').on('slidestart', function () {         // set flag indicate slide in progress         slidestart = true;         // clear timeout         clearinterval(refreshid);     });      $('#ex1').on('slidestop', function () {         // set flag indicate slide not in progress         slidestart = false;         // start timeout         refreshid = setinterval(function () { // saving timeout             stimeout();         }, intseconds * 3000);     });      //change stimeout function allow interception of div content replacement     function stimeout() {         $.ajax({             url: 'page.php',             datatype: 'html',             success: function (response) {                 if (slidestart) {                     // slide in progress bail out.                     return;                 } else {                     // slide not in progress go ahead.                     $("#mydiv").html(response);                 }             },             error: function () {                 // handle error here             }         });     }       refreshid = setinterval(function () { // saving timeout         stimeout();     }, intseconds * 3000); });

Comments

Post a Comment

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more