Jump to content


  • Posts

  • Joined

  • Last visited

About Yashi

  • Birthday 09/13/1988

Contact Methods

Profile Information

  • Gender
  • Location
    Colombo, Sri Lanka

Recent Profile Visitors

3,856 profile views

Yashi's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. hi both sorry to bother u again.. you both guys give me a solid understand about bounding. but this is something little different.. please find the attachment and check those red arrows and highlight. inside the highlighted circle when user click and drag its only update to 242px only on both direction and the background drag also limited. you can experience it and i saw the code, its little bit jumbled. but i can tell, there is a movement limit involve in this. and i'm mentioning about these limits not bounding limits. i hope you guys can understand what i'm trying to tell you.
  2. @Sahil check this example.. and try the dragging part.. its lock in to certain amount. http://www.refletcommunication.com/en
  3. @Sahil thank for your feedback.. this thing i know.. what i'm expect is different. ok let me explain if i set my bound to window. and start dragging from the very beginning to the end its start dragging freely even 60% of the page is covered when i start from left to right.. but i want to drag 200px. from left to right and lock that amount... i hope you can understand what i'm trying to say..
  4. hi this is related to another question i'm currently solving. and i found a solution. its all inside the draggable plugin if i can get a perfect answer for this question. i can update that post and share my solution. my question is how to limit draggable x or y value. eg: if i click and drag, i want to drag only 200px left or 200px top. depend on my draggable type. so how to get this thing done..
  5. @OSUblake thank you for your feedback and i'll give a try based on your feedback.. and see if it work for me i'll post it here.. and i found couple of good websites and they use this kind of feature to their website. i'm thinking that i'm doing something wrong here.. i might need to think this another perspective and do something.. i'll give a try.. and if u all have time to make a demo. please post it here.. thank you all.
  6. @Dipscom im going to try your code now. lets see. i think this might work. but i have a doubt about this button zIndex thing. my expectation is to have whole document links and clickable area accessible. lets see.i'll keep you posted
  7. Hi @Dipscom thank you for your feedback. i'm also trying various things to figure that out. but i found a little trick but it involve another library. so this thing might not suitable but .. check this out.. its call http://interactjs.io/ .. they have hold event separate and the best part is with that. we don't have any issue related to pointer event. and pointer behave like normal cursor. with every default behavior like right click, context menu, single click. but still i'm trying to implement same thing with it.. i'm going to implement this feature on my ongoing project that's why i'm so eager to learn this. it would be great if someone can back me up. because i'm new to these kind of feature implementation. check this website.. they also have implement this kind of thing.. http://www.refletcommunication.com/en @Carl @OSUblake @PointC any thoughts about how to implement these kind of feature without involve another library
  8. i have to run through some test. lets see. i did the pointer event thing.. but pointer event doesn't work. sometimes its behave so weirdly.
  9. yea sure take your time. i just want to learn something new. and for me also this is an interesting challenge .. . if i found a solution i'll post here. and if u found a solution i can wait to see it. .and again @Dipscom thank you for your support.
  10. @Dipscom Thank you for your feedback., and long story short i want my cursor to behave like normal cursor. and able to click any links and other element like normal. but if i click and hold anywhere within the document Body. then this draggable needs to to be activated and once i do drag the slide and release the cursor. cursor should have default behavior back. like normal one and be able to click any html element its just a simple and normal cursor, the only difference thing is if i click and hold. this draggable controller will comes up. ISSUE - now click and hold work well but i can't click any document links or buttons also no rightclick contextmenu. please check this updated codepen demo (previous one i missed to include draggable cdn link) 02) Store state mean. this feature already work well. ISSUE - but once i click and hold and do the drag. second time. i couldn't grab the handler. please check my comment line inside the js panel (remove clearProps) I hope this will help you to understand my issue.
  11. sorry to bother u again.. i have a problem with this drag scenario. i'll list them, 1) able to trigger normal browser click event. this can be done by using setTimeout and delay the mouse event inside onMouseDown() function. so its act like hold to reveal drag controllers and targeting left click only( e.which === 1). but in this scenario. i cant revert single click and rightclick events back to browser defaults.. if i change trail css and add pointer-events to none. then all these are work fine but cant grab the drag handler, because of this pointer-events none. 2) while we are on drag i need to store the current state.
  12. oh i never expected a quick response.. thank you very much @Carl this will help me to figure it out.. thanks once again..
  13. hi is anyone one know how to animate text on a curve path, i've attached a snap shot. can you please advice me to get this thing done.