Change style on auto complete component with combo box
http://jqueryui.com/autocomplete/#combobox I am using the auto complete component with combo box But I don't know how to change the combo box style. eg. size, color...etc How can I change it?
Draggable connect to Sortable (array of Sortables rather than one sortable reference)?
Is it possible to set the connectToSortable to be an array of sortable elements which are not all the same class? element.draggable({ connectToSortable: [".sortableType",".somethingOtherType",".anotherSortableType"], start: function(event, ui){ }, stop: function(event, ui){ } }); I have an element I would like to be able to drag into multiple locations where each location is made up of different things. I have tried using
Is it possible to rename and order the table columns?
I am truly to have to come back here again today. I have googled all day looking for solutions but came up empty. The code below was generously provided by Godsbest. $("#example").on("click", "a[target='tab']", function(){ var me = $(this); var url = me.attr("href"); var tabName = me.data("tabName"); var tabIndex = parseInt(me.data("tabIndex"), 10); $.get(url, function(data) { var table = $( '<table cellpadding="4" width="100%" cellspacing="0" />' ), tr = $( '<tr/>' ), td
Autocomplete source
Hi, I am struggling with the source option in autocomplete. The source data arrives as XML so I trying to reformat the data into an array of objects on success but the response callback does not work for me. In the code below, the first function for source does the correct server request and the array produced by jQuery.ajax.success is in the correct form AFAIK. jQuery("input[name='cod']").autocomplete({ source: function(req, response) { jQuery.ajax({
Forms in ui Dialog
I have a standard form which uses .php to process. I have put this inside a modal window. It loads ok and displays fine following all the css rules. However, I can not select any of the fields / buttons or type in any of the fields. I would rather get this form to work than have to rewrite it all again. How do I get the already created and working form to work in this window or do I have to recreate the form using the dialog widget?
Show Tooltip after page load
Hello Team, I would like to have your help. I am trying to show the tooltip after page load but I cant. I use $( "#absenden" ).tooltip("open"); but nothing happens. Could you please help me ? Thanks in advance
Problem with jquery and internet explorer
Hello, I'm developing a web application and I'm having some problems with internet explorer. I'm using the jquery dialog and in my localhost the application is working perfectly, but when I run it in IIS works fine in all browsers except internet explorer. I have internet explorer 11 version. I'm using asp.net. The script section is: <link href="~/Estilos/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css" /> <link href="~/Estilos/estilos.css" rel="stylesheet" type="text/css"
jquery tabs and html applications (.hta)
Hi All, I'm new to jquery and jquery ui. I've been trying the tabs example (http://jqueryui.com/tabs/). This works fine in IE but if I try to put the same code in an html application (.hta file), the tabs layout and styles are all wrong ... any suggestions on whether jquery UI works in html application files ?
Jquery sortable + clone
Hi All, There are two ul list (list A & list B). I would like to develop and drag function so that users can drag the items in list A to list B and vice versa. However, after the items is dragged, it will be disappear in the original list. How can I keep the original item in the original list? Below are my codes <ul id="sortable4" class="connected sortable list1"> <li>Item 1 <li>Item 2 <li>Item 3 <li>Item 4 <li>Item 5 <li>Item 6 </ul> <ul id="sortable5" class="connected sortable
jQuery UI tooltip
Hi. I am using the Tooltip feature of the jQuery UI plug-in and basically it is great. The thing is that the code adds an HTML element, representing the popup element, right after (in DOM structure) the element on which the popup should appear. This element is removed from the DOM upon popup hiding. Usually, I guess this wouldn't be an issue, but in the case of my application, it causes a problem. How do I set this temporarily added element to be appended to the end of the HTML body (right before
Jssor SlideShow Default Image
Hi, I am using jssor slideshow and everything is working fine. I just have one question.. looking at the below code, how can I set a default image when no images populated from the database? I want when no images populated then to show logobanner.png image here is the jquery: //Reference http://www.jssor.com/development/slider-with-caption.html //Reference http://www.jssor.com/development/reference-ui-definition.html#captiondefinition //Reference http://www.jssor.com/development/tool-caption-transition-viewer.html
Using Slider in EdgeAnimate to control an animated symbol's timeline
Hey, I am using Adobe Edge Animate to create an interactive app. I have trawled through posts and posts on various forums and nothing I have found actually seems to do what I need. What I have is a symbol, ("PAN"), which contains 3 layers animated to create a parallax effect from it's extreme right position at 0ms to it's extreme left position at 1000ms. I have it set in compositionReady to hold at 500ms (the mid point of the pan). It does not autoplay. What I want to do is drag that pan left or
Need to know the Latest JQuerys for: jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js
Hello, I am needing to upgrade JQuerys for jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js I wondered what is the most stable and recent build of these two JQueries and where I can get them? Also I wondered I noticed there was some other files included in a Java Project, such as jquery-1.11.0.min.map and I wondered what the deal is with that. Thanks, Michele
Problems using $.ajax when creating a wigdet
Hi I'm trying to create a widget, and at somepoint I need to make an ajax request using $.ajax. The problem is that I can't access the options variables in the ajax .done event. What I'm doing wrong? Here is a simplified version of the code. I'm getting Cannot set property 'data' of undefined in line 25. If I try to work the variables outside the ajax function everything works fine. Thank you $(function(){ $.widget("custom.imagesManager",{ options:{ url:'test.php', post_data:0, data:null; }, _create:
Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
Hi Friends, I'm using dialog in asp.net mvc4 and jQuery 1.10.2. When I click a button I'm calling this function. But it shows the error. "Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' " Source: ====== 1) This code belongs to client side. callUploadDialog = function () { var url = '@Url.Action("PartialUploadFilePopup", "Case")'; var title = 'MdAgree - Upload patient consent form'; InitializeUploadDialog($("#UploadDialogDiv"),
tabindex for dialogs
I am using several jquery dialogs on one page (using static divs). Each one generally has one or more input fields, a couple of buttons (defined through the dialog API), and the close 'X' button. I notice that the default tab index differs from browser to browser. FireFox is the only one that correctly uses the order that I want; that is, when the dialog div is opened, it starts with the first input field and follows the order defined on the page, ending with the 'X' close button, then looping around
focus next autocomplete input by ENTER key
Good day to everyone, I'm trying to set up focus on next autocomplete input field by pressing ENTER or NUM ENTER keys on previous one. Had found this code in ''jquery-ui.js'' case keyCode.ENTER: if ( this.menu.active ) { suppressKeyPress = true; event.preventDefault(); this.menu.select( event ); } break; case keyCode.NUMPAD_ENTER: // when menu is open and has focus if ( this.menu.active ) { // #6055 - Opera still allows the keypress to occur // which causes forms to submit suppressKeyPress = true;
Autocomplete ALMOST working on bootstrap theme
Hi everybody i'm ripping my head out over integrating jquery UI in a bootstrap theme. i simply want to use the Input elements of jquery UI in some places. all the elements i need are working, but not the dropdown/autocomplete http://codepage.net/test3/?page_id=2 the dropdown button is missing. otherwise it seems to working fine. removing the bootstrap.min.js' on the bottom of the page gets rid of the problem (of course, that's no solution). any idea on how to get this control working? it seems
Jquery Ui Widget dialog with wicket
Hi, I am using wicket message dialog box, which is a jquery ui widget dialog. I want to close the dialog box , when user clicks on "confirm button. Even if the operation takes time, the dialog box must close. When I press "Cancel" dialog box closes immedialtely, but when I click "confirm", and the operation takes longer , then the dialog box is still open. I don't want this behanvior, I am doing something like this: final MessageDialogAjaxBehavior confirmDialog = new MessageDialogAjaxBehavior("confirmDialog",
jQuery Conditional Statement Question
What am I doing wrong? I have a div that I want to show based on what the user selects on a previous page. The values are being passed from page to page using PHP. The div is still hidden even when the user selects "Yes" option. jQuery(document).ready(function(){ jQuery('#GoBack').click(function(){ parent.history.back(); return false; }); //var t = '<?php echo $TransferOwnership; ?>'; //if (t == "Yes") jQuery('#NewOwnerInfo').show(); //else jQuery('#NewOwnerInfo').hide();
How to use external variables or functions in jquery?
How to call a function of another js file in a js file? How to access mysql in a js function? How to pass the variables from php to a js function? Please state the procedures clearly or share some related links, thank you.
problem in uncheck the checkbox
Hi I have check all under that multiple check boxes, my requirement is while select the check all , all the check box should be selected, and if any one check box is unchecked then checkAll should be unchecked. first part is working fine i getting problem in second part. can any body help me , code is as below: <th><input type="checkbox" id="selectall"></th> '<input type="checkbox" class="notificationSentChk" value="'value1'"/>'; function registerCheckBox() { /// this part is working fine $("#selectall").off("click");
datapicker doesn't work! what's the problem?
I copy the code from the web,why it can not show the calendar? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Default functionality</title> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.css"> <script src="jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script> <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script> <link rel="stylesheet" href="jquery-ui-1.10.4.custom/development-bundle/demos/demos.css">
jQuery UI Themes with Asp.net button control
Hi, I'm using the jQuery UI Themes with ASP.NET specifically the modal popup. My question I have two asp.net buttons runat=server within the form elements, The events are not firing the button click event when clicking the button, why not? How can I integrate the themes. It just make UI development easier but this appears to be a roadblock. Any help would be appreciated. Scenario, I created a login.aspx page have two links register|| forgot password, when the user clicks on either link the jQuery
Why my Autocomplate not work in Dialog?
I have dialog that contain autocomplate. <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" type="text/javascript"></script> <style type="text/css"> label, input { display: block;
Jquery sortable question
Good day everyone, this is my first post here as i'm sure yall can tell. I am a jquery....... well a dummy. I need a little bit of help I am attempting to create a page with multiple sortable lists on it and I want to be able to sort from one list to another (this is working fine with the connectWith: ".connectedSortable"). My problem is when I want to write the results to a db, I am not sure how to get 2 pieces of data the first is which list is it in, the second is the order number. I'm attaching
Problem with multiple datepickers with same ID
This is same as https://forum.jquery.com/topic/problem-with-multiple-datepickers-with-same-id I've the control using datepicker on one of the dialogs. This dialog uses Something.cshtml. On this page, there is a provision to add child which is of same type. So, the dialog on the parent dialog also uses the same cshtml, as a result of which the id for the input is same. Now, when I select a date on the child dialog, it actually sets date on the parent dialog. I've tried things like specifying the form
Using jquery tabs and changing languages with a blank tab
I am using jquery to create a menu with switching of language between Chinese and English. The tabs in the menu work well, however, there should be nothing in the language tab. It should only switch languages and keep the contain of the current active tab. I have tried many methods but still cannot achieve that I want. For example, click(), tabs("active"), tabs("option", "selected"). I cannot find any example about using jquery tabs and changing languages with a blank tab. Would anyone be kind to
Image not showing on dynamically generated Datepicker
I have an app where I'm creating deadlines, which can be either text or dates, so I have a hidden datepicker with the image, then capture that and save it to a text field. Everything works except when I create a new field on the fly. At that point, the image never shows up. I've tried using the datepicker("refresh") method and it still doesn't work. What am I missing and/or what do I need to do to get this to run? Pertinent code is: (NOTE: Body is XSLT) $(".addDeadline").click(function(evt) { var
draggable not working anymore after clone destroyed
Amateur question for sure but I can't figure it out: Every time I let go of the clone, I am unable from that point on to drag the original div anymore. $(document).ready(function() { $('#dragMe').draggable({ containment: 'parent', cursor: 'move', //snap: 'true', helper: 'clone', drag: dragEventHandler, stop: stopEventHandler, }); function dragEventHandler(e,u) {} function stopEventHandler(event, ui) { var offsetX = parseInt(ui.offset.left); var offsetY = parseInt(ui.offset.top); alert("stopped at\n\n
datepicker and two year dates with asp.net validators don't work in asp.net 3.5
The datepicker and the Asp.Net validators have errors in .Net 3.5. In I.E. you get the javascript message: "Error: Unable to get value of the property 'length': object is null or undefined" when the text box loses focus. In Chrome and Firefox it simply does not work. There is a common workaround on the internet to add a select method, but it does not work. Suggested workaround id to add an empty onSelect handler. onSelect: function () { } ref: https://code.google.com/p/jquery-datepicker/issues/detail?id=56
bootstrap button group
Hi I have a button bootstrap button group: <div id="cwEmailNotGrp" class="btn-group" data-toggle="buttons-radio"> <button id="_onNotification" type="button" class="btn css_CWEmailNotifyBtn"><span class="css_CWEmailNotifyBtnTxt">ON</span></button> <button id="_offNotification" type="button" class="btn css_CWEmailNotifyBtn"><spanclass="css_CWEmailNotifyBtnTxt">OFF</span></button> </div> and some js script to handle clicked event on the buttons like: this._onOnNotificationButtonClicked = function (sender)
resize with vertical scroll bar in div
Hi All, I have a divs where i applied jquery resize in all directions (n,e,s,w,ne,se,sw,nw), resize cursor is not showing for east direction in IE, when there is vertical scroll bar in div. But this works fine in firefox. sample fiddle is here. http://jsfiddle.net/NTy6H/11/ Regards, M.Seenuvasan
How to address the activated tooltip?
Hello, I'm looking for a way to address the shown tooltip on the open-event. $(document).tooltip({ open: function(event, ui){ $(WHATEVER).css("color","red"); // for example }}); Actually I want to store the last shown tooltip in a global variable to address it from another function. I tried it with "this" and "event.target", but it doesn't really work. Any suggentions? Ciao hasenpfote
What is $ in function($) mean???
I am very new to jquery-ui and am trying to follow the examples in the book Jquery UI 1.8 The User Interface Library for Jquery. I don't understand the $ and jquery as in: <script> (function($) { // the $ ? $("#myDialog").dialog(); }) jquery; // jquery ? </script} nor what the ()'s surrounding the function are supposed to do. I removed the $ and Jquery and the code doesn't work. Thanks for any help in explaining
Jquery method and a function
What is the difference between a method and a function
Tab activate on Menu item select
$(function() { $( "#menuA" ).menu(); $( "#menuB" ).menu(); $( "#tabs" ).tabs(); }); <div id="tabs"> <ul> <li><a href="#tabs-1">A</a></li> <li><a href="#tabs-2">B</a></li> </ul> <div id="tabs-1"> <ul id="menuA"> <li><a href="a1.html">A1</a></li> <li><a href="a2.html">A2</a></li> </ul> </div> <div id="tabs-2"> <ul id="menuB"> <li><a href="b1.html">B1</a></li>
Tabs widget, make divs inside each tab scrollable?
I'm using the Tabs feature in my web app, and I'd like to be able to keep the tabs visible when scrolling through the content in each tab. At present, if I set overflow-y: auto to the container div, it allows me to scroll that container (and the tabs with it), meaning that the tabs will disappear as I scroll down the page. I'd like to have each container div scrollable instead. How can I do this? The problem seems to be that the child divs can bloat up the parent div. See what I mean This fiddle
jQuery UI connected list and PHP/Mysql
I'm using the jQuery UI sortable with connected list. This is what I want to do: I want to have two lists. When I drag something from the right to the left it will give me the items in the left side with the order, it WONT give me the items in the right side. When I move something from the left to the right, it will only give me the 1 item that I moved to the right. This is what I have right now: http://jsfiddle.net/raygo/k9LRR/ My current code: <script> $(function() { $( "#sortable1,
How to connect “draggable” and “sortable” in jQuery?
I'm trying to figure out how to connect draggable to sortable in jQuery. I also want the dragged div to snap to the other divs. Here is an example of what I want the jQuery to do: <div id="yes">Drag me and you'll be able to drop divs into me.</div> <div id="no">Drag me but you won't be able to drop divs into me.</div> <div id="main"> </div>After dragging the div with the id of "yes", the code will be like this: <div id="yes">Drag me and you'll be able to drop divs into me.</div> <div id="no">Drag
Next Page