Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    prabhuthil
    @prabhuthil
    i have as below
    $(document.documentElement).bind('mousedown.splitter', function(e) {
    if (splitter_id !== null && e.which == 1) {
    current_splitter = splitters[splitter_id];
    $('<div class="splitterMask"></div>').css('cursor', splitter.css('cursor')).insertAfter(current_splitter);
    current_splitter.settings.onDragStart(e);
    return false;
    }
    }).bind('mouseup.splitter', function(e) {
    if (current_splitter) {
    $('.splitterMask').remove();
    current_splitter.settings.onDragEnd(e);
    current_splitter = null;
    }
    }).bind('mousemove.splitter', function(e) {
    if (current_splitter !== null) {
    var limit = current_splitter.limit;
    var offset = current_splitter.offset();
    if (current_splitter.orientation == 'vertical') {
    var x = e.pageX - offset.left;
    if (x <= current_splitter.limit) {
    x = current_splitter.limit + 1;
    } else if (x >= current_splitter.width() - limit) {
    x = current_splitter.width() - limit - 1;
    }
    if (x > current_splitter.limit &&
    x < current_splitter.width()-limit) {
    current_splitter.position(x, true);
    current_splitter.find('.splitter_panel').
    trigger('splitter.resize');
    current_splitter.trigger('splitter.resize');
    e.preventDefault();
    }
    } else if (current_splitter.orientation == 'horizontal') {
    var y = e.pageY-offset.top;
    if (y <= current_splitter.limit) {
    y = current_splitter.limit + 1;
    } else if (y >= current_splitter.height() - limit) {
    y = current_splitter.height() - limit - 1;
    }
    if (y > current_splitter.limit &&
    y < current_splitter.height()-limit) {
    current_splitter.position(y, true);
    current_splitter.find('.splitter_panel').
    trigger('splitter.resize');
    e.preventDefault();
    }
    }
    current_splitter.settings.onDrag(e);
    }
    });
    and i have removed bind for mousedown.splitter and mouseup.splitter then dblClick works but slide wont work
    because the drag start and end inside the mousedown.splitter and mouseup.splitter its seems
    Jakub T. Jankiewicz
    @jcubic
    don't remove mousedown and mouseup those are needed only splitterMask
    PS: which version of splitter you're using the latest is 0.23
    prabhuthil
    @prabhuthil
    0.14.0.js
    prabhuthil
    @prabhuthil
    Yes its woks like charming
    Thank you again
    was referred old version ...
    prabhuthil
    @prabhuthil
    Hi another help required ? only i need to drag 50% screen on right and 100% drag on left ?
    if i set limit it drag stops both sides
    i want to stop split drag up to 50% on right side and 100% on left side is it possible
    thanks in advance
    prabhuthil
    @prabhuthil
    changed code as below its works thanks
    else if (x >= current_splitter.width() - limit) {
    x = (current_splitter.width()/2) - limit - 1;
    }
    if (x > current_splitter.limit &&
    x < (current_splitter.width()/2)-limit) {
    current_splitter.position(x, true);
    current_splitter.trigger('splitter.resize');
    current_splitter.find('.splitter_panel').
    trigger('splitter.resize');
    //e.preventDefault();
    }
    Henny Smafter
    @hennysmafter
    @jcubic Can you help me setup a 12 column splitter please. I have read the documentation and studied the examples but sadly can't get it to work.
    I have a barebone jsfiddle here: https://jsfiddle.net/hennysmafter/bx4sf9kf/
    Henny Smafter
    @hennysmafter
    Jakub T. Jankiewicz
    @jcubic
    and you want equal widths?
    Henny Smafter
    @hennysmafter
    Yes indeed
    Is it possible to do it without nesting?
    Beautiful plugin bye the way! Thank you very much for sharing.
    Jakub T. Jankiewicz
    @jcubic
    no, the library create only two splitters
    Henny Smafter
    @hennysmafter
    Ok is it possible to do the equal width? Or is that just CSS?
    Jakub T. Jankiewicz
    @jcubic
    I think that you will need splitter with 3 columns to make it work ith 12 columns with equal widths
    Henny Smafter
    @hennysmafter
    3 columns?? I though you can only do 2 and then 2 inside those etc?
    How could I make it with 3 columns. Is it possible for you to do it in the fiddle? Hopefully I am not asking too much.
    Jakub T. Jankiewicz
    @jcubic
    yes that's why I think you can't have 12 columns with equal widths
    Henny Smafter
    @hennysmafter
    So it is 2,4,8,16 etc for equal column width
    Jakub T. Jankiewicz
    @jcubic
    yes I think so
    Henny Smafter
    @hennysmafter
    Ok then I have to look for something else. It looked promising and if nothing else works I can always continue with this. Thank you very much for the help and quick response.
    Jakub T. Jankiewicz
    @jcubic
    maybe I can make splitter to have multiple panes but I don't know how soon, I don't have much free time
    Henny Smafter
    @hennysmafter
    If you can then that would be great. I can help you out as much as I can if you need any help that is :-)
    I have been looking over the internet for days now for this functionality.
    Found literally dozens of other people requesting stuff like this on Stackoverflow and the forums
    The only one that seems to be doing this is
    But that one is not open source. Since I am developing a open source item I like to keep everything open source. Also I don't want to fork out 400 us bucks for it.
    Henny Smafter
    @hennysmafter
    Hey I found this one: http://www.bacubacu.com/colresizable/ bit of luck there. And it allows to do 12 columns. http://jsfiddle.net/2h4kLzgj/6/ Not sure if it is interesting for you but posting it anyway.
    Silasboyine
    @Silasboyine_twitter
    hello everyone
    Can someone help me to execute a JQ Query in cmd for the code (# number of work status objects
    jq .works.data.workStatus[].workSpecId Desktop/1.json | wc -l )
    Nico Travassos
    @nicotravassos
    Hi everyone, please can someone help me implement drag and drop in my project Project like example Pen
    Pull requests or any form of help would be greatly appreciated.
    Jakub T. Jankiewicz
    @jcubic
    @nicotravassos created PR
    Nico Travassos
    @nicotravassos
    Thank you @jcubic
    Thanks works great
    Just need to remove
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <script type="text/javascript" src="js/shell.js"></script>
    duplicate script
    Jakub T. Jankiewicz
    @jcubic