Selection area with click and drag [closed] - javascript

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!

Related

How to make a transition effect up the input on change [closed]

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 3 years ago.
Improve this question
I need to place this particular effect on a dropdown
I need to place this particular effect on a dropdown where the placeholder goes up and the new vale takes the field, just by using JS, Jquery, CSS and HTML
Before transition
After transition
This kind of input that you wanted, called material design input, where the google announced it a few years ago. Chris on code describe how to implement this in a good way that you can use or customize it by yourself.
you can follow the link below for more information:
Material Design Input

Make whole page draggable [closed]

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/

How to build a graph page like this one? [closed]

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 :)

JavaScript custom prompt boxes without using jQuery [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
First poster here, but I wanted to know if there was anyway that it was possible to customize the JavaScript prompt boxes without using jQuery? I'm wanting to keep my site vanilla as possible. Thanks.
You can create your own modal dialog boxes. However you cannot customize how, for example, window.alert("Hello!") would look. That is completely up to the browser manufacturer.
create a 'div' and show that using an event.

What is the best method for sliding in new content? [closed]

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
I want to be able to create a similar effect that Facebook paper link have created.
Having a button on the right hand slide that slides in new content while then creating the back button. But I don't know what language or what method is best to implement this. Could anyone point me in the right direction?
Thanks.
The quick and dirty would be use jQuery and jQuery UI.
$('#your-object').show("slide", { direction: "left" }, 1000);
For a more detailed answer, see jQuery .slideRight effect

Categories

Resources