Jquery UI Tabs
Hello, Im having difficulties with setting up links for jQuery UI. My index page url is www.index.aspx?id=2 In the index page, there are four jQuery UI tabs and one of the links has been appended with a QueryString. <li><a href='test.aspx?id=<% Response.QueryString["id"]; %>'</li> When i click on the link, i see test.aspx loaded correctly while URL remains the same www.index.aspx?id=2 test.aspx contains a button control and a fileupload control and whenever i click on it, it shows the following error:
UI Datepicker not refreshing
Hey guys! I cannot get the Datepicker to refresh. I've tried both the documented way "$(#calendar).datepicker('refresh')" and a common suggested way that is trying to select the already selected date via javascript. Nothing seems to happen and script doesn't break on firebug. Any help would be appreciated. Regards, João Pedro
Is is possible to use jquery datepicker for fetching data from db on selecting particular date ???
Hi, I'm using the JQuery DatePicker for exchange rate dashboard.How can i retrieve data on clicking specific date.The datepicker should fetch data from database and should display on text fied. The dates should be mark and clickable, and it should navigate to the particular Day Exchange rate Detail when the user clicks on one of the dates......... sceen shotclick here
Slider Help
So, I have been trying to build a simple slider to act as a scrollbar for a group of images inside a div. I got really close to getting it work a few times. Ive probably done 4 or 5 tutorials none of which seemed to work. So, I have back tracked it to be based off the jQuery documentation stuff. Still no dice. I'm getting two errors in Chrome using the developer tools : 1st - on line 44 in my html file : "Uncaught TypeError: Object #<an Object> has no method "slider"". which means that the browser
Trying to join Selectable, Draggable and Droppable inside one application...
Hi! I need a help to join those components into an application. All I want to do is create a container that receive elements dynamically created with the Droppable UI, maintaining the top and left attributes. This must be a one way drop, after the drop event append the element, it will never leave his container. If possible, when any of the "span" touch another one this must be an invalid movement, sending only the "wrong span" (one or more) back to it's start position. Also, when I select a group
custom UI Slider
Hi, Guruz. I've tried to change the look of standard UI Slider, especially to set the desired height of this component (height of the bar and slider). Google doesn't show any useful info on topic :-(
Combining Sortable with Droppable, Over Event Not Firing
Hello! I am trying to combine JQuery UI sortable with droppable to create multiple pages for dropping and sorting things. I have setup a jsFiddle: http://jsfiddle.net/VUuyx/ ... and a standalone demo: http://whit.info/dev/sortdrop/ Note that you can drag to sort the boxes, even into other columns. You can also click the page buttons to switch pages. My problem lies in combining these two features: By using droppable, I've allowed the user to drag a box to a page button, the page will then switch,
Can .dialog() and .position() be used together in peaceful harmony?
I'm using: jQuery 1.4.1 (due to the 1.4.2-vsdoc.js not being available as of yet) jQuery UI 1.8 ASP.NET 3.5 (VB.NET) I'm trying to position my dialog in the center of my container div which wraps around all of my master page content. I don't want to do a position [x,y] scenario where I have to formulaically figure out the appropriate x,y with regards to the top/left/height/width of the parent and the height/width of the dialog. That's exactly what .position() helps us with and
Datepicker not showing up on asp.net mvc2 project
Hi, I am having a nightmare trying to configure jquery datepicker to show up in my asp.net mvc2 app. I searched google and tried a lot of things, no use. I have the following function to call the datepicker: jQuery(document).ready(function() { jQuery('input').filter('.datePicker').datepicker({ showOn: 'both', buttonImage: '../../../../MyProject/Content/Images/datepicker.png', buttonImageOnly: false, duration: 'normal', showTime: false, constrainInput: true }); }); The button is showing up, but if
G is undefined with multiple sliders
Hi there! I get a "g is undefined" message when trying to slide a slider that has been dinamycally added to the DOM. In fact I'm using a function that places two sliders (they could be more) by running a for loop inside an array. In this case the array has 2 elements so I get two sliders. Afterwords I try to get the value of one of them with the slide event inside a DIV but as soon as I click on the slider to start dragging, I get the "G is undefined" error on firebug. Any hints about possible reasons?
Turning off "Today" button on button bar for datepicker
Hi, On DatePicker demo page for button bar (http://jqueryui.com/demos/datepicker/#buttonbar), it mentions that the "Today" button or "Done" button can be turned off with some additional options: Display a button for selecting Today's date and a Done button for closing the calendar with the boolean showButtonPanel option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable. Does anyone know what are the options to
show/hide not showing all content and adding a scroll bar
I have a page with multiple form sections. I am trying to show/hide those sections to make the page cleaner. I first had all the form section in one large html file broken up by accordion div/h3 tags. i was able to see the entire form of each section just fine. Then i broke my html page up into smaller pages and did an ajax get call to pull each html form into the container page. This worked but now when I click the h3 section to show the form it only opens a little bit like it is opening based
Add "Add to List" option for autocomplete
I'd like to have an "Add to list" option. Is there a best practice for this already, or do I need to invent it? I'm already using the custom select option to fill in a hidden value, so I was thinking that it could also check for the selection of "Add to list" in the list and take action from there (pop up modal dialog with form, etc). The question is, should I have the server return this option in all results, or should I have javascript insert it after retrieving the data? As suggested by one
How to use complex json as source for autocomplete
I have a fairly complex json object and I would like to combine arrays of names as source for an autocomplete. My situation is similar to that of a school, so to make it simple I'll make a structure similar to that of classes in a school. I want to get teachers names as source for this input. Any ideas on how to go about doing this? Here is my example: <script type="text/javascript"> var mynames = { "schoolyear": [ {"year":1, "group": [ {"value":1, "schoolday":"Tuesday", "teachers_names": {"value":["Mr.
problem draggable+droppable+resizable leads to unwanted elements move
Hi everybody, I am facing this problem when someone drags and drops and elements into a container and then resizes another element the first one will move. Any idea how to solve that? You can check it at http://akram.belajouza.com/?frage=20 You can move for example "FAQ" to the top-right corner and then resize the "Sitemap" element. "FAQ" will then slide a little bit.
Problems with draggable
Hello everybody i am implementing the draggable in my project but i am expecting problems with the options doesn't work in any browser. Here the code: function applDrop(widget){ $(widget).draggable({ appendTo: 'body', scroll: true, scrollSensitivity: 100, cancel: null, stop:function(event, ui){ cloneWdg(this);//This function clone the widget. $(this).draggable({scroll: true, scrollSensitivity:100}); } }); }
Accordion is not obeying the maximum height
I am fairly new to using jQuery and the jQueryUI libraries, and am trying to add it to a new site I am creating. However, I am running into problems with the accordion function, where it does not seem to be obeying the height of the parent div when I set a height in CSS and set fillSpace: true. The text for each accordion is much longer than the div, so the accordion simply exceeds that height, and covers everything below, past the bottom of the page. You can view the issue at the test page here:
When is the release of jQuery UI menu planned?
When is the release of jQuery UI menu planned? I can't find jQueryUI menu in the jQueryUI 1.8.4? Thanks in advance CSJakharia
Dialog without title bar?
If we create a dialog without specifying a title, still the resultant dialog will have a title bar without a title(?!). Is it possible to create a dialog without a title bar at all?
dialog bug
http://jqueryui.com/demos/dialog/modal-form.html IE8 :SCroll bar appears help~
Problem with droppable and FF
Hello, I am creating a droppable component and has a very rare problem with FF i don't know why doesn't append the clone of the component to the droppable widget, and just dissapear the widget. here it's the code, of the draggable function and the droppable function Draggable: function makeDrag(elmnt){ $(elmnt).draggable({ helper:'clone', cancel: null, scroll: true, scrollSensitivity: 100 }); } Droppable: function actvDrop(widget){ $(function() { $("#"+widget.getAttribute('id')).droppable({
Issue with Dialog
I have a dialog open on my page that loads up another page within it. The page that opens up in the dialog has a form on it.... how can I submit the form and keep it within the dialog box and not submit it to the main window? Is that even possible?
Problems with Draggable clones with jQuery UI and IE
Hello i have a function whats makes a dynamic clone of any widget in the document in all the browsers works perfectly excepts in IE, i've tried everything and nothing works any ideas of the solution I'm desspered. function makeDrag(elmnt){ $(elmnt).draggable({ cancel: null, helper:'clone', scroll: true, scrollSensitivity: 100, stop: function (event) { if (this.getAttribute('main') == 'true'){ var clnumb = parseInt(this.getAttribute('clone')); var newIndex = (clnumb+1); if (getBrowser() == 0){
UI tabs external control?
Hi there Is it possible to control the tabs of a Jquery ui tab structure with external URL`s? Like having other buttons that control those tabs two? Thanks in advance
Not able to retrieve selected value from select dropdown on JQuery UI Modal Dialog in Firefox
Hi, I am not able to retrieve the correct selected value from a select dropdown on a JQuery UI Modal Dialog in Firefox. This is working fine in IE(6). When I debug the value returned, its incorrect and not the value selected in the dropdown on the Modal Dialog. This is an urgent issue for me to get it resolved as the application that I am working needs to run on IE and Firefox. Any help is greatly appreciated...Thanks.
Mvc Modal Dialog problem
Hi All, I am using MVC. I have a jquery modal dialog in one of my views. I open this dialog by clicking a link, then the dialog is filled with external information from another view. I load this data into the div, and the dialog shows it correctly. My problem is, i have loaded this external data into the modal dialog. The modal dialog containt a button to search for data. When this button is pressed, i want to stay in the model dailog and show the search results. But the search results are shown
adding ui-corner-... class. Not behaving as expected
I'm having an issue trying to apply rounded corners to a table cell. The table rows are assigned even/odd classes when the table is generated on the webserver. I can get it so the corners are there, but they're the wrong colour. The corners appear to be the same colour as the cell background (which comes from the .odd/.even class) http://pastie.org/1090477
dynamically adding table rows stop working after having selected a date from datepicker (missing attachment now added)
Hi! I have a page where I can add and remove table rows as well as select a date using the jquery datepicker. The page works just fine as long as I do not select a date. As soon as I have done so the adding (but not removing) of table rows stop working. I have attached an html file that reproduces this strange behaviour. Any and all help would be much appreciated. I'm a jquery newbie so I guess I have overlooked something simple. /Måns Tånneryd
jquery ui tabs
sorry, i testing jquery ui tabs in Internet explorer 8 but the corner not rounded corners do not appear help plese
Troubleshooting the error "Missing instance data for this datepicker"
Hi, I'd like to create a form using the plugin jquery-dynamic-form and jQuery UI Datepicker but am obviously doing something wrong. Here's what I have ... <link href="/includes/styles/smoothness/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.4.2.js" ></script> <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.core.js" ></script> <script
Trouble with droppable and div with overflow
Hi, I have a unexpected behavior with the following code : <style> div { margin: 10px; } .droppable { background-color: red; } .draggable { background-color: green; } </style> <div id="divContainer" style="height: 100px; overflow: auto;"> <div id="drop1" class="droppable" style="height: 500px"> </div> </div> <div id="drop2" class="droppable" style="height: 50px;">
UI Selectable: pass values of <td> id's to hidden input
Hello, rdworth posted an example of how to use UI Selectable in conjunction with a table. http://jqueryui.com/demos/selectable/#serialize http://forum.jquery.com/topic/using-selectable-with-a-table http://jsbin.com/igeka I'm having trouble passing the <td> id's to an input, though. The jsbin example below only partially works, but the goal here is to pass the <td> #id with no comma at the end of the string. http://jsbin.com/odofa4/2 Thoughts?...
Problem with dialog overlay
Hello I'm using jquery 1.4.2 and jquery ui 1.8.4 versions. I have a webpage that opens a modal dialog which creates another modal dialog. When the first one opens the second dialog first time, there's no problem, but If I open the dialog a second chance the overlay of both dialogs disappear when I close it. Do you know a solution to this problem??? Thanks in advance.
jQuery Tabs with form submit
Hello, I use jQuery tabs to separate some form which I send to the change of tabs. To there no problem. Now, what I would like to make, it is during the check on server side, if the fields of my form contain errors then the switch does not run and error messages appear and conversely, if there is no error it switch on the tabs selected. Is there a way to make it? Here is my current code // $('#tabs').tabs({ select: function(event, ui) { var $tabs = $('#tabs').tabs();
hitesh dobariya
hi. i am php developer. i had face some problem with jquery datepicker.. problem is : - datepicker not work in google chrome, but work in firefox.. means dropdown of month and year not working in google chrome and safari.. anybody can help me to solve this problem. Thnaks, Hitesh Dobariya, Artoonsolutions PVT. LTD
jquery ui Dialog, scroll contents to specific location
Hey all I'm new to all this and have a problem that I cannot seem to get fixed... I'm putting an html page inside a jqueryUI dialog widget and need to scroll to an anchor in that page: <a name="xxx"></a> I'm grabbing the href of the link I'm clicking to instantiate the dialog, something.htm#anchorname, and calling the dialog on that. The page loads in the dialog just fine, but I cannot get it to scroll to the relevant point, as a standard link would. I've been on this for hours, but my skill level
Multiple Dates with date picker?
Is there a plugin or addon that provides this functionality? I was hoping to add them to a set-like structure containing the selected dates as a string or even as date objects. I hope if not, you can do it with the event handlers. :|
jQuery UI datepicker range
Hey, I posted this on StackOverflow: http://stackoverflow.com/questions/3470350/jquery-ui-datepicker-range Thought I'd post it here as well to get some ideas, suggestions or solutions. Thanks!
AJAX Tabs and replicated dialogs
I couldn't find any posts discussing this problem, so I'll start one... My project had a couple of tabs that loaded remote pages, each of which had one of more modal jQuery UI dialogs in them. My goal was simple: click a button display the dialog close the dialog reload the tab All of that seemed to work nicely, until I clicked the button again and found that the dialog was being replicated. A brand new dialog (with the same ID) would appear and cause me grief, because jQuery kept referring back
Autocomplete: On select display label but store value as the value attribute
Hello all, I am creating a page that has an auto complete for schools. I am retrieving the school names from a page that gets the information from a database and returns it as JSON. The objects returned have a label(the school name) property and a value(the school id) property. What I want to happen is that when a user selects a school name from the autocomplete suggestions the textbox displays the school name(label) but stores the value of the school id so when the data is submitted that is what
Next Page