Cannot get Dialogs to work
I am finializing a large project and I am to the UI part and the first thing is I after I get all my scripts rendering in order is click on the link for the dialog box to open and the $('.myDialog').dialog does not work any longer. I get any error that states that there is no object named dialog. Now when I am in dev mode in the scripts i can do a $('.myDialog).dialog and the function dialog is not in the list of items to choose from. What am i missing? I am currently using jquery 3.1.0.js Can someone
Autocomlete Widget populate inputs after selection
HI, PHP / MySQL / CodeIgniter I have a working Autocomplete Widget that grabs suggestions from a MySQL .db: Controller: public function getorganizers() { if (isset($_GET['term'])){ $q = strtolower($_GET['term']); $this->eldata->AutoCompleteOrgs($q); } } Model: $row_set = array(); $this->db->select('Organization, OrgNo, Postal_Code, Website_URL'); $this->db->like('Organization', $term, 'both'); $query = $this->db->get('event_organizers'); if($query->num_rows() > 0){ foreach
Vertical tabs - Data table showing below - not next to as I need.
Hi, I have a page that uses the jQuery tabs and each tab is a link to another tabs page (ie: <li><a href="<c:url value='/tabs/homeTab' />" title="Home">Home</a></li>). My problem is the home tab (and all others is under the vertical tabs not next to it which I need. Any help is appreciated! Jerry Wolfson
Fetch year from Jquery DatePicker
Dear All, Can any one help me in knowing how to fetch the year from Jquery selected Date Picker Thanks SAM
sql db to dialog window
Hi guys! I am new. I have a table in jqueryUI dialog window. How can i getting data from sql database to table cells? I failed with ajax =\ When open-event of modal dialog_window i try to get one row from sql db where id = var from another_element (var is passed successfully here, I checked). $("#dialog_window").dialog({ open: function() { var id = $("#another_element").data('id'); $.ajax({ type: 'POST', url: 'response.php', data: id, success: function(data) { alert(data['F']); //try to show one
Autocomplete scrolling in IE
The demo on this page http://jqueryui.com/autocomplete/#maxheight does not work for me in IE. I am having the same problem in my app. When I click the down arrow a couple times, it just ends up scrolling back to the top.
Mouse over on autocomplete textbox dropdown causes to hide the div.
Hi I'm using a jquery autocomplete textbox. It working perfectly expect only in one case. I've a <div> tag and it show on the mouse over of a link and hide when the mouse out of that div. That div tag contains a autocomplete textbox. Autocomplete textbox will dropdown the records according to my keypress. But when I mouse over an item in that drop down list, the entair div tag will hide. My aim is not to hide my div on mouse over of that drop down. Below the image. Thanks in advance Bobbin Paulose
option HeightStyle for accordion
Hello, in my accordion I don't manage to change the option HeightStyle .. I would like a "content" behavior ( the height of the accordion must be as tall its content) but it is still the height of the taller one. my example is there : http://perso.univ-mlv.fr/larrieu/bib/test.html thanks. mloiz
datepicker - grey out 3 days after the current day
Hi, I am using jQuery date picker. What I would like to do is to grey out 3 days after the present day (not other day selected). I am wanting to do this on a specific page, so don't want to modify my actual datepicker files, so would need to either include some code on the page or include it externally. Does anyone know how I would do this? Thanks!
unable to open a jquery datapicker when used in a user control
i have a content page. added the below jquery files <link rel="Stylesheet" href="Styles/CSS3.css" type="text/css" /> <link rel="stylesheet" href="Styles/themes-smoothness-jquery-ui-v1.10.3.css" /> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script> <script type="text/javascript" src="Scripts/jquery-ui-1.10.3.js"></script> and user control is added within update panel in the content page. <div id="dialogpeventvalidate" style="visibility: hidden" > <asp:UpdatePanel
How to change the text of <li> element in html dynamically without flickering of tabs.?
Hi All, I want to create 6 tabs in html(2 static and 4 dynamic based on strings read from Javascript server). I created 2 static tabs and 4 dynamic tabs(these are dummy tabs now, as I gave them an arbitary name and hide it). Now, I am using jquery to wait for the appropriate string to be returned by my Javascript server to change the tabs name to that particular string. Here is the code snippet for 1 dynamic tab: My Html code : <ul id="myList"> <li class="active" id="welcome"><a href="index.html"><span>Welcome</span></a></li>
is draggable widget deprecated?
It says (version deprecated: 1.12) on the page. So what does that mean? Am I supposed to do it some other way? I don't want to spend time learning something that is deprecated. I'd like to drag text inside a textbox to another textbox. Simple enough it seems, but yet I can find no way to do it. I see all these silly examples of dragging a picture into a div. Who does that? I could use some real world examples.
checkbox within widget-content
I am using a jquery-ui checkbox within a container that has class ui-widget-content on it. This is causing the ".ui-widget-content .ui-state-hover" css rule that defines the background property to override the .ui-icon-check rule that defines the correct background-position for the checkbox image. I believe this is because it is more specific. The result is that a checkbox within a widget shows the wrong image. How should I handle this? Here is a jsfiddle example. In the second div where I have the
Using multiple date range pickers on same page
Hello! I'm using the JQuery datepicker with date range. So I have two input fields with a from-date och a to-date. The problem is I can only have one pair. I want to have several date pickers on the same page. How can I do that? Thanks in advance!
Datepicker - Select a Date Range
Seems simple enough but not able to do it. Datepicker - Select a Date Range - From Field click a date and then To Field should auto populate to next day eg. From Oct 15, automatically To should go to Oct 16. Thanks in advance Pete
Tab navigation freezes other tabs if going forward but not backwards
We have a large web page with 15 tabs. 4 tabs were recently added. Some of the tabs have a page of data appear when selected. The new tabs have forms that when filled in use an AJAX call to get data to display in a in a Jquery table. We noticed if a select a tab and then go to the next tab (on the right), It is is broken(unresponsive). The strange thing is if I start with the tab on the right and go to that tab (that broke above) it is OK.
touch punch customization
Hi guys, I'm New is there anyone among you who could help me in the integration of touch punch on a web appication? I am not very good at js.... the site is developed in codeigniter and I'm taking care of the frontend part ... but I can not implement touch punch to resize and rotate on mobile devices ... currently the sistempa is a bit uncomfortable for mobile devices ... thanks... the site is http://www.coverdesign3d.com/design/index/77-cover-samsung-s6-edge
jQuery drag and drop issue
I am facing a couple of issues with jQuery drag and drop.Below is the link to my code https://plnkr.co/edit/uKs7FHvVQqSizcig7sP8?p=preview Issue 1: On chrome, after drag, the dragged element is NOT draggable anymore, but rest all elements are. For instance, say, if I drag "Test1" over "Test 3", then after the drop, Test 1 is not draggable but other elements are. It happens every time with the dragged element Issue 2: Though it works on Edge, it doesn't work on IE at all. Once dragged element is
More DIV-Boxes one Function - How to do
Hello! I'm starting with JQueryUI, but i have a Little understanding Problem how the draggable-function works with more div's... I have this Code, and it will work well for Box1, but not for Box2. How i can define the function so it will work also for Box2 ? <script> $( function() { $( "#box1" ).draggable({ containment: "parent", scroll: false, snap: true, snapTolerance: 5}); $( "#box1" ).resizable(); $( "#box1" ).mousemove(function(){ var coord = $(this).position();
Clone Duplication And Imprecise Drop Location Issues
I have a dropdown menu which contains a table and inside this table are draggable icons. I was able to drag and drop the clone of each icon into a drop zone. However, once the clones are dropped, when they are dragged they create duplicates of themselves. Also they go to the top of the drop zone instead of remaining at their dropped location. Please see my markup and code here.
What is the correct way to Edit jQuery UI ??
Hey guys , I have a very biginner question . So the default jQuery checkbox looks like so: but what i want it to look like is like so: What is the correct way to edit jQuery UI. For some reason the fiddle won' work :( FIDDLE HERE Thank you.
Accordion roll-up button not working.
Hi There I'm re-developing a site to be mobile friendly and have little knowledge of programming; however I do have a fair understanding. I was having difficulties getting a close button to work from within the accordion drop-down content, until I found the following script: $(function() { $( ".selector" ).accordion({ heightStyle: "content", collapsible: true, active: true, animate: 500, activate: function( event, ui ) { if(!$.isEmptyObject(ui.newHeader.offset())) { $('html:not(:animated), body:not(:animated)').animate({
clicking on tab to the left of another freezes tag on right, but not the other direction.
Web page uses jQuery TABS and Tables. 15 tabs. I a click on a tag and then any tag to the right, the second tag is non responsive. I click on a tag and then click on one to the left it works correctly. The tags have forms that get filled in from an ajax call to a controller which does an Oracle query. The returned data is show in a jQuery table.
Open Dialogue And Populate DropDown Within
I have the following div on my page. <div id="edit"> <select id ="pages" ></select> </div> I want to populate the above dropdownlist with json data but it is not working . Below is my code. $(document).ready(function () { var data = "[{'url1':'page1','url2':'page2','url3':'page3'}]"; $('#edit').dialog({ autoOpen: false }) $('#editpage').click(function () { $('#edit').dialog('open'); $.each(jQuery.parseJSON(data), function (i, value) {
checkboxradio widget: checkbox click doesn't work with UI lightness theme?
It seems that checkboxradio widget doesn't work correctly for checkbox inputs when using UI lightness theme. Nothing happens when checkbox is clicked. I prepared a fiddle here: https://jsfiddle.net/d8hkmuvn/ The same happens with Le Frog theme for example. In the API widget is stated: This widget requires some functional CSS, otherwise it won't work. If you build a custom theme, use the widget's specific CSS file as a starting point. I'm using UI lightness without any modification. Thanks in advance.
Multiple buttons on dialog not calling correct functions when clicked
Hi All, relatively new to jQuery and trying to get to grips with the UI dialog. I have created a function that allows me to create a dialog of whatever size, text, buttons, etc. I want and it's working pretty well. The last problem I have is relating to the buttons on the dialog. I am passing a string of label/functionName pairs that define the buttons to be created and the functions to call when each one is clicked but this is what is not working. I am getting the buttons with the right labels but
jQuery UI menu - changing the hover delay?
I'm using jQuery UI's menu widget to make a basic drop-down nav menu. The problem is that there is a noticeable delay before the sub-menus appear when you hover over the menu options. I understand this is considered a "feature" but as always, one size does not fit all and I would have expected this delay to be configurable as requested 4 years ago. Aside from making menus feel laggy, another problem with the delay is that it's at odds with the other menu events such as "focus()" and "blur()". I'm
Get checkbox value from controlgroup
I have some throuble getting checkboxes value from controlgroup. This code always return "on", whether or not the checkbox is set. <div class="grp"> <label> <input type="checkbox" class="checkbox" /> Check me! </label> </div> <script> $(document).ready(function() { $('.grp') .controlgroup() .on('change', function() { alert($('.checkbox').val()); }); }); </script> See the demo: https://jsfiddle.net/crazzzy/mxfwxze8/2/
Can't find correct version
Dear friends, I have to maintain our company website as good as I can, because the coder has disappeared. So now I have the problem that is a malfunction in the page navigation, and I supose it is because of a javascript file that is no more on googlecode.com I dead, the paage can't find this two files: <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>
sortable widget leaves style="display:none;" on sortable item after drop when web inspector is open in Safari
I'm using sortable widget (jQuery ui v1.12.0) I have multiple lists of sortable items (DIVs) that are all connected so that an item can be moved between lists. When I drag a DIV from one list to another, a "style=display:none;" modifier is left on my DIV after the DIV is dropped. Is this a bug in the sortable widget, or am I doing something wrong? How do I begin to debug this issue? a little help? thanks, Mark
need help in choosing UI controls needed for my requirement
Hi, I am working in some clinical trails application, my requirement is doctors will take samples (skin specimen, blood, etc...) and they will keep those in physical location and they want to do the same in system. Storage locations are freezer or tower etc based on the sample type. Admin will create the Freezer/Tower by giving the name and each has its own configuration like each freezer will have 16 racks in that and each rack will have 12 boxes & each box can have 81 positions to save the
dissmissable highlight/error state
I see jQUI has ability for highlight/error state, so why doesn't it have a dismiss ability?
Button for datepicker
I use Button for datepicker and it is working fine. I see the button is placed immediately next to the field, is it possible to add a spacer between field and image? I tried using after field but I see this spacer is still after button, not between them. How is possible to add something between them?
jquery-ui responsive problem less hen 768 pixel width
Hello, I used the datepicker because of the same problem bootsrap datepicker. It's responsivity problem under 768 pixel width. The print screen is at below. Do I have a mistake ?? How can I solve this problem.
datepicker losing UI style?
Hi everyone, I’m a complete novice with anything to do with writing scripts or scripting, but I can usually copy and paste and get things working eventually. This time I’m a little bit out of my depth. I’m creating a form page on a club website on which you can choose 3 days to book and then email it to the club. All is going well and I have managed to get 3 independent date pickers working OK. I have 2 problems though: 1 The calendar looses its style and appears with substitute fonts compared with
CheckBox in Grid View inside a modal popup
I have a CheckBox field in a GridView in an aspnet webform, which I want to show in a modal popup window when user clicks a button. When user select each checkbox, I want to run server side code for OnCheckedChanged event for that checkbox using jQuery. I am using the following to achieve my requirement $(function () { $("[id*=btnShowPopup]").click(function () { ShowPopup(); return false; }); }); function ShowPopup()
Jquery Autocomplete Plugin Linked list help.
Hi, I am using JQuery Autocomplete plugin with a linked list. When I select an item and hit enter, it takes me to that linked webpage. I would instead like to modify the behavior so it changes the src of an iframe which is on the same webpage. Any one have any idea on how to do this? I have a working linked list below and I've tried to change the src of a iframe called "myframe". The content of the ifame changes but it shows as "file or directory cannot be found". Can any one help? I'm sure its something
Different messages for dialogs with the same html
My code here https://jsfiddle.net/Twisty/mafnxaxq/ It uses the same dialog for both delete and logout. I want to have separate message for delete and logout. I want to use this html for dialog for all messages: <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span><span id="messageText"></span></p> with html above, what changes do I need in jsFiddle code above to output different message for logout and delete?
How to Associate / Synchronize Progressbar Uploading File Process
Hi All, I need to Sync progressbar with my uploading file process. For that matter I'm using jquery ui progressbar. I copied some code from jqury site and tried to sync with my uploading file when i execute code progressbar displays 'Completed' and file still uploading. My question is How to Sync progressbar with uploading file? js code $(document).ready(function () {
$('#btn').click(function (e) {
var files = $('#<%= imageUpload.ClientID %>')[0].files;
if (files.length > 0) {
var formData
several datePicker on a form
I have a form with several independent datePicker (not start/end datePicker fields), if I am correct I need to have a separate datePicker js code for each of them, I am wondering if a trick is possible to have one js code for all of those fields with separate date chosen?
Next Page