Tooltip not working the latest jQuery
Please see my Fiddle example when I change the jQuery version to the newest one the Tooltip does not work. http://jsfiddle.net/mahmoudjava/yjL5P/ My development I have jQuery v1.11.0 and jQuery UI v1.10.4. Thanks,
Bounce not working on first open of a dialog window
I am using the following code to open a dialog window with a bounce effect. $( "#dialog" ).dialog({show: { effect: "bounce", duration: 800 }, buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] }); The first time I open the dialog window it doesn't bounce. It bounces for all subsequent opens. This issue occurs in IE, FF and Chrome. Is this a bug or am I doing something wrong?
OO PHP, Dynamic Menu Sortability, & Database Updates
I have found jQuery examples of how this can be done using html post data. But when I apply it to my OOP web app I cannot get it to work. There is defiantly something I'm missing. I am very new to jQuery. Here is what I am trying to accomplish. I have a CMS app with pages for CRUD. Each page requires header.php, which contains the html header info and html body elements common to every page. My menu navigation div lives in this header.php file. A PHP function, navigation(), is what outputs an unordered
with UI datepicker i have two buttons to select previous and next month problem
My goal is to have two buttons to select previous and next day. (I tried it with 'm' for months: same defect). This is my code: $('#oneDayBack').click(function(){ $('#datePicker').datepicker('setDate', 'c-1d'); alert($('#datePicker').datepicker('getDate')); }); $('#oneDayFwd').click(function(){ $('#datePicker').datepicker('setDate', 'c+1d'); $('#datePicker').datepicker('refresh');
My jQuery dialog won't open in the same place each time
I have a jQuery dialog in an asp.net MVC 4 app that opens with it's contents as expected but the first time it is an inch? lower on the screen than the subsequent openings. Each subsequent opening occurs in the same and preferred location higher up the page. This is a not yet complete fix for a worse problem where subsequent openings of the dialog, after being dragged, failed to center the dialog, and also introduced scrollbars and added empty space at the end of the page of the same size as the
jQuery UI accordion not working
I have been working an example from Lynda.com showing how to use the accordion widget, but cant get to work. <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script src="jquery.js"></script> <script src="jquery-ui-1.8.23.custom.min.js"></script> <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.1.min.js"></script> <script> window.onload=function(){ $("#accordion").accordion();};
How to make page of jQuery UI axis:x horizontally draggable list scrollable
So below is a diagram that describes what my site looks like. Each list item is horizontally draggable, which works fine, but on multi-touch it is hard to scroll because only the body ( the white area in the diagram ) can trigger scrolling. Although the list items are horizontally draggable, when you move a finger down on the list-items, it interprets that as a horizontal drag because rarely are those vertical flicks 100% straight. I am using jQuery UI for the draggable interaction. How can I make
Issue on Adding Tooltip to jQuery UI Slider on Hover using Bootstrap Tooltip
Can you please take a look at this Demo and let me know why I am not able to add the Tool tip to handler on hover? $("#slider-range").slider({ range: true, step: 5, min: 100, max: 500, values: [150, 300], slide: function (event, ui) { $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); } }); $("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1)); $('.ui-slider-handle').hover( function () {
how to display tab another page using jquery ui
i am struggling to read external page using tab,but it's cannot working any one can help me?
Accessibility
Is jQuery version 1.10.4 accessible (keyboard, screen reader)? Please advise. Thank you, AJ
Use jQuery.when() in a widget without losing callback context?
I'm struggling with using $.when() inside a Widget Factory widget. The widget needs to make multiple AJAX operations, then trigger a single callback. The callback is one of the widget's public methods. I do something like: var promises = []; if (test) { promises.push( $.ajax({...} ); } if (test) { promises.push( $.ajax({...} ); } if (promises.length) { $.when.apply(this, promises).done(this.widget_method); } My problem is that the callback's context isn't the widget instance like
does jQueryUI support accessibility?
i want to make a choice to use Dojo/dijit or jQueryUI. One important factor is the accessibility. Dojo/Dijits are accessible. how about jQueryUI?
SlideShow with Images and Titles from Database
Hi, Can anyone recommend a good slidshow component / plugin which can be used in a PHP project and will be bale to grab images and its titles from MySQL database? Thanks, Jassim
Dynamicly created element not using dropable attributes
Hi All, I am fairly new to JQuery UI and I am currently building a little project (based of the JQuery Demos) where the user can select products and drag them into a shopping cart. They can also make additional shopping carts. So far, I have the dragging and dropping working, as well as the creation of the additional carts, however I am unable to drop items in the additional carts. Any help would be greatly appreciated. Code: JSFiddle - It looks terrible in fiddle, but it still has the functionally
JQuery Tab widget and deferred content loading
How do you use the current stable tabs widget to load ajax content? I'm looking to insert an asp.net ASCX usercontrol. I'm retrieving the string via an WCF call. I won't be referencing a file with my anchor tag, but rather want the item selectable to load the content. I'm not sure what needs to be done to retrieve the correct index so that the content can get loaded into the associated DIV element. HTML Page snippet <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab Two</a></li>
Displaying spinner Jquery Tabs while Ajax is loading
Hello, I am trying to display a spinner gif inside the area where my tabs display while the AJAX content is loading. However my Ajax call doesn't happen inside the tabs code. It happens via an external ajax call shown below and then during the .done() method of the ajax call I place json data within that div located inside the tabs. I would like to display a spinner inside the tab while the ajax call is happening. I've looked at several tutorials online but nothing is working for my needs. Any help
Tabs: Removing leftover 'uiTabs' data after removing a tab
Hi, Overview: I am experiencing performance issues using jQuery UI Tabs that seem to be related to uiTabs data that is not deleted once a tab is removed. I believe this data is keeping other objects from being garbage collected, as once this data is removed the performance issues stop. This leftover data is can be seen in the example provided on jQuery UI's site. Details: In the uiTabs data, the 'bindings', 'focusable', and 'hoverable' objects continuously increase in size after adding and removing
Unable to jQuery-UI zip files from Download Builder
A search of the forum show some old threads on this, but I do not see anything current. I've tried several of the themes. Cannot open file: it does not appear to be a valid archive. Windows 7 32 & 64 bit.
Accordion, snag with contents within a closed content panel
Hi there, I have a jQuery accordion, two of the content panels contain jquery based banners (using flexslider). The first content panel, which is open when you open the page, works perfectly, but when you click to open the next panel with the jquery banner, it doesn't work BUT if you just re-size the window a tiny bit, automatically it starts working perfectly!! Its as if on load, any jquery based elements within the closed panels are "dead", then for some reason it takes a window re-size to make
Jquery Tab not working in IE8
Hi, I am trying to implement Jquery tabing in my project, however not able to figure why its not working in ie8, tabs just doesn't appear. i can see them in debug mode by inspecting the elements but they r not visible as per the sizing of the content in it. Attaching the screenshot of the same. Also it's working flawless in chrome & firefox...
accordion
Hi, I've installed the entire jQuery-ui-1.10.4-custom code that I created from http://jqueryui.com/themeroller/ and am trying to implement the custom themes. I have no idea as to how. So far I created a basic accordion and don't know what pieces of code I need to edit and change so as to access the custom themes I installed on my host server. Here's what I have on the page so far: <head> <meta charset="utf-8"> <title>jQuery UI Accordion - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
questions on Sortable widget
I am having an issue with the sortable widget not working properly after I programmaticllay set a drop position for one of the sortable elements (a line item in this example). The working sample is below and would probably be much easier to understand my issue if you try it yourself. All it does is create 3 colums. The 9 line items are dynamically created in the left column. After Item5 is created, it is moved to the 3rd column "sortable3" using the .offset method. Once all of the items are
tab shows active border in safari and chrome in latest version of jquery ui.js
Hello, In safari: In chrome: I tried setting :active border:0px in css file with no success. IE and Mozilla do not have that problem. Earlier versions of jquery ui.js (1.8.1) do not show the same problem.
Datepicker Header Buttons
Hello! I'm trying to make a datepicker for Firefox and for some reason, two buttons display instead of one for the Previous/Next month arrows, which makes all four arrows (left/up and right/down) appear instead of just left and right. I've attached a screenshot to illustrate what I mean. How do I remove the extra buttons? I can't figure out how to fix this. Thank you for your help!
Sortable question (creating a drag event)
Using the "Sortable" widget, is it possible to create a function that would mimmick the drag and drop behavior of an element? To elaborate, instead of using my mouse to click on one of the items and then dragging it to another position, I want a function that will take the item and move it automatically without my intervention, BUT I still want the sortable behavior to still work properly. Any ideas?
jQuery sortable animation doesn't work properly if you have to scroll down
Hi, I have a set of sortable elements with the "revert" option set to true in order to animate the transition. The problem comes when the element is below the document offset (making you scroll down). The animation doesn't work properly as you can see in this fiddle. http://jsfiddle.net/LLYkn/4/ I wonder if this has something to do with this bug here: https://forum.jquery.com/topic/jquery-draggable-bug-wrong-offset I've been trying to fix it by removing the top margin when the animation begins without
Need help debugging this JQuery/script please
1.The .innerfade() isn't getting triggered, all the images from data are there just not triggered 2. The controls are missing but that may be an error on 1 preventing code excerpts [model code] class Slides(models.Model): page = models.ForeignKey(Page) slide = models.FileField(upload_to='slides', null=True, blank=True) [/model code] [url code] (r'^json/(?P<id>[-\d]+)/$', 'smartpages.views.interrogate'), [/url code] [view code] class JsonResponse(HttpResponse): def __init__(self, data):
Dialog bug when closing multiple dialogs
I have three dialogs on a map page. When closing two of the dialogs they reappear at the bottom of the page without styling. I'm using jquery-1.9.1.min.js and jquery-ui-1.10.1.min.js Thanks,
Manually building customized jQuery UI from older versions
I need to add a UI interaction (resizable) to an existing jquery ui download, which is version 1.10.2. I'm not in charge of the main page and I cannot convince the powers that be to upgrade to the 1.10.4 (the newest). They are OK with adding jquery.ui.resizable.min.js to the existing jquery.ui that they've custom-built from the builder page a while ago. Ideally I'd go to version 1.10.2 of the jquery ui builder page, but I don't see it, and I imagine that I'm not going to be able to convince developers
Position of child div should not change if position of parent div changes
Hi, I dont want to change the left or width of my child div while resizing parent div from either side ie. left or right. Below is the source output for your reference: <div class="bar ganttRed ui-resizable ui-draggable" id="ID0" style="top: 69px; left: 130px; display: inline-flex; position: absolute; width: 74.34000015258789px;"> <div class="fn-label"> Planni...</div> <div class="text" style="top: 0px; margin-left: 66px; display: inline-flex;">ROI<br>40%</div> <div class="ui-resizable-handle
jQuery datepicker and chrome placeholder
I am using the jQuery UI datepicker and I am also using the following code if (!Modernizr.inputtypes.date) { if (jQuery.isFunction(jQuery.fn.datepicker)) { $('input[type=date]').datepicker({dateFormat: 'yyyy-mm-dd'}); } } the problem I am having is everything works fine in all browsers but Chrome. In Chrome when my client goes to the edit page (which contains data filled in from a database) instead of showing the date from the database in the field it instead shows
Tooltip on SVG <title>-Element
Hi! I am not a very advanced user. But however, using the .tooltip() function works like a charm - well almost at least. I have the following situation in which is doesn't work: There's a svg object containing a title tag: <svg ...> <g ...> <rect ...> <title>There's a tooltip that won't work</title> </rect> </g> </svg> I would appreciate your thoughts on that. Oh, and there's that: It's a customizing on a report tool, thus it's unfortunately
Jquery tabs customization
Link : http://amrockytechnologies.com/1/process.html The red bullets should be clickable and it should work same the all 6 tabs (Strategy Plan.. ). when u click to red bullets it should display corresponding section Below is the the current working code and reffering css: /* Navigation */ nav li:first-child:after{ content:''; color:red !important; } nav { margin-bottom: 5%; position: relative; border-bottom: 1px solid #bbb; } nav ul { overflow: hidden; padding-bottom: 3%; padding-top:3%; margin:0%
drag and drop sortable isn't working in ie 8,9,10?
Hi All, I have list of items with single column when I drag and drop above/below another item. It will not work. but it is working in other browser like chrome, Firefox. Give me any advice regarding this. using plugin are as follows:- jquery-1.10.2.min.js jquery-ui.js Thanks
Can you add hyperlinks to button groups?
I created a button group for navigaton and can't find a way to add hyperlinks.
How to Disable Auto loading in Jquery Ajax tabs
Hello, I am facing one problem due to auto-loading in Jquery Ajax tabs. How can I disable the autoloading of the tabs. It hang up my browser. Below is scenario of my requirement. On the 1st tab it load the category such as Category 1 Category 2 Category 3 When I click on the Category 1 link then it open the tab 2 and content for the tab 2 is as below Sub Category 1 Sub Category 2 Sub Category 3 When I click on the Sub Category 1 link then it will open the tab 3 But I want to disable the auto loading
Load in div jquery ui datepicker component
Hello all! I have 2 files, index.php and cad.php - Index.php load the content of cad.php into a div inside os index.php - cad.php has a form with a datepicker component and buttons. - butttons work fine, but datepicker dont! - if i load cad.php directly in browse url, datepicker work fine, but load this into a div no :( What can i do? index.php load code: $("#cad").click(function(evento){ evento.preventDefault(); $("#conteudo").load("cad.php", function(){
Accordion panel 0 sliding on initialization
I have accordion with 5 segments. I have collapsible set to true and active set to false to have everything closed on initialization; however, instead of segment 0 just being closed on init, it is open and quickly slides closed. Any help is appreciated.
Problem with Accordion
Hi ... I've used from according many times on my site.in the <div id="ui-accordion-accordion1-panel-0" set style="display: none; height: 0px;" i want to change this value.i want to disable this property(height=0px;).How do I do it?
Collapse problem on jquery tabs
Hi.I am fairly new to JQuery so aoplogies in advance if I fail to explain correctly ot if I have posted in the wrong forum. Essentially, I have a number of horizontal rows of icons that are collapsed by default on page load, when a user clicks an icon, a tab pane opens with a subset of icons for them to choose. All this is working perfectly in Visual Studio, however I am having a problem when this is inserted into a Dot Net Nuke skin page. Because DNN automatically loads its own libaries of JQuery
Next Page