I've got a vertical menu using jQueryUI's Accordian method. The first two items have sub-menus and then the rest don't. I also have the event set to 'hover' instead of 'click'. The problem: is that when you hover over any of the items with no sub-menus, then it hides the one with a sub-menu. Is there a way I can make it so it always k...
I'm implementing jquery UI draggable and have 2 of these draggables that you see on the linked page. They're of course draggable, so I can move them around as needed. How would I make them aware of each other though, so that I could try to make them align or show alignment marks when while being dragged, they get to the same x or y as ...
I've seen these questions here before, but, I can not find any good answers. Is there a way to combine selectable and draggable? I don't want to drag the elements themselves, I just want functions like the ones in Apple's MobileMe, you know, red dot follows the mouse, it can be dropped onto another folder. If this doesn't exist in jQu...
How to stop the div from moving out of the border div Here is the code i got so far. <script> $(document).ready(function() { $("#draggable").draggable({ grid: [50, 20] }); }); </script> <div id="drag_border"> <div id="draggable" style="width:500; height:800">Drag me</div> </div> Thank you, ...
Using jQuery's UI Tabs. This is my code. <div id="tabs"> <ul> <li><a href="#tabs-1">Find a Category</a></li> <li><a href="#tabs-2">Business Name</a></li> <li><a href="#tabs-3">All Categories</a></li> <li><a href="#tabs-4">Business to Business</a></li> </ul> <div style="clear:both;"></div> <div id="tabs-1"><p>T...
I'm trying to place a Markdown Editor inside jQuery-UI Tabs, but the editor is not being shown. <% Using Html.BeginForm()%> <div id="AddEventWizard"> <ul> <li><a href="#tabs-1">Event Title</a></li> <li><a href="#tabs-2">Event Description</a></li> </ul> <div id="tabs-1"> ...
I am looking for a jQuery list that is editable (add, change, delete elements), what is a good starting point code base that does this? I found this one example which is great, but it doesn't add, edit or delete list items: http://jqueryui.com/demos/sortable/default.html ...
JS Bin demo Task: I'm creating an event scheduler using jQuery UI. Events are of a certain length (in minutes) and they can be dragged into different days, each with their own maximum length (in minutes). In the example, each day's maximum length is 480 minutes, and no more than 480 minutes worth of "events" should be allowed to drop i...
I'm using the jQuery UI autocomplete functionality and, while I've found a way to implement the autoFill function, I was looking for functionality like in the Google Chrome address bar. Where the best matching item is auto-filled, but it doesn't interrupt your typing. Any help is appreciated. ...
I'm trying to create a book type interface that has 'pages', and the user can manually resize text, the catch is that I don't want the text to ever scroll. I was using the studio HTML5 demo as a starting point, the problem is as any given text is allocated to one slide, so as the text size is increased the slide sizes just increase and...
Is it possible when specifying a jQuery UI dialog box, to have an image be placed for my title instead of just plain text? Thanks ...
I have been struggling to get a simple autocomplete working with my Rails app using the jQuery UI 'autocomplete' I'm already using jRails, so I tried using the jrails_auto_complete I set it up like it says in the README, but I get the following javascript error when I start typing in the box: Failed to load resource: the server respon...
I am using jquery sortable plugin to sort the rows of table. It is working fine but the problem is i have e,g table row length = 500px. but while i am dragging the row , the row looks only 200px. Is there any way so that while dragging as well the row length remains same The html of table is <tbody id="sortme" class="ui-sortable" s...
How to get a mouse position inside open function of jQuery Dialog? ...
What are event and UI parameters in jQuery Dialog? Can I get a mouse position using them? $( ".selector" ).dialog({ open: function(event, ui) { ... } }); ...
how to have a div that always stay on the screen? Lets say i have a div at the left hand site. When the browser is scroll to the bottom, the div will remain there ONLY when its' top reaches the top edge of browser screen so that it will not be hidden. I am using jquery too. Thank you. ...
I'm using jQuery UI for the first time, and I'm going to create a datetimepicker control for a DOB field. Here is how the view looks: <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<StronglyTypedHelpers.Models.Person>" %> <asp:Content ID="Content1" ContentPlaceHolderID=...
I am using the jquery datepicker and unfortunately when I click on a date, it is not changing the value of the input text box. When I click on a date, it changes the text but the value doesn't change when I inspect it. Any suggestions on how to resolve this? EDIT: It turns out this is not a problem at all. There was a duplicate records ...
Right now when I click on the date control, I start up at the year 2000! How can I tell it to start showing the current month of the current year? Thanks! <script type="text/javascript"> $(document).ready(function () { $('#DOB').datepicker({ defaultDate: null }); }); </script> With the code above when I c...
$("#txtcode").autocomplete({ minLength: 1, source: "/AC/student.php?searchMode=''&Stno="+$("#txtcode").attr("value"), select: function(event, ui) { var label= ui.item.label; var value= ui.item.value; var stuArr = label.split('-'); alert(stuArr [1]); $('#tx_stname').val( stuArr [1].replace(/\$/...