curCSS bug fix
I recently got an error message relating to curCSS; after searching a bit, I see that this is now deprecated in jquery and I should upgrade jqueryUI. Unfortunately, I have somewhat of a patchwork version that includes different versions of some modules (like the effects core) that only work with certain plug-ins I'm using. It took me awhile to finally get it all working together and I hesitate to do a blanket UI upgrade. My question is whether it would work to simply find/replace every instance
[AutoComplete] multiple values - suggestions on click?
Hello everyone, loving jQuery, loving jQuery UI, loving the community around it all. :) Just wanted to state that for the record first. I have a rather simple question, unfortunately I seem to be unable to find the solution to my specific problem. Currently I am using the awesome Autocomplete Widget in the "multiple values"-variation (link). My code generating the appropriate script looks something like this: foreach ($terms as $key=>$term) { echo " <script> $(function() {
Only .live() works in dialog loaded via Ajax
I am mindful that live() is depracated and is being dropped altogether in JQuery 1.9 However, my projects load a lot of forms via Ajax into dialogs, using Jquery 1.8.0 and Jquery UI 1.8.23 displaying associated data and dynamically changing the content, including selection options dependent on other selections. I do that with .live("click",function(){ etc. My calls are to php scripts with sometimes complex MySQL queries so embedding them in the page isn't possible. I have tried to replace the 'live'
jQuery UI 1.9.2 , Accordion and Navigation
Hello, My issue is, Accordion was supporting Navigation method/attribute which help use to open new header after you click on sub section eg:- Vertical Menu Example ------------------------------------------- 1st Header is Default Setting (Header) Web setting (Sub section) Web password (Sub section) Web menu (Sub section) 2nd hader Post(Header) Web Post (Sub section) Edit Post (Sub section) View Post (Sub section) Delete Post (Sub section) Now by default you can able to see the complete list of 1st
save themeroller created design in database
Hey All, I create / modify a theme with themeroller and copy ThemeParams string from url to save my design. I like to save the string in database and generate CSS for my CRM. Its possible to generate CSS from these string, like on http://jqueryui.com/themeroller? Kind Regards Ronny
show datepicker in inlineedit
i am trying to show datepicker in inlineedit bu i can not codes are following <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> <?php include('db.php'); echo '<link rel="stylesheet" type="text/css"
Accordian collapse all when page loads
I have found the nice feature of being able to collapse all the accordian divs when you click on the currently open div. Is it possible to default the accordian to have all divs closed when the page loads? I am very new to jQuery so any help would be appreciated. If you need any more information or code please just ask but the code I am using is the exact same as the example on the jQueryUI page. Cheers
Slide fade transition
Have a question on the slidefade transition. 1. Does the transition work on a destination page that is not in the same domain? For example, you want to use the transition to facebook.com. 2. What's the best way to insert a Go Back button on the external page? For example, I want the user to click a Go back button so they can return back to the origin page. I am guessing this is done in an iframe? Thanks Joe V
jquery autocomplete not clearing choices?
I was just playing around with jquery autocomplete. I've set the minimum length to 3. if I typed in the letters "sci" it would then get all records that has the letters "sci" in the title. This part is **working** correctly as all records with the letters "sci" are returned and displayed. But if say I continue typing (after a pause of course. at this point I typed "scisdfgdsfsd"), it still displays the previous choices. There are certainly no records with titles using the letters "scisdfgdsfsd" in
JQuery UI Dialog Scrollbars not Showing on Internet Explorer 8
Hello to everyone. I have a modal dialog set on an iframe using JQuery UI showing a separate page. When the page content height is bigger than the dialog height the scrollbars kind of show up in Firefox although a bit far to the right, when I use Internet Explorer 8 or Chrome they do not show tho. My code goes as follows: Libraries caller code: <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
Open link in a dialog Window
Hello guys, I wold like to know if it's possible open a link (website) in a dialog Window. Thanks a lot Francesco
Disabling jqueryui on a form / bad practice js input color
Hi, I suppose this is both a question and feedback / idea. Here it goes: "Specs", I'm using - jquery 1.8.0 - livequery - jqueryUI 1.10.0 via google servers and tried via your servers - twitter bootstrap I'm using jqueryui for my search suggestions which works well, I'm using a dark theme there black background and grayish text there. I also have an contact (email) form on the site. I've noticed that jquery-ui.js then also makes my contact form have light grey color. Since this contact form has white
Unclear JavaScript in jQueryt-UI
Can someone explain the JavaScript below that came from the beginning of the jQuery-UI at http://code.google.com/p/jquery-ui/source/browse/trunk/ui/jquery.effects.core.js?r=3751 ? Thanks, Steve
Dialog bug in version 1.10.0 ?
Hi i would like to know what is the expected result, as it as changed from 1.9.2 1. create dialog 2. inject html via ajax (don't think the source matters, put something in the dialog) 3. destroy the dialog: $(this).dialog("destroy"); 1.10.0 removes the dialog 1.9.2 removes the dialog and makes the containing element invisible/display:none; So basically it looks very odd that you now have whatever was put in the dialog appearing on the screen! appended to the bottom, creating a scroll-bar....
save Design in Database
I like to create a Theme and save it in Database. My Idea is to save only the ThemeParams-String from http://jqueryui.com/themeroller/ Its possible to use ThemeParams-String to show my design (like on http://jqueryui.com/themeroller/)? Or, can I generate CSS from ThemeParams-String? Thanks Rdg Ronny (from Germay)
Autocomplete widget - not triggering onchange
Hi, First of all, I apologize if I've posted this in the wrong forum. If so, could a moderator please move it. Now to my dilemma. I am trying to develop a textbox and a dropdown, where the value of the textbox is dependent on the option selected from the dropdown. For the dropdown I wanted to use the autocomplete feature and found a widget that does it (from here: Link) For the textbox dependency I am using Javascript. The problem I face is that when using the autocomplete widget, on selecting an
jquery-ui stacking draggables reset z-index when dragged
I have some draggable, stacking divs (jsfiddle here): $( ".plugin" ).draggable({cursor: "move", opacity: 0.9, stack: ".plugin", scroll: true}); When I drag one of the divs, its z-index is reset to 1 (and incremented each time I send it to the top, because of the stack option). Instead, I want the z-index to start from 200 (the original z-indexvalue for the .plugin divs) and be incremented from that value. Jquery-ui 1.7 had a min parameter for the stack option. In Jquery-ui 1.9.2 to 1.10 (the versions
Animating background-color alpha channel: Firefox problem
I've created a script which toggles the alpha channel of an element's background-color: $('.button').click(function() { var bgcolor = $.Color($(this), 'background-color'); var opac = bgcolor.alpha(); opac = +!opac; bgcolor = bgcolor.alpha(opac); $(this).animate({backgroundColor: bgcolor}, 100); });However, I have discovered that when the alpha channel is zero, the computed style Firefox returns is the string "transparent" not the full RGBA value. Consequently, the returned
Transparent background image + color
I notice than themeroller uses different images for each texture/color combination (e.g. bg-glass-ff0000, bg-glass-00ff00, etc.) Isn't it possible to use a background-image with an alpha channel and the background-color attribute to accomplish the same thing? Is there a reason why it is not done that way? Thanks.
iframe inside jquery dialog reloads content every time another dialog get focus
After upgrading to UI 1.10 I got the problem of reloading my iframe contents inside dialogs. I have multiple dialogs in the page and by clicking each one the other dialogs will reload their iframe contents. In jquery.ui.dialog.js, moveToTop function calls insertBefore on other dialogs that cuased the iframe reload problem: _moveToTop: function( event, silent ) { var moved = !!this.uiDialog.nextAll(":visible").insertBefore( this.uiDialog ).length; if ( moved && !silent ) { this._trigger( "focus",
Set dialog width according to browser width.
I just set the width property as width: ($(window).width()*0.9), resizable: true, and it worked .. but when I re-size browser I don't get resized dialog, it shows the same size.. not even adding scrolbar. How to set that dialog property?
Spinner value not updated?
Hi, I'm using spinner widget for the first time. I have a number of text fields width numerical value. For every input field I have a spinner. Everething work fine when I submit the form, but I have a strange behaviour when looking in the source code with firebug: <input type="text" value="12" name="prop[70]" class="size ui-spinner-input" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13" autocomplete="off" role="spinbutton"> A the time I'm looking at my code, I can see in the text field the
Create and Delete Draggable boxes
Hello, I have been using jQuery UI for a bit for my project at university. I am building a web toolkit using draggable and droppable widgets, however, what has stumped me is how to create and remove dynamic draggable widgets. Could someone give me an insight of how to go about this? I am using #draggable as my id and ui-widget-content as my class for the dynamically created divs that I wish to insert and remove. Thanks, William
Date Formatting on DatePicker
Hi Guys, I'm having a problem when formatting date using a datepicker. I'm using this codes below: $("#datepicker").datepicker({ dateFormat: "MMM dd,yyyy" }); and here's what happens: Please help me. Thanks!
Able to choose only one day a week in datepicker?
Good morning! I looked at various forums, but got no success. I wonder if it is possible to "datepicker" remain available to choose dates only one day of the week, eg. Wednesday. Thanks
JQuery Menu - For table row popups
I'm trying avoid using extra plugins and only use JQuery UI Menu for table row popups triggered on right click. Also the table may have thousands of rows. Is there a way to do this with just the new Menu control that is built into JQuery UI? Any recommendations?
Jquery ui is not working in Android mobile.
Hello, I have a jquery ui accordion in my asp.net website and it works on desktop browsers so well but when I decided to test it on android I saw not only jquery animation is not working but also css file is not considered too. I thought it is because I didn't used mobile jquery. Even I used the library mobile jquery but it is not still working on android mobile and BlackBerry. I really feel frustrated because I have designed this for my company and I can not redesign it because it is a big project.
Muliple JQuery UI Modals Not working
Hi, I have a page with two links that open two different modals, the "forgotten password" link opens the "forgotten password" modal and the "tell-a-friend" link opens the "tell-a-friend" modal. Both modals contain forms that can be submitted. The problem is if I open the first modal and submit it or close it, I cannot submit the second modal. I can open the second modal, but I cannot submit it. Please advise what the problem could be! Here below is the javascript code that resides in separate javascript
Problem with UI Dialog - model form. It submits a form automaticly
Hi guys I have been working on this for 2 days now and I am almost done but i have a small issue. so i have 2 forms as the following structure <form action=" this page " method="post"> <button id="add-driver">Add a driver</button> <!-- this button should open the dialog only --> <input type="submit" value="add" /> </form> <form id="dialog"> </form> so the problem that i am having is that when i press the add-driver button the dialog opens with the form. but it also submits the first form! so the
How to set tabindex of a jQuery UI Tabs Control
I want to be able to use the tab key to tab to the jQuery UI Tabs Control, but I do not see where I can set its TabIndex. I see other posts about about the Index of the Tabs within the UI Tabs Control but I am refering to the overall TabIndex of the Control itself (within the page). Thank you.
Pasrsing JSON data for autocomplete
Hi, Referring to the below code, i want to autocomplete on text box with id name with data as the source. For the autocomplete Label should be displayName and value should be uid.After selecting one of the value corresponfing email id should be populated in the emailid text field. I am not able to achieve this.Please help <input type="text" id="name"> <input type="text" id="emailid"> var data={"users":[ {"uid":"123","displayName":"User 123","mail":"123@example.com"}, {"uid":"456","displayName":"User
IE NOT WORKING file(0)...
Hi Friends, IE NOT WORKING file(0)... Am using ajsx call file upload IE not working? If any other method code include or solution? var connectorJarFile = document.getElementById("conncetorJar").files[0]; var formdata = new FormData(); formdata.append("conncetorJar", connectorJarFile); var xhr = new XMLHttpRequest(); xhr.open("POST","/fxp/ajax/AdminIlantusAppAddStepOne", true); xhr.send(formdata); }
Can't change/disable Draggable Containment after setting to parent
MAY have actually found a bug here... $(targetObject).draggable({ drag: function (e, ui) { $("#rptSlideLayerEdits_ctl0" + layernum + "_tbXPos").val(theLeft); $("#rptSlideLayerEdits_ctl0" + layernum + "_tbYPos").val(theTop); }, stop: function (e, ui) { saveLayer(currentLayerNumber); }, containment: "parent" });So, this is the code that sets up the draggable. I have a little lock icon, when you click it, it runs this
drag drop with mysql database
I'm working on drag and drop and store id number in database, i just finished that and works great but the problem is that is NOT WORKING IN IE 8 or 9. The problem is that in IE is not allow me to drag or move around that the problem that i can't figure out how to solve this, and rest of browser are works fine. here is jquery code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
$("#article_wrapper").html(result); is not working in Internet Explorer
I need to display a content on the site. when iam trying to $("#article_wrapper").html(result); method its not working in IE8. i tried with document.getElementByID("article_wrapper") = result; and inner HTMl as well and also i tried with $("#article_wrapper").empty().html(result);but also its not working. Main probem in this implementation is, not able to get much amount of data. Please help me on this... Mozilla and crome its working fine: www.belk.com/AST/Boutiques/Boutiques_Primary/wk24_Collegiate.jsp?cm_sp=PROMO-_-Collegiate_Banner-_-BannerTop_shopCollegiate#
SharePoint calendar control field as Read-Only SharePoint list NewForm
Hi, I'm using the below script to make DateTimeColumn as read only. It's working fine in firefox & not in IE9. Calendar icon onclick is not working in IE for date selection. <script type="text/javascript" src="../../SiteAssets/jquery-1.9.0.js" /> <script> $(document).ready(function () { $('input[title="DateTimeColumn"]').attr("disabled","disabled"); }); </script>
Change Accordion Default First Element Open
Hello, Forum; I'm using one of the Accordion UI widgets and am wanting to change the default setting that the first element in the stack is always open when the page loads. I'd like for all elements to be closed onLoad. Not sure where to find & effect the control for that, though. Any help would be appreciated. Thanks. Cayce
Readonly form in ui tabs
Hello, I'm having trouble with the ui tabs widget. I have 2 tabs, one has a form inside of it. The problem is that the form fields seem to be readonly. I tried preloading the form on the tab and loading it via ajax but either way the form fields are rendered readonly. What can be the cause?
Dialog scrolls to href link
I'm having an issue that when I add just a normal <a href> link, and my dialog window has scrollbars, and the link is at the bottom, it seems like it is scrolling down to that link or maybe focusing that link when the dialog box shows. Can anyone explain this or show me how to make it not do that? <script> $(document).ready(function() { $("#exampledialog").dialog({ autoOpen: false, resizable: false, height: 400, width: 700, modal: true, draggable: false, buttons: { Ok:
Dialog Close Button appearance from 1.9.1 to 1.10.0
Version 1.9.1: Version 1.10.0: I'm thinking it has something to do with the new autofocus but I can't figure out how to get it to change back.... Using the Redmond theme....
Next Page