fire partial postback on ui silder control movement
Hi there, I am using slider controls on my .aspx page and using ASP.NET ajax for partial postbacks. i need to postback partially when slider control moves(at stop/change event of slider). slider controls using a simple div element without any runat=server attribute. i follow the instruction given at "refresh updatepanel using javascript" but asp.net gives error " invalid postback event data. i uses __doPostback('divId','') but still gives error when i click on Next button on the page to navigate
remove "today" button from datepicker?
Is it possible? Leaving the "done" button at its place? I'm using the timedatepicker() extension, but if users clicks on the now/today button they can access time steps they aren't supposed to....
How can I disable sunday's on datepicker?
I'm creating a restaurant website, and I was doing the reservations page and decided to use the datepicker plugin to pick dates. I was wondering is there a way to disable sundays on the date picker, and also, the restaurant has different hours on Saturday then the rest of the week. So my question is, how can I disable Sundays and is there a function which lets me determine the day of the week? My thoughts: I was thinking of having the datepicker use the Full format (DD, d MM, y). Then using javascripts
Tabs: Are ID's required?
From the documentation I found, it seems they are.
issue with sortable and containment
The following sortable grid works for me: #sortable { list-style-type: none; margin: 0; padding: 0; } #sortable li { margin: 10px 10px 10px 10px; padding: 1px; float: left; width: 440px; height: 440px; } <script> $(function() { $( ""#sortable"" ).sortable({ }); $( ""#sortable"" ).disableSelection(); }); </script> <div class="widgetcollection"> <ul id="sortable"> <li class="ui-state-default" id="1">some stuff</li> <li class="ui-state-default" id="2">some stuff</li> <li class="ui-state-default" id="3">some
Has anyone ever gotten UI to work with css transitions?
Setting -moz-transition (ff4) for a class while having a UI animation trigger causes it to no longer animate, it just jumps straight to the end. Is there any workaround to allow a class to have transition and use it for animations?
jQuery UI Tabs and absolute links
Hi. I have Tabs installed in a webpage and have run into a curious problem regarding links. One of the tabs (REGLAS) is a link to an external html file with simple plain text (no code). The original file is located in a subdirectory, which is also a subdomain. You can access this directory in one of three ways: http://eventos.canariaspoker.org/champions.php http://canariaspoker.org/eventos/champions.php http://www.canariaspoker.org/eventos/champions.php Due to some problems I had with relative addresses
How can i use jquery ui tabs with tiles frame work?
Can somebody give me or point to a simple tutorial for using jQuery UI tabs with Spring MVC and tiles framework? Thanks
JQuery tabs in IE not showing pictures
The problem I am having is that my pictures do not show up in the dynamic JQuery tabs in IE8 and below, but they show up in every other browser. I believe that it is associated with how the tabs load using JQuery because the pictures show up fine when I do not load the code. I used JQuery .hide() and fadeIn() functions in order to change tabs. Here is a screen shot of what I am talking about: http://www.marinicorp.net/jquerytabs.htm If you need anymore information just let me know. HTML Code:
Drag/drop from/to dynamic content
I have a page with 2 lists. Each list is populated with a $.get() call. I want to drag drop from list1 to list2. Drag/drop works but there's a visual problem : during drag, when mouse exits list1, the dragged content disappears. Drop works but I don't see the content over list2. If I create the page with static lists, drag/drop works normally. What can I do to correct the problem ?
jquery function: how to get this element id?
Hi guys,i'm trying to do a drag and drop...,practically a newbie to jquery & all basically i have a list of draggable objects and a container(that these draggable objects can be dropped into) all i want to do is whenever i drop one of the objects onto the container, an alert would pop, "you have dropped "item X" into the container". i got the object moving but alerting the user seems to be a problem. anyone see what i'm doing wrong or what i'm not doin code below <HTML> <HEAD> <script type="text/javascript"
Tabs loaded via ajax do not stay in selected tab.
I have a set of tabs that are loaded via ajax as shown in the demo. One of the tabs is a form that on succesfull submit should reload the entire page. However I fail to see how to get back into my selected tab: $jq.post("submitModules.php",{ module: obj.name,value: obj.value} ,function(data) { if(data=='1') //if submit is succes { window.location.reload(true); //line 1
use external image for ui button
Hello, this is expected to use external icons in the buttons? My question: Can I use external image as an icon of a button. I created several "sprite" with icons with a special CSS class can be used without ui-icon? Exemple with similar class: $( ".demo button:first" ).button({ icons: { primary: "my-icon-locked" }, text: false }) or with icon png $( ".demo button:first" ).button({ icons: { primary: "myicon.png" }, text: false }) Best regards
multiple jquery ui sliders
hi, can anyone help me out of this? i have 2 sliders in a single page. i want to move the 2nd slider automatically when the 1st slider is dragged.
Datepicker - Enable weekend only
Hi, I have searched Google alot, but cannot find a good code for it: How can I enable weekenddays only? My current code is located in a tpl file of Opencart: <?php if ($bookingdate_status) { ?> <link rel="stylesheet" type="text/css" href="./admin/view/javascript/jquery/ui/themes/fsol/ui.all.css" /> <script type="text/javascript" src="./admin/view/javascript/jquery/ui/ui.datepicker.js"></script> <script type="text/javascript"><!-- $(document).ready(function() { $('.bookingdate').datepicker( {dateFormat:
Accordion plugin and div height
Please help me... I use accordion (only one rib) for hiding/showing login form, latest news, etc... For example, If someone does not want to see latest news he can collapse that section by clicking on header. But now i have a problem every section is in its own DIV, i set divs height:auto. but div doesn't expand when i expand accordion. I tried everything but it doesn't seem to work. <div id="leftColumn"> <div id="main"> <h3><a href="#" id="login" >LOGIN</a></h3> <form> <label>E-mail</label><br/>
jQuery Selectable: Select Multiple Fields and label them
I need to replicate a non-digital functionality of our employment application where a student can box in hours in a schedule of when they're available, when they're in class and when they're unavailable. I thought jQuery's Selectable function would be the right trick. Can this be done? What's the easiest way? Here's the image of what I need done: http://campusrec.colostate.edu/images/Upload/workweekSchedule.jpg Thanks!
jquery ui datepicker and tooltip problem
Hi, Im trying to make jquery ui datepicker (show as calendar) working with ui tooltip. Everything is working fine, tooltip is showing until I change the month in calendar. Then tooltip stop to work. I dont know how to solve this problem and I will appreciate any help. Below is my code (I was using this script). Thanks! $(function() { var specialDays = { '2011': { '3': { '10': {tooltip: "Some event", className: "holiday"} }, '4': { '15': {tooltip: "Some another event", className:
Using Tab widget to switch to another website
Dear Community, I am new to jQuery UI and I wanna use the tab widget to create a horizontal navigation bar. As I understood by now, you only can use the tab widget to switch between different divs in the same website. You use #idOfTheDivYouWannaSee in the corresponding link. But instead of switching between the same website, I wanna switch to another URL by clicking a tab item: <div id="tabs> <ul> <li><a href=?modeId=1">Locations</a></li> </ul> </div> Well, as a newbie I am
jquery date picker
I am using jquery ui date picker ,When I place mouse over the next or previous the image vanishes attached is the screen shot , please advice me what am I missing ?
jQuery has DATE PICKER combination, along 3 select boxes
what to do in DATE PICKER to choose more than today date, or after two days than today, date ? May old dates[days] have an "x" to means can not choose? jQuery has DATE PICKER combination, along 3 select boxes [day select drop down...similarly mo, yr]?
weird problem with ui dialog any help please?
hi, iam new to jquey ui, and iam facing a weird problem with the ui dialog.. i created a div to use as a close button and it was working great but after some editing on the design what happened is when i click on the close div or some points of the dialog border the dialog shifts to the right and the div shifts to the left.. i attached a sample.. any help is appreciated .. thank you..
Switch off color gradient within accordion?
I use the accordion with "h6". There is a color gradient from grey to white at the bottom of the content within the accordion-content. How can I switch of the color gradient? How can I define a background-color or background-image within the accordion-content-area?
Datepicker wont change dateformat.
I have this code: $('input.datepicker').not('.hasDatePicker').datepicker({showAnim: "clip", dateformat: "yy-mm-dd"}); But for some reason the dateformat wont change no matter what I change it to. The animation changes though. Im not sure whats going on here.
autocomplete UI: can't select rows with custom HTML
Hi Guys I've overridden the _renderMenu and _renderItem functions in the autocomplete UI based on a suggestion here: Quick example of multi-column results with jQueryUI's new Autocomplete? so I can implement an HTML table showing the autocomplete suggestions. It displays fine, but I can no longer click any rows or even highlight/navigate with the arrows. Can anyone suggest what might ber wrong /missing? $(document).ready(function() { $.ui.autocomplete.prototype._renderMenu = function(ul, items)
jQuery/FilamentGroup menu
I've downloaded and been working with the Filament Group jquery flyout/dropdown menu. The Filament Group web site indicates that their project has been turned over to the jQuery UI project. Searching around here and there on the jQuery sites/forums it appears that this transition has not been completed as of yet. In any case, what I'm trying to do is use the Filament Group flyout menu in a way that will allow me to control the number of items that display when the menu is selected. This corresponds
Changing Attribute on Div is old value on postback
I am using the UI Dialog.... I have the following code: $('#adminDialogButtonOpen').click(function () { $('#adminDialog').dialog("open"); return false; }); $('#adminDialogButtonCancel').click(function () { $('#adminDialog').dialog("close"); return false; }); $(function () { $('#adminDialog').dialog({ autoOpen: false, modal: true, height: 'auto', width: $('#adminDialog').css('width'),
Slider value incorrect?
I'm having trouble implementing a slider. When defining the change and slide events, I set a span's html to the slider's current value, however, the displayed value seems to be one step behind that of the slider. You can try my form out here (the slider is displayed after a job title is chosen). For instance, if you chose Certified Nurse Aide, the slider correctly interprets the min and max values as 11 and 16, as evidenced by showing the specified value (13.5) directly at the center of the slider.
Problem while loading another script
Hello guys I was trying to design a simple tab with show/hide function and some effects i would like to show/hide a single div that retrieves data from another script, it's a twitter script Allthough i have managed it to show and hide the streaming is not visualized Any suggestions? I have tried different techniques even to wrap the div with anther one and handle it with jquery-ui
jquery ui resizable
is it possible to use percents and get percents instead of sizes in pixels for the width and height of a resized box ?
Validation error messages always show in first tab
I'm using jQuery Tabs (3 tabs) with the validation plugin but the error messages always show up within the first tab. What code must I use to have the error messages associated with the selected tab/form? I'm sure it has to be with this code but I'm not sure how to tell it what tab the error is associated with: errorPlacement: function(error, element) { error.insertAfter(element); } Cliffs: 3 tabs with each tab having it's own form. If tab 3 is selected then the error messages
Jquery slider
Hi there, I'm just exploring the use of the jquery slider and am keen to make use of the "disabled" functionality. Basically what I want is if a boolean checkbox is unticked (true) then the slider is disabled and enabled when the checkbox is ticked. I've read and attempted to implement the following (http://jqueryui.com/demos/slider/#option-disabled) to no avail. My code is as follows: <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide:
Disabling CTRL+Click on jQuery UI Selectable
Hey Everyone, I was wondering if there is an option on the jQuery UI Selectable that will let me disable the CTRL+Click, but still keep the draggable for the multiple selection. On my project I want to be able for people to select multiples, but only by dragging, not by ctrl+clicking. If there isn't, does anyone know a way I can achieve this? Any information would be really helpful! :) Thanks!!!
Add custom button to jQuery UI MultiSelect Widge
Hi.I want to put a asp.net button when the dropdownlist checklist container opens.I'am using the jquery ui (dropdownlist checkhlist) There is an example of what i want down here.Any help is appreciated,thanks. (for example there is a button on the downside of the dropdown checklist container.) .
Setting tabs cache option to false not working in IE
I've got a simple page that has a JQueryUI Tabs panel loading content via Ajax. The content source pages are all PHP pages and the content will change frequently so I don't want caching. I've set the cache: false option and it's working perfectly in Chrome and Firefox. However, the tab content is always cached in Internet Explorer 8 and 9. This is for an Intranet-based application and all my clients use IE8. Any suggestions? Thanks, Mat
Dialog Issue: Iframes break in IE9
We ran into a problem with IE9 and IFrames, using Dialog that others are bound to run into. If you have an IFrame inside a Dialog's content, and IE9 is in standards mode, it will break. This is because Dialog moves its content from wherever its rendered in the DOM, to a first-child of the Body tag. This is (nicely) done to avoid z-index stacking order issues that can occur with IE9 (quirks mode), and below. IE8 and IE9 (in standards mode), however, do not have the z-index stacking bug. The problem
Update to jquery-ui 1.5.1
I have a site successfully using jquery-ui 1.8.9 with jquery 1.4.4. I'm using several jquery-ui native widgets such as tabs, datepicker, autocomplete, and several other plugins such as jqgrid, a validation engine, data input mask, etc. I am using the Smoothness jquery-ui theme. I wanted to tweak the theme settings so created a custom theme by editing some of the properties in Smoothness using the jquery-ui theme roller and downloaded to my site. The theme package contained a new jquery version
JQuery UI submit & button style difference
Hi, I use UI for designing my layout, but found that "<input type=submit" button has fewer bottom padding, than "<button>" type, so they looks different side by side. (imagine: Submit - Cancel ) I use the same class for both. When I try to use <button> for submitting, my form doesn't submit, nor validate, so I dont think changing code this way. Maybe I should 'hack' the CSS, but how? I use default Themeroller theme "cupertino". And I don't use any icon inside the buttons. Any suggestion? THANKS
Trigger click event
Hello, I was wondering is there a way to trigger a select event for the menu? My problem is that I have an ajax event bind on a menu item, and I want to call it on document ready. thx
jQuery Accordion
Hi All, Kindly let me know how to provide hyperlinks in the Accordion header, to navigate to some different page. Any help on this will be greatly appreciated. Thanks and Regards, Sameer
Next Page