jQuery UI component initialization syntax
Hi. What is the correct syntax for initizalizing a component using 2 arguments? If I use : $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({arrows : true}, {rangeSplitter : "!"}); only the first argument has any effect, whereas if I use $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({rangeSplitter : "!"});or $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({arrows : true});they work OK. I'm using the daterangepicker from here btw http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/ but
Trigerring jQuery UI slider events
Is there a way to trigger a jQuery UI slider slide event? I have the following code and I'd like to do the same thing in change that's done in slide. var options = { slide : function(e, ui) { // do some stuff }, change : function(e, ui) { ui.trigger("slide"); } }; $("#mySlider").slider(options);
jquery ui dialog 'x' icon problem
I am using jquery ui dialog . When I clicked the button, the dialog was opened. But when I clicked the 'x' icon to close the dialog, the 'x' icon label twinkled,and I can't close the dialog.
datepicker setDate '+1m' work first time only.
Hi Everybody. I've try to define my own links to change the date in datepicker. For example: <a onclick="$('#datepicker').datepicker('setDate','-1y');">Prev Year</a> <a onclick="$('#datepicker').datepicker('setDate','-1m');">Prev Month</a> etc.. It is working well but only first time. When I click the link a second or third times it doesn't change the date. Can someone help me? P.S sorry for my English. Thank you.
Smooth sliding works in 1.2.6, fails in 1.3.2
Hi folks, I'm just learning jquery so please bear with me. Not sure if this should go in the Using or Dev forum. I have a image slider/scroller as you can see here: http://test.kirilisa.com/old.php. This is using jquery 1.2.6 and ui 1.5.2. As you can see, it scrolls smoothly whether you drag the handle or just click somewhere in the slider bar. I implemented the same thing with jquery 1.3.2 and ui 1.7.2 here: http://test.kirilisa.com/ Now, however, though is scrolls smoothly when you drag the handle,
how to upload a slider i created with jquery ? please help
i've created a content slider using jquery ui...and saved it as an html file... i want it t upload into my webpage... but can you tell me how to do it? please..i am very badly in need of help....
$(input).zIndex is not a function
Hi I seem to have this error when using the datepicker. I am using a custom build from the UI website which does have the zIndex() function included in it and i just cant work out what is going wrong... Can someone please help !!
dialog close button not shown
Hi.This is my first time using jquery ui.My question is what can I do to get the close 'X' button shown on dialog.What class should I add and where? I'm sorry if this is a stupid question but i'm in a hury and I just cand find the solution.
Autocomplete 'select' event in IE7
$('input#main_search_input').autocomplete({ source: '/ajax/autocomplete/search.php', minLength: 3, select: function(event, ui) { alert('DEBUG: select event'); if(ui.item.id.substr(0,3) == 'cat') { document.location = '/store/home.php?cat=' + ui.item.id.substr(4); } else { $('form#main_search_form').trigger('submit'); } }, open: function(event, ui) { $('.ui-autocomplete li:nth-child(2n)').addClass('odd'); } }); Using the code above, the alert never gets called in IE 7 when I select a drop down result
Dialog position only correct after first call?
I use the 1.8(rc3) UI plugin in combination with jQ 1.4.2 and i have a page with 3 different modal dialogs. To fullfill the requested redesign of the modal i need a dropshadow underneath the dialog box, which i solve by creating and positioning a box within the .ui-widget-overlay with the shadow image included. My dialogs are set autoOpen: false and when I click my calling anchor, the first time the dialog appears, it places the shadow on the right position but not the dialog. I have to close the
style Jquery UI Dialog button added after init
Hello guys. I'm a little bit stuck trying to figure this one out. I use jquery ui dialog. Dialog is being created on document.ready. I dynamically pass couple options like buttons and title intothe dialog: $("#jquerydialog") .dialog('option', 'title', 'Upload an image') .dialog('option', 'buttons', { 'Create an account': function() { }, 'Close': function() { $(this).dialog('close'); } }) .dialog('open'); And dialog opens up just fine. However: "Create an account" and "close" button entirely
What about keyboard shortcuts on jQuery UI dialog buttons?
I'd like to know if there's a way to configure jQuery UI dialog buttons to have keyboard shortcuts. I'm working on a Section-508-compliant application and need to be able to use keyboard shortcuts. <rant>(In general, I'm a great fan of Section 508 compliance, anyway. Too much of the web is not compliant or easy to use for the differently-abled.)</rant> David Sills
How to download source file for jquery
Hi I am using jquery, jqueryUi and UIdatepicker with redmond css like below in Rails <%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"%> <%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" %> <%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" %> And my code is working as expected except some css for datepicker is missing. My new requirement is, rather
DIALOG - after click delete some data in sql
Hello! I try to write some function with jquery + php and mysql. I have table with data form mysql, in table I have dialog button (I can delete or cancle operation). When I put some data like this : data: "id=22" if I have record with id 22 in database, record is deletet. But I don't know how I can get dynamic id record? Can anybody help me? JQUERY PART <script type="text/javascript"> $(document).ready(function () { // Configuring the delete confirmation dialog $("#dialog-confirm").dialog({
Simulating Autocomplete with Selenium
What's the best way to simulate selecting an item in an autocomplete with Selenium. Firing off a click on the link, doesn't seem to do it. Focus first?
Combine jQuery UI sortable and draggable
I want to combile jQuery sortable and draggable. Each item has three handlers Sort handler Clone handler Remove handler Sorting works fine. Cloning causes some problems, item clones itself but it makes all elements to flicker while dragging, placeholder moves from one position to other with no sense. Other question is, why sort and remove handler works on cloned elements but clone handler doesn't? Take a look at this piece of code. Thanks for any advice. <html> <head> <script type="text/javascript"
Datepicker
I need to implement a date range selector and when start date is selected end datepicker should disable the dates before start date. I tried this by using mindate and I got the selected date by using the method '.datepicker( "getDate" )'. But it is not working. Do I have to set it as the onselectevent of the startdate?
dialog position .obajnequa
Hello, I using jquery-ui 1.8, jquery 1.4 I meet the strange problem: on the some pages .dialog('option','position',[left,right]); does not work, The code for dialog generation almost the same, js console not report any error, but if i change 'position' option it drop dialog to left-top postion (even if i pass real coordinates [400,400] for example). The code is like the following: $j=jQuery.noConflict(); d_id=gen_id(); //return 'Dialog_444_555_45' for example text="test'; text="<div id='"+d_id+"'>"+text+"</div>";
keeping the slider value
Hi I created a slider like the side-scroll slider, but instead of numbers I have years (1990 -2010, it's like a timeline) and each year returns a set of results in a separate div. My question is how can I retain the slider position after the year is clicked on. It currently jumps back to the left (1990). Thanks.
Using tables with Accordion widget
Hi there, I'm fairly new to jQuery and jQuery UI, and I would like to implement the accordion widget on one of my sites. I have used the example published on jqueryui.com and it works fantastically. However, I would like to use a table within each section of the accordion, and if I try, the accordion breaks. Below is an example of my code: <head> <link type="text/css" href="css/custom-theme/jquery-ui-1.8.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
dynamic form
hiI use the Dynamics adding form elements with the method. clone (), bad as this effect as jquery datepicker does not add elements. same one help me please gifted computer
How do I get the size of resizable object?
I have a resizable object. I change its size. Now, how do I get it new dimensions? And what about get the draggable objects positions? Thanks
Autocomplete accents filter
Hello there. I'm currently trying to (just practice for personal use: I'm no real developer) make an autocomplete that takes data from a MySQL database. While I've already got it working with JSON, I tried looking for a string with an accented character ("cráneo"), and it wouldn't work. Is there a way to implement this into Autocomplete? It already isn't case-sensitive, but given the spread of some latin characters (like "áéíóú"), it would be nice if it could do it as well (Google-like). It could
Dialog + Ajax
Trying to add in dialog functionality to our internal system and I just can't get it working quite correctly. Background: Been using Ajax to create "zones" on a page so when you click a link, the data is populated into that zone, and if you click an edit link in that zone, the data is replaced with a form. When you submit the form (via ajax), that zone is refreshed with the updated information (and sometimes other zones are refreshed as well) but the page doesn't refresh. The system has been working
jQuery UI Download Builder/Theme Roller Status
Update: For those of you that were using the ThemeSwitcher on your site we have reenabled the ThemeSwitcher Tool Widget at http://jqueryui.com/themeroller/themeswitchertool/ We are aware of the problems with the Download Builder and ThemeRoller and we apologize for any inconvenience this has caused. We have disabled those components on our web site until the problems with these components can be resolved. In the meantime, we would like to offer these static links for jQuery UI and jQuery UI Themes.
Selectable without reset
I'm try to use 'selectable' on a grid of <li> items to allow a user to specify a weekly timesheet (grid of 24x7). I can almost get the 'selectable' to work for this purpose except that any previous selections the user has made are reset when the user enters some new data. Is it possible to configure 'selectable' to add to the list rather than reset it when the user starts a new selection - i.e. like it does if you hold ctrl button down? If this is possible, is it then possible to 'toggle' elements
Autocomplete population from database
I am quite new to JQuery and I want to use the autocomplete control but I can't find an example where data is being taken from a database to populate the control, preferably via an ActionMethod. Does anybody have a simple example?
Auto-sizing dialog
Has anyone found an effective way of getting a dialog to resize itself automatically to hold arbitrary passed content? I have a function that's an alert replacement, which places passed text inside a span inside a pre element in a dialog. The span itself appears to be the width required to hold its content, but the surrounding pre and several levels of enclosing div limit how much of it actually shows. Any thoughts or prior art? Thanks much,
Dialog: load() updates all items on document.parent()
Hey, not sure if I should post this to the UI or the general forums, but hopefully someone can help me out. I have a php form with mutliple dropdown menus referencing other tables such as State, Community, Township, etc. Also, next to those dropdowns I have a button that when clicked will open a Dialog containing a form to insert a new State, Community, Township, etc. based upon which button was clicked. Once the Dialog is submitted, it closes and kicks off a load() function to refresh the corresponding
Dialog - Defaut x icon missing
jquery-1.4.2 jquery-ui-1.8rc3 Firefox Dialog windows works fine but the "x" default closing icon is missing although the corresponding field is active What happens ?
draggable with WebKit and position:absolute on target
Hi. I seem to be having an issue when using jQuery UI and draggable that I can't seem to find a workaround for - and specifically this problem only seems to manifest itself under WebKit (Safari 4, Chrome 4+). Unfortunately, I am building this mockup for use in Adobe AIR which only uses WebKit, so if I want to use draggable, I have to get it to work (properly) in WebKit. Example mockup for preview: http://www.sspl.org/temp/load.html Note: You may have to press Reload/Refresh a few times to see the
Accordion height adapt to content?
I'm using an accordion and I want each panel to adapt to the height of the content. I'm getting a scrollbar right now. How can I make one panel only big enough to wrap a paragraph and the next big enough to wrap a lengthy unordered list?
Dragging between Dialogs
Hi All, I have two Dialogs with a draggable in one and a droppable target in another, when dragging from the source dialog the "helper" element is only visible within the source dialog, however if the cursor is released over the droppable in the other dialog it is accepted. So how do I make the "helper" visible in the parent window. I've tried changing the "appendTo" on the draggable but this had no affect. Or should I be using a different component, I need the resize (with scrolling) and draggable
cached item in ui sortable? help!
hello everyone, i came across a weird problem today: i created a sortable list of divs. each div has a class="class1" and items is set to 'class1' (see below simplified code). each div has an a href link that calls a function toggleLock. this function replaces class="class1" with class="locked" for that div. for example: <div class="class1" id="2"> will become <div class="locked" id="2"> the problem is: even though #sortable is set to "make" only items with class="class1" sortable, replacing the
Accordion plugin - Making headers link to seperate pages
I actually have two issues I'm having, but I'll start with the first. 1. I'm using the accordion plugin for a sub nav and that sub nav is being generated dynamically, so editing the html is out, but I want it so when you click on the header that drops down the menu it goes to a page. Right now it just is set to work like any accordion, when you click it, it just activates the accordion effect to showcase what's within. For example my accordion has this structure: <div id="accordion"> <p><a
Accordion messing up links inside of lists in IE6/7
I have a sample of the issue up here: http://jsbin.com/ohuze/2 It's an accordion. Within the accordion are lists. Each list has an anchor tag + a question mark. If you view it in IE6 or 7 you'll see the problem: Each of the anchor tags are being rendered in what appears to be display: Block. As such, the question marks aren't inline with the text. In addition, the numbers for each LI are aligning to the BOTTOM of the text rather than the top. I'm completely stumped as to what in jQuery UI is causing
jQuery UI accordion- disable
Hi everyone, I'm pretty new with jQuery, so when it comes to customizing it I find it difficult. I'm using the accordion effect, but I want it to disable it if the content inside the header for the accordion is empty. I think I need to create a conditional statement that says if the content inside the header is empty then disable the accordion. Problem is I don't know how to write it and I tried looking for a solution, but couldn't find it. For instance this is my html code: <div id="accordion">
How to gain reference to the Dialog from Child Page
Here's my scenario: 1) I've got a div on Page A. 2) When an event happens (whatever I define, a click, whatever), I do a div.Dialog, set its properties and open it 3) The data inside is returned from an async .ajax call that grabs the html data from a url and appends it to the div's innerHTML by doing a .html(data) on the dialog, so it's essentially loading a PageB inside the dialog that pops up. My question: In Page B (the content inside this dialog), how do I reference the parent dialog object,
Button() not a function
Downloaded the 1.8 with all options (including buttons). Copied the demo code: <script type="text/javascript"> $(function() { $("button, input:submit, a", ".demo").button(); $("a", ".demo").click(function() { return false; }); }); </script> <div class="demo"> <button>A button element</button> <input type="submit" value="A submit button"/> <a href="#">An anchor</a> </div><!-- End demo --> Using
problem with datepicker
Hellow, I am doing this ---> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> var tipo=""; var fecha=""; var lugar=""; var resp=""; function inicio(){ $('#frm_asistentes').hide(); $('#txt_fecha').datepicker({ dateFormat: 'yy-mm-dd'}); //------------------------- $("#btn_ciclovia").click(function(){ tipo=$("input[id='rb_tipo']:checked").attr('value'); fecha=$('#txt_fecha').attr('value');
Next Page