Hello I'm quite new to using jQuery and I was trying to create a menu that showed different pictures when you moused over the links. It will show one picture and hide 4 others and when you mouse off a link it will go back to a default picture. I'm using the hover function but sometimes when I moved the mouse to the bottom both images (th...
I am using jQuery UI tabs and I want to find whether a tab is disabled or not. This how I initiate the UI tabs: $("#tabs4").tabs(); ...
Firebug is telling me: $("#foo").draggable is not a function when: Both JQuery core and JQuery UI (with draggable) are loaded foo is a valid div element foo is in fact draggable with the mouse So everything works fine, but I'd really like to get rid of this error. ...
I have a couple of jQuery datepickers inside a jQuery dialog. Whenever users select a date from the datepicker the screen scrolls to the top. This only happens in IE8 not the Firefox 3.6 or Chrome 5. Since the majority of users will user IE this is going to be very annoying. Can anyone give me a clue as to why this is happening? Here is...
When I grab my draggable(s), they seem to snap incorrectly to the grid on the right - this has me confused! Any idea how I can drag an element and have it snap closer to my cursor?? code: <html> <head> <title></title> <script type="text/javascript" language="javascript" src="sys/jquery-1.4.2.js"></script> <...
HI there ... im am trying to create a simple Jquery within Droppable. The page works and allows me to drop a video onto the selected droppable area (div class="roundedVideoDrop"), but I want to stop the user from being able to drop more than 1 video in each div, which has been created. My code for this is : $("div.roundedVideoDrop").dr...
I was trying to get rounded corners in IE7 using jQuery's "ui-corner-all" class. This is how my page looks like. <html> <head> <script language="javascript" type="text/javascript" src="jquery.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { $('#btnSearch').addClass("ui-corn...
Hi there, I have an issue with jQuery UI and the resize function. When my div have a CSS rotation (-moz-transform), the resize is strange, when i drag a border it move both side and not only one. Don't know if you understand ? And idee ? I'll make an example later. Regards, Maïs ...
I'm trying to put a drop shadow around a jqueryui dialog box. Something like: <div id="dialog-form" class="ui-widget-shadow ui-corner-all"> Some stuff in the box with a shadow around it </div> and then doing: $(function () { $("#dialog-form").dialog({ resizable: false, height: 300, width: 350, modal: true }); ...
I have a 2 cells table and I wanna make the first resizable with a grab hand using jQuery ...
When the user clicks a certain button at the bottom of the site I am working on, it expands into a comment form. If there is a lot of other content on the page, the comment form will expand below the fold and the user might not notice that it has appeared. I would like to scroll the page down as the comment form expands to draw the user...
Hello, i'm working with the jquery ui plug in "tabs" for a client, and everything works ok, but i'm getting an undesirable effect regarding my browser history. see, every time a user clicks on one tab, a new browser history is created, which means that if the user clicks on back, he sees himself in the very same page. I'm not trying to...
Hi, i've got a (probably very simple) problem with jquery. I'm running a Java Servlet webproject in a local tomcat server and I try to become acquainted with jquery, especially jquery tabs. Basically i will load an external websites into tabs and found a demo code as follows: (head) <link type="text/css" href="css/jquery.css" rel="style...
In the demo, the overlay is displayed correctly and all elements underneath the overlay are disabled: <div class="ui-widget-overlay" style="width: 1920px; height: 650px; z-index: 1001;"></div> However, when I use the code in my page, I can still access the other controls underneath the overlay. Any ideas on how to fix? I've been loo...
I'm using the AutoComplete UI widget for a form to allow users to type in a customer name. The idea is that they can either select an existing customer and populate other fields in the form, or they can free-type a new customer to be created. When a user selects an existing customer, I use the select event to populate a hidden input to...
Hello, I'm trying to get the jquery draggable function to work, particularly the stacking feature, in Drupal. I've got the JQuery UI module installed and it works fine with a hide/reveal sliding box but not for the draggable? Here's what I've got in the body of my page: <?php drupal_add_js(' $(document).ready(function drag() { $(".c...
I have a drop down <select> list of pages in a site, however the structure is quite complicated to go in the list e.g.; Home Projects Category 1 Item 1 Item 2 Item 3 Category 2 Item 4 Item 5 Item 6 Category 3 Item 4 Item 5 Contact Accessibility Sitemap What I want to do is say "select a page to link to" and then present the ...
In the latest project I'm undertaking, I need to be able to drag a div element from a list and drop it into a textbox. The project itself has a strong messaging component and I'd like to have the functionality to drag contacts from a contact list and place them in a "recipient" textbox containing one or more recipients, comma delimited. ...
I'm using the JQuery DatePicker to have the user pick a date and have that show up in a textbox. Easy enough. However a restriction I'm working on is that the date range is restricted based on the month that's currently picked out in a user dropdown menu to the month beginning and end dates. So for example if someone selects "Aug/2010" ...
I am wanting to have autocomplete triggered after a user types a period to do a "code complete" sort of like in Eclipse. I can't begin to glean from the documentation how to go about this. I've searched for similar questions with no luck. Which functions would I need to override to get this sort of behavior? I don't need AJAX, the pag...