Datepicker causing textfield to clear on configuration change
Hi, Is there a way to prevent the datepicker from clearing placeholder text (in this case, the date format) when you set the maxDate or minDate? Thanks! Eric
jquery ui datepicker with select lists
Is it possible to use the datepicker with select lists instead of a text field? So when the user selects a date, it automatically select the appropriate options in the select fields? ie: [mm] [dd] [yyyy] [datepicker icon]
Very, very new to jquery
I tend to use plugins most of the time, and need very specific instructions to get them working so I'm struggling with jQueryUI. I simply want to use a clip toggle to show and hide a div, but the example source (http://jqueryui.com/demos/toggle/) only shows how to select via a selectable list and I can't work out how to specify just one specific effect via a link. Can anyone help?
draggable cancel not working
hi everybody so I have been trying to make a div draggable. at the same time, the nodes (SVG <rect> elements in the div) should not be draggable (they are already draggable through another library, graffle) why? because it's a graph and it can potentially get huge. check it out here: http://kumin.ch/CANDis/ I have used "cancel" property for "rect.CANDisElement" and every <rect> element has class="CANDisElement". looks like this: output of SVG: <rect class="CANDisElement" x="620.9879411213087" y="199.85729269429794"
Autocomplete limitations
I find the autocomplete plugin so incredibly limited that it's a little useless. Two things right now: - You cannot set the width of the autocomplete box - I somehow got it wider than the element is was autocompleting, but when right-aligned, it would not stretch leftwards and went back to being too narrow
JQuery Sortable returns the same order every time
Hi, I'm using Sortable to sortsome images using the following code... the problem is that the serialize method returns the same string every time, even after re-arranging the items in the list. There may be a glaring error here as I'm not a JQuery or JavaScript expert, but if there is, I'd sure appreciate someone pointing it out to me (and for the benefit of others). Thanks in advance. ukwebguy ----------------------------------------------------------------------- <!DOCTYPE html> <html lang="en">
themes switcher widget: How to choose and confirm the theme ?
I would like to have the possibility to confirm or not the choice of the user when he clicks on the themes switcher widget. I tried to intercept the theme selection (with onSelect) but the theme is already changed everywhere ! I can have the name of the theme with the cookie but it's too late !! Do you know a method to do that ?
Draggable to Sortable and back again
I have two lists, one is a "master" list of categories (unordered), one is a sublist of these categories that you want to use for a navigation menu, which must be ordered. I'd like to drag from #maincatlist to #navcatlist (this would remove the item in #maincatlist ), reorder items in #navcatlist , and drag items back if a user decides that a particular category no longer belongs. I can easily make it copy the items from #maincatlist (a UI draggable element) to #navcatlist (a UI sortable element).
Need help displaying dialog window on submission of form only if form validates
I've got a form that is using jquery validation. When the user clicks the submit button, I would like a dialog window to display showing the fields and values entered from the form. This is for verification. If everything is fine, the user will click the OK button in the dialog window and the form will be submitted. If not, the dialog window closes and the user is returned to the form. But I only want the dialog window to display if the form validates. Here's what I have: $(function(){ $("#form").validate();
Using datepicker
hi, I'm using datepicker and can't find how to set the language to french. I do the following: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.4/jquery.min.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/ jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" /> <script type="text/javascript"> $(function() {
Problem using variable within child selector in the hide effect
I'll skip my use case because it's a long and unnecessary story. Suffice it to say that I'm trying to avoid having a dedicated click function for each of the many 'more' links on my page. I think I can get down to one 'more' click function and one 'less' click function if I can pass the id of the parent div in as a variable. I'm using the child selector (http://api.jquery.com/child-selector/) within a hide effect (http://jqueryui.com/demos/hide/). It works fine when I hard-code the id of the parent
What happens to tab index when you remove one?
Hello, I have a tab control with 10 tabs. I have them numbered from 0 to 9. If I remove tab #7, what happens to the index of tabs 8 and 9? Are they converted in tabs 7 and 8? Or they mantain their index number for future operations (select, disable, ...)? I've looked to the tab documentation and doesn't say nothing about that. TIA -Alex-
Draggable 'cursor' option does not work
Hello, I am using draggable with elements, which have set cursor:pointer by CSS. However, even when I set cursor:pointer by the draggable options, it makes no difference – the cursor is still "text select". There is no difference between these: cursorAt: {cursor: 'pointer', top:15, left:15 }, cursor: pointer, …
jquery tabs with checkbox
Hello! I want disable some jquery tab with checkbox. If checkbox is checked tab is enabled and if checkbox is unchecked tab is disabled. How i can do this? All best, Rainari
Draggable stops in IE when scroll/resize listners attached
I'm using jquery-ui 1.8.1 with jquery 1.4.2 to replace bespoke js code developed to run with Firefox, Chrome, Opera, and IE8 (forget all the other IE's). The application conditionally needs to set window scroll and window resize listeners. When they are not set, a draggable div responds normally under all browsers. But once either is set, the draggable stops being movable in IE (all the rest work fine, naturally). Some F12 tracing shows that turning on scroll or resize in IE causes a flood of
Can't get a form to display a jquery dialog inside of .validate()
I've got a form that is using jquery validation. When the user clicks the submit button, I'm intercepting it with some jQuery code to display a jquery dialog window asking the user to verify the data they entered in the form. Data is displayed in the dialog window. If the user doesn't need to change anything, the click the OK button in the dialog window and the form gets submitted. If they click Cancel, the dialog window closes and they are returned to the form. My problem is the dialog window
Weird characters showing up in Datepicker
So I'm using a custom development package with the Smoothness theme that I downloaded from jqueryui.com. Everything's working fine, but I'm getting these weird characters showing up on the Datepicker widget. Here's a screenshot: See the little question-mark characters? Yeah. Not sure what's going on here. Can't seem to find any unrecognized characters in either the Smoothness stylesheet or in any of the code. Any suggestions here? Has anyone run into this problem before?
.autocomplete("search","") isn't updated to reflect recent dataase changes while application is running.
I am using autocomplete on a text box. The initialization is a follows: $(Initialize); function Initialize() { $("input#Employer").autocomplete( { source: "/Home/GetCompanyItems" , minLength: 0 , select:
Date Widget(1.7.2) for issue with Chinese charaters
I am facing a problem with Date widget for chinese characters. Chinese language comes with following language codes(zh-TW, zh-CN , zh-sg, zh-hk). I using a tomcat webserver for my application. Requirement is like i need use browser language, if browser language is not supported by plugin then i should use english by default. To render the date widget, language code is sent to client using below code: request.getLocale().getLanguage() Following code is used to render date for region specific in client:
jquery ui fieldset
I want to use a fieldset on a tab and would like it to be themed using jquery ui, but fieldset does not seem to be something that the framework deals with. Am I wrong? Dean
Video Player..
How about a Video Player? <video src="/videos/1.mp4"> Flash Fallback.. </video> and could be called via: video = $.video("/videos/1.mp4"); video.play(); video.pause(); video.seek(25.2678); video.progressPercent(); /* video_time / duration * 100 */ video.progressPercent(25.6897); /* another way to seek */ ImageToCanvas(video.getframe()); /* function doesn't exist but can be made via CANVAS AND JS */ video.playlist = [ { title: "Video one..", url: "/videos/1.mp4"
Empty date field with Datepicker
Hello, For some reason, my date field ends-up empty when loading the page. here is the code: // ---------------- HEAD ----------------------// $(function() { $("#start_date").datepicker(); $('#start_date').datepicker('option', {dateFormat: 'yy-mm-dd'}); $('#start_date').datepicker('option', {dateFormat: 'yy-mm-dd'}); $("#end_date").datepicker(); $('#end_date').datepicker('option', {dateFormat: 'yy-mm-dd'}); }); // ---------------- FORM FIELD ----------------------// <input type="text" size="10"
Which version of jQuery UI is applicable for jQuery framework v1.3.1 ?
Hello there, I want to add some jquery UI elements to the typo3 homepage of my university. They are running this version of jQuery: * jQuery JavaScript Library v1.3.1 * http://jquery.com/ * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * Date: 2009-01-21 20:42:16 -0500 (Wed, 21 Jan 2009) * Revision: 6158 As I am not an admin I am not allowed to upgrade to a newer version. Now I wonder which version of jquery UI goes with this? I
jQueryUI Dialog with server update
I am using the jQuery UI Dialog (form version), and modified the example slightly to allow for server side updates. Specifically, I added to line 55 a POST to serverscript.php on the server which will update a database. I am hoping I can get some help on the following three items. PS - Line numbers refer to the below script even if my question states something like "the original used". Lines 59 to 63 on the original used name.val(), email.val(),and password.val() to update the table. After I
autocomplete does not support non english characters?
for example chinese words are not triggered at all.
accordion fails
Hi, I have an accordion set up as follows: <div class="fx-accordion" > <h3><a href="#">Question 1</a></h3> <div> Answer 1 </div> </div> I'm then using livequery to initialise these accordions (they come in through ajax!) as follows: jQuery('.fx-accordion').livequery(function() { jQuery(this).accordion(); } ); The accordion seems to be generating perfectly well. However - whenever I click an item to expand, I'm getting the following error: jQuery.easing[specialEasing
Generate autocomplete values from database
Hello. I'm new to jquery. Im trying to use the autocomplete part of the ui but I want the values to be generated from a database through php and not just have the values posted. This is what I tried to generate the values in the search.php $q = strtolower($_GET["term"]); if (!$q) return; $sql = "SELECT member_id, first_name, last_name FROM member"; $record = find_by_sql($sql); // I have a function that would run the query $items = array(); foreach($record
How to prevent adding a 'tabs' all over again?
Hello. I'm new to jquery UI. How to prevent adding a 'tabs' all over again? Thanks! eg: var $tabs = $('#tabs').tabs({ tabTemplate: '<li><a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>', add: function(event, ui) { $tabs.tabs('select', '#' + ui.panel.id); }, ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible.
datePicker onSelect Issue
Hello, I have two related datePicker controls that work together to allow a user to choose two dates where the second date must be greater than the first date (i.e. like booking an airline ticket). My onSelect function works great if the user "clicks" the date from the datePicker, but if the user tabs to the INPUT field and types the date they would like such as 06/01/2010, then tabs to the second datePicker, the onSelect event does not seem to fire. Any ideas? -Steve
page slider using resizable
Hello guys, I'm trying to create a simple "page slider" using resizable. Basically I have 2 elements: 'left column' and 'right column'; 'left column' is resizable (only horizontally) and I'd like 'right column' grows and shrinks according to 'left column' size in order to keep the same overall width. Any ideas how I can achieve so? I heve tried $(".left_column").resizable({ resize: function(event, ui) { $(".right_column").width($(document).width() - ui.size.width ) } }); but it is very
Accordion Control not working in asp.net
Hi, I am new to using jquery and I wanted to use it in my web page. I can get it to work in a html page but not an asp.net page. The page loads with the unformatted text but no jquery functionality. I used the jquery theme roller to create this control. Below is the code I am using. Any help or advise will be greatly appreciated. thanks, <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title>
QueryUI Tabs: how to keep them on a single line?
Hi! I posted this question to stackoverflow (http://stackoverflow.com/questions/2749583/jqueryui-tabs-how-to-keep-them-on-a-single-line) but got no answer. No I will try directly at source! Maybe my question is wired: is there a way to prevent jQueryUI tabs from floating if browser window is too small? Explanation: I have a simple horizontal tab using CSS only. The content is floating but not the tabs. Important: there is no width set manually, the current width is taken automatically. Here is the
UI Tabs Jquery - external url link
Hello, I am Fernando from argentina. I want to know how to make a tabs send me an external url. I add the link to <a href, but does not work. can be done? Thank. Fernando
animate movement sortable portlets
Is there any way to animate the way portlets make place for the placeholder during sorting?
sortable screen flickers when on bottom of page
I developped a page using sortable UI, but when I scroll to the bottom of the page and grab the lowest sortable box, the entire screen starts flickering. I noticed in the examples page: http://jqueryui.com/demos/sortable/#delay-start that the same thing happens there when I scroll to the bottom of the demonstration box, so its not a css thing. Does anyone have a solution to this?
jQuery UI Tabs, IE8, and injecting elements into DOM
Hello, I have had excellent success with jQuery UI Tabs in the past, however I have come across a situation which causes a problem in IE8 (and IE8 in IE7 mode), Safari, and Opera. I am doing the following: - executing an .ajax() session to obtain required data - from this data, I inject DOM elements using .append() - in the .ajax complete() event, I make the call to $(mySelector).tabs() to generate the tabs Thus far, the code works in the following browsers: - Chrome 5 (the most recent beta) - Firefox
problem dynamically adding buttons to dialog
I have the code you can see below. The problem is, that whenever I click one of the submit buttons, it always sends the data of the leftmost (added last) button, rather than the button it belongs to. Any ideas how I can fix this? dialog.find("form").submit(function(event) { event.preventDefault(); }) .find("input:[type='submit']").each(function() { var form = $(this).parents('form').eq(0); var el = $(this); buttondata = el.attr('name') + "=" + el.attr('value');
UI Sortables
Sorry if I am both "stupid" and partly rude but why is it that I cannot find a simple explanation or documentation for non JQuery type people (me) about how to properly use Sortables.? I have a situation where I need to use sortables like this: <div class="column" id="col1"> <div class="portlet"> <div class="portlet-header"><div class="toggleup"></div>Feeds</div> <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div> <div class="portlet"> <div class="portlet-header"><div
ui tabs - js calls on ajax loaded page
I have ui tabs set up to load content via ajax <li><a href="myPage.cfm""><span>My Page</span></a></li> I think the issue is that the flexigrid plugin is loaded on the calling page and the ajax loaded page can not access it. Getting the following JS error $(".flexigrid").flexigrid is not a function Does the called page need to be a full HTML page (with own js to load plugin)? Or can it be just the HTML Table Which page should have the plugin call? $('.flexigrid').flexigrid() Thank you.
Please help a noob make the vertical slider scroll divs.
The vertical demo demonstrates a volume control thingy, I want it to scroll content vertically. I cant find a demo anywhere on the web :( I have tried making the side scroll demo scroll vertically but I just broke the whole thing. The following lines of code is the original code from the side scroll demo. Could someone please help or point me in the right direction to change this code to make it scroll vertical. I have a good grasp of css but with jquery im clueless. <style type="text/css">
Next Page