$mobile object is not working
Hi All, This library is not working code of JDateTimePicker Mobile Library: <script src="../Javascript/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> DateTime Picker libraries: <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> Is there way to
Diagonal selectable, selecting in only one direction
Hi All, I'm implementing word search game. For this I want to have diagonal selectable event and as well as selection in one direction. Current selectable is able to select only in x axis or in y axis and not diagonally. Please some help and I'm stuck here forever, Need your help guys....
Guide on jQuery UI
Hi may i know how to start using the jQuery UI?
How to move several DIV elements at the same time?
(elements must maintain the distance between them)
How to catch error jQuery via Model of MVC
I have Form with jQuery, this's link: http://jqueryui.com/dialog/#modal-form I want to catch error by Model, i'm looking for many website but have no result. My javascrip: $(function () { var name = $("#name").val(), email = $("#email").val(), password = $("#password").val(), allFields = $([]).add(name).add(email).add(password), tips = $(".validateTips"); $(function () { $("#create-user") .button() .click(function
jQuery UI Sortable triggers a Click in Firefox 15
Hi there. I wasn't sure whether to post this here or in the Firefox forum, since the problem has only started happening since I upgraded to FF15 a couple of days ago. I can demonstrate my problem if you take the source from the default example for the jQuery UI Sortable plugin at http://jqueryui.com/demos/sortable/ (click on 'View Source') and then add a click function to the script, like this: <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); $(
Out event in droppable is not firing..................
hi all................ i have a problem the out event is not firing properly any help would be appriciated.thanks $(function () { $("#draggable").draggable({revert:"invalid"}); $("#droppable").droppable({ tolerance: 'touch', hoverClass: "ui-state-active", drop: function (event, ui) { alert("Dropped!"); $(ui.draggable).draggable( 'option', 'disabled', false ); $(this).droppable("disable"); $(this).addClass("ui-state-highlight")
Constraint dragging on { overflow: hidden } elements. [draggable]
Im working on this Facebook-like thumbnail adjustment solution. http://jsfiddle.net/antonysastre/bZeWT/2/ Can't figure out how to disable dragging during a condition met, but allow otherwise? Anyone?
jQuery Dialog Scrollbar
Hi. Is there a way to check if a scroll bar is being used or not in a dialog box? Currently, I am working on a manual way to auto-resize the dialog box and I wanted to do it by checking if there was a vertical scroll bar or not. If there was, then I would adjust the width and the height of the dialog box and proceed to check for a scroll bar again. Thanks
what type of widget is used?
i need to create a web page just like a jquery themeroller-ready. i am in need of that concept how its work and what type of widgets are used to change the theme of all other widgets. so could you please help for me?
Tab windows too short?
Hey I am having an issue where my tab window comes up being too short. I have attached an image to show what I mean. My code is: <div id="tabs"> <ul> <li><a href="#tabs-1">Project Browser</a></li> <li><a href="#tabs-2">Importer</a></li> </ul> <div id="tabs-1"> <div id="tabs-1-content"> <div id="projDirList"> <ul id="projMenu" style="overflow-y: scroll; overflow-x: hidden;"> <li><a href="#test"><span class = "ui-icon ui-icon-folder-collapsed"></span>testing</a></li>
Problem after adding UI1.9
After adding jquery ui 1.9 to my jquery mobile web app I am getting the following error in firebug string is undefined. This error occurs in jquery-1.6.4.js at line 622 this is the code camelCase: function( string ) { return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); },I did a serch through all the js in my project and the only place I can find any reference to camelCase is in jquery.mobile-1.1.0.js line 1384 This is the line of code return nsNormalizeDict[ prop ] || (
Modified Slider UI with 2 hidden inputs and showing value in html.
I've made a modified version for Range Slider UI . You can use 2 hidden Inputs. In each hidden input is 1 value and values is also in html with live changing. Here is the code if anyone wants it , you can use it.If you know a better solution for this, don't hesitate and post it to comments.Together we can make it better. I am begginer so take a look at it. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Slider - Range slider</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
UI Dialog buttons with jQuery UI 1.8.0 - empty text
Hi, I'm trying to apply buttons on dialog with the newest jQuery 1.8.0 But the button text is empty, see image bellow: It works fine with jQuery 1.7.2 but not with 1.8.0 Thank you for any kind of advice. Daniel
Context Menu
Ive been trying to get an example of a context menu working as simply as possible, but for some reason I cannot get it to work. Ive been playing with this on and off for a few months now, but really need to get it working, so requesting any experts help. I have attached my code as test.txt Ive been using the examples at medialize.github but without any sucess. If anyone has any advice, I would be extreamly gratful. Thank you
Error in jquery.ui.core.js, line 209?
I use jqGrid-4.3.3 in my asp.net mvc 3 app with jquery-ui-1.8.21.custom package. When I run my website in IE8, I got this error in an IE pop: '3' is null or not an object in jquery.ui.core.js, line 209 character 3, which I show here: function visible( element ) { return !$( element ).parents().andSelf().filter(function() { return $.curCSS( this, "visibility" ) === "hidden" || $.expr.filters.hidden( this ); }).length; } $.extend( $.expr[ ":" ], { data: function( elem, i, match ) { return !!$.data(
Solving cross browser issues in dynamically detecting textarea text value changes
I have developed a webpage with a form that has (1) a textarea into which a user can input text of any length (right now it is 800px wide and 120px high), and (2) an input text box into which a user can input a number of days over which the textarea text should be considered active. The form has two buttons that are enabled or disabled whenever any changes in either the textarea or input box differ from the original “reset” values. The two buttons represent submit and reset actions. I wanted
fullcalendar displaying "12a" in the title, even though I have no title format
fullcalendar displaying "12a" in the title, even though I have no title format, so I do not see an option to format this correct as I am literally passing a time. Does anyone know how to remove the 12a from where the title is displayed? I've read about this, an it appears to be taking a null from somewhere, but all fields are set with time, including the title value returned in json.
range slider dynamic generation problem
Hi, I've posted this topic as a bug but an expert user encourages me to post it in the forum... here's the description of my problem: Inside an ASP.NET page, after some requests and responses I need to generate jquery UI range sliders dynamically. I've got to create the sliders (there are many sliders as dynamically generated table rows) but, when you drag each one, the changes only are viewed in the last textbox slider, not in the corresponding slider's textbox. The jquery version is 1.7.1 and jquery
Spinner issue
I have some problem with the spinner plugin: here is the link to it : spin.js here is the code i' am using (i don't stop the spinning to see the result) <script src="../plugin/spin/spin.js" type="text/javascript"></script> <script type="text/javascript"> var target = document.getElementById('testers'); var spinner = new Spinner(); spinner.spin(target); </script> there are no errors in the Chrome Console review. please HELP
Draggable Div resets to original vertical position after draggable is disabled.
Hi, I have a div that I've enable draggablitiy on within an html body. In IE9 when I drag the div outside the initial bounderies of the html body ( causing an increase in scoll), and then disable the drag option, the div jumps vertically to its original position.This does not happen in firerfox or safari. Any help would be appreciated! Thanks!
dialog buttons questions
Dear all! i just need to localize the button labels for a dialog. but how to do it? as in: $dialog.dialog({ buttons: { 'Ok': function(){ // ok }, 'Cancel': function(){ // cancel } } // 1000 more options });the labels will be always literals. so the only way i see is to have a copy of the whole options object for each locale (or at least the buttons with the callbacks, that i will have to merge every time with the rest of the options).
Autocomplete request object in source callback
Hello, Is it possible to get the request object in the source callback of the jQuery UI autocomplete function? Example: $("input[name=q]").autocomplete( { source: function( request, response ) { ... get request object that calls this function ... } } ); It is possible in the focus(), select() and change() function, but why not in the source? Or am I missing something? The variable request only contains the term property. Calling $(this) will give me the jQuery
JQUERY UI theme images for a button
How can I create a UI button with a down arrow icon from the icon sprite? Is this possible?
Issue closing a dialog that contains an iframe.... from within the iframe
I have a function which takes a url and opens a jquery dialog. I've used it in a few places and it works fine where the dialog doesn't need to be closed programatically. function ModalFramedDialog(winTitle, url, winWidth, winHeight) { $('<div id="myAdhocIframeDialog" style="overflow:hidden;"><iframe id="myAdhocIframeWindow" frameborder="0" width="100%" height="100%" src="' + url + '" /></div>').dialog({ title: winTitle, autoOpen: true, width: winWidth, height: winHeight, resizable:
Can datepicker calendar show more than 10 years
Hi, I am using jQuery datepicker for users to pick birthday, here is my code: $('#DOB').datepicker({ changeYear: true, maxDate: new Date(), showOn: 'both', buttonImage: '/images/calendar.png', buttonImageOnly: true }); Since the birthdays are typically tens of years away, so I allow the users to change year to save clickings, but the Year selection drop down only show 10 years range, say this year is 2010, the dropdown will have 2000 - 2010 to begin, if I pick 2000 then 1990 - 2000 will show
GMap in jQuery modal dialog problem - can't drop draggable markers
Hi, I am using jQuery 1.4.2 with a custom jQuery UI 1.8.6 (from themeroller), and have ran into a problem with draggable GMap (GMaps API v2) markers in a modal dialog where I can pick up the marker with a mouse click but it appears that the mouse up event is lost so I can never drop it. If I change the dialog to modal: false, then the problem goes away. Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en"
Sortable portlet with Close (or Menu) option
I really like the portlet example at... http://jqueryui.com/demos/sortable/#portlets and I have seen the article to "mimic igoogle" at... http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/ and I have read this thread... http://forum.jquery.com/topic/draggable-like-igoogle Is there a simple way to just add an icon to close the portlet or display a menu? Although I like all the functionality at inettuts, I'd like to use themeing and I'm not very proficient with javascript. Can this sample
jQuery UI as css site theme/framework
Sorry if this has been proposed or explained before, but what about trying to make the jQuery UI theme the central css "theme" for an entire site. I understand that there will always be domain specific customization but if the jUI css could provide "hooks" for other elements to use then the ThemeRoller could be a more integral part of creating/updating/maintaining the overall look of a site. My underlying reason for the idea is that I'm a much better programmer than designer and what happens is
ui.sortable sort multiple items at once
hi there, did somebody manage to sort multiple items at once with jquery.ui.sortable? we are working on a photo managing app. 1. select multiple items 2. drag them to a new location. thanx reco
Dialog position upon window resize
Hi, I'm initializing the dialog with position: [900, 58] and it looks good until I resize the window. Upon window resize to reduce the viewport, horizontal scroll is introduced since the dialog is still at position [900, 58]. Can anyone please help provide a solution to make the dialog reposition or initialize the dialog the right way? Thanks for the help! --
Correct Way to Get Base URL?
What's the best way to obtain the base_url of a site via jQuery?
Datepicker yearRange option not working
The datepicker's (UI version 1.8.1) yearRange option is not working as per documentation. No matter which style of yearRange I use, the year in the select box always shows a range from 2000 - 2020, $('.date').datepicker({ yearRange: "1990:2050", changeYear: true }) displays a range from 2000 - 2020, Try this range: $('.date').datepicker({ yearRange: "-20:+1", changeYear: true }) displays a range from 2000 - 2020, or $('.date').datepicker({ yearRange: "c-20:c+1",
Checking if a dialog has been opened
How can I check if a jQuery UI Dialog has been opened? I do not want to fire the close event if it wasn't opened (or even created in the first place).
Draggable with Multiple Sortables
Using jquery-ui 1.8 and having some difficulty with a particular ui design. Basically, I'm trying to set up a draggable element to connect to multiple sortables. I have many sortable lists on a page and I need to be able to drag and drop a stand alone element into any of those lists. I can use the connectToSortable option on the Draggable but only to connect it to a single list. It appears on older versions of jquery-ui one could pass in a list of selectors to that option for the behavior I'm
Animating -moz-box-shadow
Hi everyone, I've been looking at the Safari css animation effects and more specifically this example involving box shadow: http://www.zurb.com/playground/radioactive-buttons And I was wondering if I could do the same using jquery. It seems like it'd be pretty simple so I started searching to see if anyone else tried it, but to my dismay no one did. I was wondering if anyone tried animating this before? I'm going to attempt to apply the color animations in jquery ui to that element, but I just wanted
Accordion and cookies
Hi. So I'm trying to set up an accordion menu on my site. I really have no knowledge of Jquery but I've managed to get myself this far so the accordion works. http://jackcraig.co.uk/test2/ However I want it to remember the last opened menu header. So as the user goes through the site the menu is seemless. I think I understand I need to add this cookie persistance? http://dev.jqueryui.com/ticket/3613 But I can't figure out how I'm supposed to go about it? Sorry for this really newbie question. If
$.dialog positioning problems with Webkit browsers
When using $.dialog() in Chrome/Safari. The option position: "center" only aligns the dialog box to the left center. Again, this is Webkit only. FF3/4, Opera, and IE(sad IE works over Chrome...) all position properly. I did notice though, cause I have another project thats currently using jQuery UI 1.8.7 is working fine. But the bug is in 1.8.9. Heres a JSFiddle test case. http://jsfiddle.net/samishii23/MW53R/4/
Cant post data with in a jquery dialog
Hi I am using a Jquery dialog on my form, inside which is a detailsView, i planned to use this detailsView to insert new products into my database. but i found that content of all textboxes in this detailsView are not posted, the text property are all empty. The detailView works outside the dialog. any ideas? help plz Many thanks
JQuery Tabs
Hi there: I am trying to use JQuery Tabs and than load AJAX JQuery Tables under each of the tabs. Is this possible? I have the tabs installed and working, but the AJAX Table is not loading. I have placed the example at http://firedream.com/JT/fred.html Any thoughts? Thanks, Brett
Next Page