Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need to develop drag and drop functionality in iPad. As I am new to Javascript, I tried to get some solution to get this thing done. I could find the way to move the element on the screen.
Here the the url
http://popdevelop.com/2010/08/touching-the-web/
Now what I want to know is, when I drag any element, I need to put it in a predefined area, like drag from x container and putting into y container.
I need help to create drop-able container, so that I could drag and drop into the container.
Some thing similar to the below functionality I need to create in iPad.
http://html5demos.com/drag
Please help.
Firstly, use jquery UI http://jqueryui.com/demos/ for drag and drop functionality and then add this script https://github.com/furf/jquery-ui-touch-punch for playing it in Ipad or Iphone.
OR
Try this :
jquery.event.drag - v 2.2
Three Dub Media - http://threedubmedia.com
Hope it helps.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'd like to create a java-script image editor.
We have an ability to drag and drop multiple images to our editor and then with following properties,
Undo
Redo
Move upward position
Move backward position
Drag and Drop
Change background color
Finally create and save a single image with all our modifications.
I'd like to go with jquery/ prototype library to develop the same. But I'm not sure about my selection and want to know is there any other library to complete my requirement. Please suggest a better one if I'm wrong.
I think that the choice of a library to do your coding is not the case here. Use any you are comfortable with. I would only wonder how such editor should be made. If the requirements about the app will not change, you can easily create your editor using html and css or svg (raphael js, adobe snap js). If you consider adding further image processing in the future than canvas rendering is your way to go (example)
Also if you plan to add image resizing and rotating but need to support older browsers (like IE8 or IE7) you should use raphael with svg.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am not sure where to start with this or even what keywords to search for, so I am asking for someone to point me in the right direction. Here is what I am wanting.
I am wanting to make a webpage that can be dragged in all directions with different HTML elements in all directions and load new elements as you get close to the edges via AJAX. I am hoping to achieve this via Bootstrap or JQuery.
Any ideas on how to get the page draggable like that?
jQuery UI has a draggable method that would work for you, as long as you target the viewable area as the element to initiallize the plugin on. If you prefer a more lightweight approach you can use this plugin created by Chris Coyier.: https://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/.
An example of it working in just 2 directions would be found in this SO thread as well: Scroll the page on drag with jQuery however the actual plugin being used in the demo supports all direction dragging - see the authors site: http://davetayls.me/jquery.kinetic/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I came accoss this webpage: http://www.concerthotels.com/100-years-of-rock and it is very cool. I would like to build some content with similar looking.
Is it possible that someone could give me a direction how this page is built? Thanks a lot for that.
this is made with javascript , css , html5
there are many jquery plugin like scroll magic who can give you the same effect as scrolling content automatically or made you own timeline : (http://janpaepke.github.io/ScrollMagic/)
also drawing and animating lines can made with SVG (Scalable Vector Graphics ), visit for more information (http://www.w3schools.com/svg/) .
hope this can give you a small view of how you can do the same effect :)
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I have a php website where I use mysql as database. I want a feature like https://www.instantssl.com their bottom right corner seal.
Its showing specific info when anyone hover the mouse or click it.
I want the same feature. how can I do it?
You could create a <div> element within your page that holds the content you want displayed on mouse over. Once the mouse over event is trigger, you could then hide/show it. Things you should research:
onmouseover event
.show() jquery
.hide() jquery
These are the three basic events that you need.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
Could someone explain me how to make a click and drag feature with jquery/javascript/css/html? It should work just like the desktop does when you click and drag, forming that "rectangle" area. Any idea on how should I do this?
This is a fairly easy feature to implement using jQuery UI. They have a sortable, draggable and droppable feature already built. You simply include jQuery and jQueryUI and then instantiate the feature using selector targeting. jQueryUI also has pretty decent documentation and good examples on each feature. Hope this helps!