<p>I want to create a draggable and resizable window in JavaScript for cross browser use, but I want to try and avoid using a framework if I can.</p>

<p>Has anyone got a link or some code that I can use?</p>

[{'answer_id': 30722, 'author': 'Markus Olsson', 'author_id': 2114, 'author_profile': 'https://Stackoverflow.com/users/2114', 'pm_score': 0, 'selected': False, 'text': '<p>Avoiding a framework altogether will leave you with lots of code and a bunch of tedious browser-testing.</p>\n\n<p>If you would consider a framework I\'d suggest jQuery with the <a href="http://dev.iceburg.net/jquery/jqDnR/" rel="nofollow noreferrer">jqDnR</a> plugin. I think it will solve your problem or perhaps you could combine the functionality of the <a href="http://docs.jquery.com/UI/Draggables" rel="nofollow noreferrer">jQuery draggables</a> with the <a href="http://docs.jquery.com/UI/Resizables" rel="nofollow noreferrer">jQuery resizables</a></p>\n'}, {'answer_id': 30735, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 1, 'selected': False, 'text': "<p>Sometimes you can't choose your environment or architecture, so you're stuck working within constraints like not being able to use frameworks...</p>\n"}, {'answer_id': 30744, 'author': 'Berzemus', 'author_id': 2452, 'author_profile': 'https://Stackoverflow.com/users/2452', 'pm_score': 2, 'selected': False, 'text': '<p><a href="http://jquery.com/" rel="nofollow noreferrer">JQuery</a> would be a good way to go. And with the <a href="http://ui.jquery.com/" rel="nofollow noreferrer">Jquery UI</a> plugins (such as <a href="http://docs.jquery.com/UI/Draggables" rel="nofollow noreferrer">draggable</a>), it\'s a breeze.. (there\'s a <a href="http://ui.jquery.com/repository/real-world/photo-manager/" rel="nofollow noreferrer">demo</a> here).</p>\n\n<p>Not using a framework, to keep it \'pure\', seems just a waste of time to me. There\'s good stuff, that will save you tremendous amounts of time, time better spent in making your application even better. </p>\n\n<p>But you can always check out the source to get some \'inspiration\', and adapt it without the overhead of the stuff you won\'t use. It\'s well done and easy to read, and you often discover some cross-browser hacks you didn\'t even think about..</p>\n\n<p>edit: oh, if you REALLY don\'t wan\'t no framework EVER, just check out their source then.. sure you can use some of it for your application. </p>\n'}, {'answer_id': 30778, 'author': 'Dan', 'author_id': 1478, 'author_profile': 'https://Stackoverflow.com/users/1478', 'pm_score': 0, 'selected': False, 'text': "<p>Just trying to avoid large framework downloads to the client for one very small thing, perhaps I am being daft.</p>\n\n<p>I had looked at jQuery but also ExtJS, the documentation and UI 'look' seem far superior and professional in ExtJS ... are there particular reasons for you guys recommending jQuery?</p>\n"}, {'answer_id': 30798, 'author': 'levand', 'author_id': 3044, 'author_profile': 'https://Stackoverflow.com/users/3044', 'pm_score': 3, 'selected': True, 'text': "<p>JQuery is more focused on a lot of nice utility functions, and makes DOM manipulation a whole lot easier. Basically, I consider it to be Javascript as it should have been. It's a supremely helpful addition to the Javascript language itself.</p>\n\n<p>ExtJS is a suite of GUI components with specific APIs... Use it if you want to easily create components that look like that, otherwise, go with a more flexible framework.</p>\n"}]
['https://Stackoverflow.com/questions/30706', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/1478/']