using date picker
I am trying to use jquery ui date picker. I want to open the date picker only when user clicks on the image next to input field , I followed the example it did not work , may be I am doing something wrong please help here is the html <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Changing Size of Multiple Datepickers on one page
I have a page that has a inline Datepicker and a Icon Trigger Datepicker. I want the inline one to be a certain size, and the Icon Trigger to be another size. The Icon Trigger comes first in page execution. I can change the size for both of them using the CSS class .ui-datepicker, but how do I apply specific styles to individual datepickers? Any ideas? Thank you for your time.
FadeIn Animation not waiting until callback
Please see the code below: $(document).ready(function() { $('#flip_nav_aboutus').click(function () { $('#flip_content div[display!="none"]').fadeOut('slow', function() { $('#flip_content_aboutus').fadeIn('slow'); }); }); }); The fade out and fade in are occurring simultaneously even though the fade in is in the callback... Any ideas? Thanks, Tom
Changing Accordion behaviour
Dear Forum, I would like to change the default functionality of the accordion widget to show category information. For example, if a category has subcategories, then the accordion will open as usual and list the subcategories. However, if a category does not have subcategories, is it possible to prevent the accordion opening up an empty content pane and go directly to a link that I specify? ie load up a page that shows the products for that category. Best regards, Minh
Is jQuery UI theme proper for the whole page?
We are creating a rapid HTML prototyping tool named App Sketcher (http://www.appwork.com). It's a desktop (for both PC and Mac) application that uses an embedded webkit browser as its design surface. HTML tags, jQuery UI components and web widgets (such as Google Maps and YouTube player) can be drag and drop to form a page quickly. Simple actions can be defined as well. User can then run/test the prototype in their default browser and export the source once they are satisfied with the design. The
Error in jquery 1.3.2 min.js in IE9 when hovering over a div using jquery.cluetip.js plugin
HI there, I am using jquery.cluetip.js plugin, as and when i hover on a div on which i have implemented the cluetip functionality the jquery 1.3.2 min.js throws an error NOT_FOUND_ERR: DOM Exception 8 This error is thrown at j.attribute("G",K) . I have no idea why i am getting this error only in IE 9 and not in any other browser, is the plug-in ( jquery.clutip.js ) compatible with IE9 ? Any help would be appreciated Regards Prabhjot singh
jQuery UI Slide. Problem with background repeat and percentage.
I have a sprite 6px 9px x, but the slide plugin to jQuery UI does not allow me to manage the length in pixels, since the percentage is not accurate. How can I fix this?
Link inside Accordion content pane
Dear Forum, I've created a default accordion and inside one of the content panes I have an anchor that links to another page. However, when I click on the link, the event seems to be consumed and hence it doesn't open the intended page. Would anyone know what's causing this problem? Best regards, Minh
Problems simulating a DnD
hi everyone, i want to simulate a drag and drop. so what i tried was, i got me the simulate.js and then i tried something like: var dragThis= $j('#someID'); var dropTarget = $j('.someID2'); and then i though something like: dragThis.simulateEvent(dropTarget , "drag", {}) or dragThis.simulateEvent(dropTarget , "drag", {}); should work .... i always get the error "simulate" or "simulateEvent" is not a funcion ... sorry its a noobish questiong ... but i dont usually work with js and jquery - i 'just'
Hide jquery tabs when login
Hi, I would like to ask if there are any method to hide a tab when user login and show some other new tabs?
jQuery modal dialog form
hello all (first time poster here...). I have a problem with a form in a modal dialog that I'm hoping somebody can help me with. I see several different permutations of such scenarios in other posts here, but I haven't been able to find one which matches what I'm trying to do... Here's the setup (containing a bunch of my assumptions which I believe to be correct, but please point out if I have anything wrong here!): 1. I have a form contained in a modal dialog 2. I need to use the form's post method
DatePicker in MVC
Hi, I had just put in a jquery datepicker, but i got no idea how to get the selected date and store it in database. Here is my view: <%--Try Jquery UI here--%> <script type="text/javascript" src="../../../JQuery/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="../../../JQuery/js/jquery-ui-1.8.11.custom.min.js"></script> <script type="text/javascript"> $('#date').datepicker(); </script> <%--End Jquery Ui here--%> <p> <%: Html.LabelFor(model
moving dialog titlebar to bottom
Hello, I use UI dialog as a modal popover and only need close button, not title bar. Since I couldn't do that I removed the background and border for titlebar in css. However that leaves a blank space at top of dialog that doesn't look good, so I prefer to move title bar to bottom left of dialog (instead of top right). I tried to use "position: absolute" which moves the title bar to bottom but disables the close button functionality. I appreciate your help on this. my css is: .ui-widget-header {
Disabling unwanted automatic item focus upon autocomplete
For Autocomplete: How do I stop jQueryUI from automatically focusing on a ui item when the autocomplete menu opens and the mouse has been positioned such that it is over the ui item when the menu opens. This can be seen in the jQueryUI demo. This is not desired since pressing enter will cause the focused ui item to be selected. Why? Because this causes problems if the input field is used as a search field where selection also fires a form submission. Pressing enter with the unwanted ui item focused
How to limit height expand and show vertical scrollbar?
I am trying to control a textbox. Here's my initial code: $(document).ready(function () { $('.expanding').autogrow(); }); $(function () { $("textarea[id$=txtInsertDefinition]").blur(function () { $(this).next().hide("normal"); }); $("textarea[id$=txtInsertDefinition]").focus(function () { $(this).next().show("normal"); }); });I want to limit the autogrow height, to say 100px,
Accordion and Tabs
I'm trying to get a jQueryUI accordion working inside jQueryUI tabs. I've read of people having problems and have found several posts which have reported success from initializing the accordion inside the tabs' 'show' event, but when I try this I just get what looks like two half-styled tab headers and no accordion functionality. I have the following in my page load event: $().ready(function() { tabs = $('.jqTabsStandard').tabs({ show: function(ev, ui) { $('.ingredientsAccordion').accordion({
Draggable - how to drag out of a DIV?
Hi, I got a layout and wanted to put a draggable and droppable in it, but I cannot move the draggable DIV-s outside. The layout: <div id="layout"> <div id="menu"> <div id="accordion"> <h3 class="lvl1"> <div class="lvl1 lvl"> <div class="material u303" title="U303"> <div class="material u321" title="U321"> <div class="material u129" title="U129"> <div class="material u622" title="U622"> <div id="gallery">
[Accordion] prevent the opening sections with a condition
Hi, I would like to block the opening sections of the accordion after a condition. Is it possible? thanks
Tabs linking to a new page?
I am using jQuery Tabs in my site. The page currently constructed has three tabs. I want to add a fourth. The last tab opens to a new page. When I put the information in, the page opens positioned half way down the page vs being a full view page. Ideas please? Here is an example of the code I am using: <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> <li><a href="/mypage.html" target="_new">Tab 4 (opens to a new page)</a></li> </ul>
how to had a minDate + 1 day in the end date range example in datepicker ??
hello how can i have a mindate+1 day (exemple : start date (#from) 1 march 2011 and have a mindate like end date(#to) as 2 march 2001 with this source code i have tried a lot of stuff but always failing ...: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat
Tabs (Default Functionality)
Hello to everyone I'm using the Tabs (default functionality) and I want to know if it is possible to indicate the tab that is wanted to see when the page is opened or is refreshed ? Is posible to use tabs inside tabs and to have the same control ? Thank you very much for your help LC
Nesting accordions and tabs
I've had some difficulties nesting accordions and tabs. For example: when an accordion is instantiated in an un-active tab it does not size properly and becomes unusable. I have read an ad-hoc solution of first "activating" the offending tab, instantiating the accordion, then returning the tabs to whatever state you had intended (ie: first tab active). While this works, it would require an incredible amount of additional work to implement for my environment, as I will be allowing users to add accordions
Unknown issue within jQuery.dialog() and $.get() method (dialog don't show text)
I have a jquery project with a piece of code such as I wrote in down of this message. Problem is I need to click to the link twice to text from get() method is appears on the dialog. Why so serious? You can see it in work (or no work, who know...) at this site: http://avidiss.ru/ (click once to second button from down, if you're not Russian) and go to any non-grayed subcategory. For example, if you're clicked second link in first row, you will see an empty dialog with a header. There is one way to
Draggable does not work when I have a canvas element with a z-index
I have the following html: <div id="MainCanvas"> <canvas id="CanvasOverlay" width="500" height="500"></canvas> <div id="KntxStage"> <div class="elementBorder ui-draggable ui-resizable" style="position: absolute; top: 0px; left: 0px; width: 38px; height: 39px;"> </div> </div> </div> My CSS is: #CanvasOverlay { position: absolute; top: 0px; left: 0px; width: 100%; height:100%; z-index:50; } .elementBorder { width:20px; /* border-width:
event for non selectable dates in datepicker?
Does the datepicker fire any events when the user clicks on a non selectable date? I'd like to use the min/max data range function, but would like an alert box with a "no data" message to open when a non selectable date is selected.
DatePicker
Hello, I want to know if it's possible to add a text in the date cell (a different text for each cell) and how ? THX
Need help populating dynamically created input element values using datepicker
I have a table with a column of each row containing a datepicker. I can get past the issue with the datepicker pointing to the correct input/row. However, when I add the image button to the datepicker, I either get 2 buttons, with one pointing back to the first row or I get a button that is missing half the image. Weird. Here is the code that I have: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"
Pass 'this' element into dialog
When the user clicks "Continue" on this dialog, how can I get it to complete the rest of the function in the click event? I realize it needs to be moved into the function for the continue button, but how do I do that and retain "this" in the click event? $("#confirm").dialog({ autoOpen: false, modal: true, width: 400, title: 'Are You Sure?', overlay: { opacity: 0.5, background: "black" }, buttons: [
jquery-ui autocomplete
I have a series of autocomplete fields in a form. Each one has a unique name and id. I would like to add a drop down button next to the input field, that would initiate the auto-complete to display all of the available options. I don't want to use a combo box, as I want the use to be able to enter in a new option that isn't in the list. Can someone explain how to do this. Thank you.
autocomplete json url adds ampersand
hi, for some reason the autocomplete function apends an ampersand (&) directly after the url. I would like the questionmakr in stead of the ampersand. How can i change this? My PHP script that generates the jsoncode doesn't recognise the appended variablename since the ampersand is there. the generated url is now: jsonner.php&question=A but should be: jsonner.php?question=A
Frozen cursor problem using "draggable" on safari and chome
I'm having problem when using "draggable". What I want: the textarea to get focus when its parent div is clicked. The problem: (only on safary and chrome, FF work ok) when parent div is clicked the text area gets focus but the cursor gets frozen, it stops blinking. I have written the following example to ilustrate the problem: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js">
Using jQuery UI with jQuery Cycle plugin
Im using the ui tabs to seperate content, for each seperate tab panel theres a set of images which I have cycling through using the jquery plugin using a next and previous transition. trouble i've got is when using the controls its cycling the hidden tab panels images as well, so when changing tabs it doesnt land on the image i want it to. im trying to to work out a way to cycle based on the active tab panel heres what i've got so far im trying to add an active class to the visible panel and only
Dailog with a lot of HTML unbearably slow
When I have a dialog with a lot of content, it is unbearably slow to open and close. This can even cause the browser to freeze. I was wondering if anyone had any ideas or solutions or if maybe I should use something else for dialogs with a lot of content. The following HTML will replicate the problem. <html> <head> <title>Test</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ui.js"></script> <script type="text/javascript"> $(function() {
Trying to use the draggable and resize functions from jquery ui.
Hi, I added these functions but had problems. First off both messed up the position of a few things on my webpage. Like I have a image in a div and this images when using any of these functions ends up outside the div on the right side. The dragging effect works but the resizing dosen't work at all and notice some text on my webpage gets copied twice. Like for example on a input button I have contact. I would see another contact text right next to it on the right side. No resizing effect goes
position not working correctly on webkit browsers
I have a modal dialog box that works for the most part. The only problem is, in webkit browsers (safari and chrome) the positioning doesn't seem to work. It's fine in Firefox and IE. Here is my Test code; I've turned off the submit function, so when you click the Create an Account button in the dialog all you get is an alert. On Firefox/IE, when you click the create new users link (at the far right of the page on my screen) the dialog box opens top aligned and centered over the link, which is what
why the DIV "Functional demo" doesn't display in the newest demo？
I'v download the newest version 1.8.11 into my computer, and then when I open the demos/index.html, I'v found that the content of the middle DIV "Functional demo" does't display, can anybody help me?
Accordion - Can i detect when all panels are collapsed?
i need to change a background image of div when all panels of the accordion are collapsed, do i have any way to do this? thanks for all!
How to open datepicker on button click and display the date in a textbox
Hi All, I am using daterange picker. I want to open the daterange picker on button click and display the selected range in a textbox. Any help??
How to use the draggable using absolute position?
Hi, I made all my html elements to use the position absolute. I notice that jquery ui draggable changes this to releative. When this is done my elements end up moving and going out of their divs. Is there any way to not allow the position to change from absolute to relative???
jQuery UI Modal Dialog with Next and Previous Buttons
Hello, is it possible to use the standard modal dialogs and insert next and previous buttons to navigate through the content of an array? How can I insert the next and previous functionality into the modal dialog? I have no clue how I could proceed. I'm very thankful for any support. Best, Daniel
Next Page