Duplicate fields showing on webpage
<!doctype html> <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
CheckBox indeterminate state in internet explorer
The following code working fine in Firefox and Chrome but in internet explorer gives "Microsoft JScript runtime error: Syntax error, unrecognized expression: unsupported pseudo: indeterminate" var chkIndeterminateDayCount = $('#' + trChkId + '').find('input[type=checkbox]:indeterminate').length; So please help me to resolve this issue in IE
problem with tabs and widgets
Hi I am new to the jQuery ui and have a problem that is a hair puller. I am building a tabbed demo that has a different working widget under each tab. I have seven tabs and the widgets under the first six tabs work great but no matter which widge or content I try to put under the seventh tab nothing shows up under the tab it is selectable and goes to the seventh tab when you select it but it is always blank under the tab no matter what I do really need some help in fiquring this out while I still
Datepicker not working in combination with RequireJS in IE9 (but, IE8 works)
Hi guys, I have a setup with jQuery 1.10.2 and UI 1.10.3 and I try to graciously fallback from the html5 datepicker in IE8 and IE9. Below snippet works in IE8 but in IE9, it doesn't. It does print on the console, and when I execute the datepicker() line in the IE9 console it also works (the datepicker becomes visible on click on field). I expect the problem to be in RequireJS and somewhere in this snippet: http://jsbin.com/opulone/1/edit?js
How to send items from the shopping cart jquery finalizing your order?
Good day. I wonder how sending the items from shopping cart jquery to a page, ending with the purchase form or send it to mysql the selected items. Many thanks for the help.
Review copies available for 'jQuery UI Development [Video]'
Hello all, We are looking for reviewers for our newly video course titled, 'jQuery UI Development [Video]'. I'll be happy to provide a free download copy to anyone interested in writing a review for this course specifically on their Blog/Website and any other social websites within 2 weeks after receiving the download link. All the information about the course is here: http://bit.ly/1jfriw0 Here is a sneak preview of the course- http://bit.ly/1cQonFa If interested, just drop a line in the comments
JQuery UI Dialog ASP.Net prevent Postback ( and give selected value of dropdownlist back to dropdownlist mainpage
Hi there, i have on my ASP.NET Webform a Button when i on it click i open with jquery ui a Dialog. always when i click on the button i got a postback an the whole page reloads. Also when i Close the Dialog i got also a postback. first how can i prevent this ? second i have on the mainpage a dropdownlist where i can select values. on the new popup Dialog i have a second dropdownlist where i can also select values. this selected value should be insert into dropdownlist one on the mainpage. best regards
jquery autocomplete
noobie question, how can i the autocomplete plugin for my database using mysql and php. because i have a form that accepts data and submit it to the database. my problem now is how to emplement autocomplete to my form, by giving out list of data from my database and accept what the user has chosen on the list but not the value but the id of the data in the database. any tutorials or links that can be useful for me? cause i am very new in using jquery and i dont know json yet just mysql and php and
Accordion Not Working
Hi I want to implement JQuery Accordion on following Page. http://www.reverselogisticstrends.com/dashboard/requests-done.php All the necessary files are included, but whenever I load page it gives me following error: Uncaught TypeError: Object [object Object] has no method 'accordion' Please help me out in resolving the error Thanks
Datepicker
How come when i use the datepicker it is large on my page not like the example what do i need to change?
JQuery UI Elements' Image not shown
Hello, I downloaded jqueryui, put files in the right place, everything is working well BUT I have no image (little buttons) of jquery. It doesnt use thoses icons:http://download.jqueryui.com/themeroller/images/ui-icons_222222_256x240.png And I have no error message (like 404). Anyone has an idea? Farcossard
Dialog position offsets during drag on Firefox
I have an accordion from which a button on each tab opens a Dialog. On Firefox (latest version Win 7 64 bits) the following annoying bug appears. This not happens with Chrome. BTW: jQuery 2.0.3 jQueryUI 1.10.3 If the tab is on the initial screen, the dialog appears and I can drag around without problems. But if I have to scroll the accordion to reach the tab, then the dialog appears but as soon as I start dragging it around, the dialog springs downward by a fixed amount that seems equal to the amount
jQuery Nested Tabs useing
Hi! I'm newbie in useing jQuery. I have a problem with Tabs. I have elements with same ID's on two different tabs. For example datepicker input fields. But when I clicked on the second tab's datepicker input field the first tab's filled out. It is suggested to use elements by different ID-s on a whole page? Or it is possible to delete the last selected tabs content when I clicked to another one? How? I use the following code: $("#tabs,#sub-container-1,#sub-container-2").tabs({ select: function(e,ui)
Resizable: options stop event vs resizestop event?
So I'm trying to do the following: Create new div Make div draggable and resizable Add new div to container Trigger resizable "stop" event to set some values that would be normally set when resizing I'm using something like this code: var resizableOptions = { handles: "n,e,s,w,se,sw,ne,nw", containment: 'parent', stop: function(ev, ui) { console.log('resizing stopped'); ui.element.data('mywidth', ui.size.width); } }; var $newDiv = $('<div id="mydiv"></div>');
Menu Widget Not Working Correctly in Aspx page
All, If I take the source from jQuery Menu UI Widget (http://jqueryui.com/menu/) and just get a simple ASPX page to display the menu, the menu will not display corrected. Specifically the sub menus will fly out to the Left even though the menu itself is in the upper left of the page (IE Window). In effect the sub menu is unfolding outside of the IE Window. Has anyone see anything like this? Below is what I am using as a simple Aspx page. If I take the guts of this and paste into a plain HTML page
jqGrid in Form Editing + jQuery UI Spinner results in data not being posted
Hello everyone. This one may be a bug of jqGrid, but I should check wit the community first. To expand on this thread's title, I have a jqGrid, filled via Ajax. One of the columns is currency data (dollar amounts) and I would like this value to be edited via the jQuery UI spinner control. The jqGrid control is set to Form Editing, so as per its documentation I use dataInit of editoptions to run a function that applies the spinner to the standard textbox. Something like this: //This is one entry
Is it possible to display table content in Accordion Headers?
Hello, I want to use the Jquery Accordion to display the content of a table and I want to dislpay the totals of each subtable in the Accordion Headers. The idea is to use the Accordion to present a drill down table report. Is is possible? If not can you consider to implement this feature in the future? Best Regards, Paulo.
jQuery slider for date range in two text boxes
Hello, Is there a working example of the jQuery UI slider working for a min/max date range, where changing the sliders updates text input fields? Filament Group's extra plugin is for <select>, http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/, but that's not what I want to use; rather text inputs. Might this be accomplished by having an array of number (1, 2, 3, 4, 5, etc...) and dates?
how to get Return value of jquery UI dialog Box
$(function () { InitializeDeleteConfirmation(); $("#ctl00_PageContent_btnCreateSub").click(function () { var Rcall var countImgscrp = document.getElementById("<%=hiddenScrapBookImgs.ClientID %>").value; if ((countImgscrp == 10) || (countImgscrp == 20)) { $('#NavBar').css('z-index', '999'); $('#DropDown').css('z-index', '99'); deleteItem(function () { callback1(); // alert(Rcall); }); } // if ends here return false; }); // click function ends here }); // document ready ends here function InitializeDeleteConfirmation()
Dialog closes immediately - only in Firefox, only with autoOpen set to false
Works fine in IE, closes immediately after opening in Firefox: $("#dialog-test").dialog({ autoOpen: false, title: 'User Information', buttons: { 'Accept': function() { document.getElementById("userName").value = document.getElementById("email").value; document.getElementById("userPw").value = document.getElementById("password").value; document.getElementById("userSecret").value = document.getElementById("secret").value; $(this).dialog('close');
Create new tab whose origin is from a existing tab
Hi for All, I'm creating some tabs using jQuery UI 1.10.3, however when I try to create a new tab whose origin is from a existing tab, the new page is rendered in the tab that triggered call the creation of the new tab. I did a test by clicking at another point on the screen shifting the focus off the tab and it works, but it is not the expected behavior. If anyone has a suggestion on how I can fix this?Regards Christian
Widget functions within jQuery methods
Hello, I am currently developing a widget and was wondering if someone new a solution to this. Basically I have declared a private method in my widget like so: _mymethod: function(){ //something cool }, I would like to call this method inside something like this: $('#droppable').droppable({ drop: function(event, ui){ //Call method here } }); However everything I try comes back as method is not defined or object has no method. this._mymethod(); _mymethod(); etc Any advice
DatePicker Done button onclick
Hi - I have a DatePicker that displays Month/Year drop-down, I want to get the input field updated with mm/yyyy when the user click the "Done" button from the button panel Tried to attach a click event but didn't work: onOpen: function(){ button = $(this).datepicker('widget').find("button:contains('Done')"); button.click(function(){ var month = $("##ui-datepicker-div .ui-datepicker-month :selected").val();
Size Effect Confusion
I am new to jQuery/jQuery UI, so I apologize in advance if I am just being particularly dense. I am wanting to use the jQuery UI size effect to shrink an html element and contents. Using the latest version of jQuery UI, I can not get the size effect to "stick". The element will resize, then at the end of the resize, it will return to the original size. If I go back to jQuery UI 1.8, this does not occur. How do I make the size effect stick in the latest version of the jQuery UI? You should be
Does jQuery ui support jQuery 2.0
I am using jQuery 2.0 and jQuery UI 1.10.2 and when I try and create a button I get an error that the data("uiButton") is not created, however it is created correctly when using jQuery 1.9. In all the example I see jQuery UI using jQuery 1.9 is it because that jQuery 2.0 is not supported?
jQuery UI – Single Selectable
Here, we will make the selectable component for jQuery UI “single selectable” First of all, we may disable dragging mouse: Delete "_mouseDrag" function in your jquery-ui.js for “selectable” part. Now we may write the code for our selectable object: var xselect; $(function() { $("#yourselectable").selectable({ selecting: function() { //here we will make unselected the last chosen item if ( xselect && xselect.length > 0 ) { $(xselect[0]).removeClass("ui-selected");
Link after autocomplete
I follow this : http://jqueryui.com/autocomplete/#folding it works fine but i want to add 2 "options" 1- When the data is selected it must go to a link defined by value, like : select: function( event, ui ) { window.location.href = ui.item.value; } 2- The user can't do anything else than choose the selection proposed
jQuery Tabs load page inside tab when URL has query parameters
I have jQuery tabs with 2 tabs on a page. They are both local (no remote content.)When the URL does not contain a question mark, the jQuery tabs work fine. But when the URL has a question mark, it will load the whole page inside the tab (page "INCEPTION.") Tracing the code that loads the page, I found this function in jquery-ui.js: function isLocal( anchor ) { return anchor.hash.length > 1 && decodeURIComponent( anchor.href.replace( rhash, "" ) ) === decodeURIComponent( location.href.replace( rhash,
UI Tabs and Multiple Accordion
I am having difficulties using an accordion for each tab. For the first tab 'Session 1' the accordion works fine, however, for the 2nd tab and the 2nd accordion 'Session 2' the text within the body does not show. i.e The accordion is created, but when you select the accordion header none of the text appears after it expands. Here is the code: <script language="javascript" type="text/javascript"> jQuery(document).ready(function(){ $("#tabs").tabs(); $("#accordion").accordion();
multiple accordion not working for other tabs
I'm I have a multi-tab and would like to have a an accordion in each tab. What's happening is it only works on the 1st the tab and the rest does not show the accordion. Please help. Pretty new in jQuery & HTML Here's the code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Paper Settings</title>
sortable explaination
hello every one i want to use this code http://jqueryui.com/sortable/ and i made it as i need but i want to make it save my changes as cookies i think that done with ubdate function is this right and if it is explain it to me how to make it work
How can I determine which dynamically-created checkboxes were checked by the user?
I'm using the "appendCheckboxes" plugin that Brad Christie wrote: http://stackoverflow.com/questions/17754047/is-there-a-jquery-plugin-that-will-populate-an-element-with-an-array-of-checkbox So I'm able to create whatever group of checkboxes I want by using code such as: HTML <div id="container1" class="checkboxGroups2Col"></div> <div id="container2" class="checkboxGroups3Col"></div> <div id="container3" class="checkboxGroups4Col"></div> CSS .checkboxGroups2Col { width: 400px; margin-bottom: 10px;
Is there a performance difference between inline html and dynamically-built html using getJSON()?
I am dynamically changing the contents of divs based on user selections. To start with, though, I have default content for each of my three tabs. When the user makes a new selection, I build the HTML content dynamically, calling $.getJSON(), loading the appropriate json file. As of right now, I have (very large) chunks of html right in my page at design-time for the default views: <div id="BooksContent"> <section> . . . there are hundreds of sections inside here . . . </section> </div> <div
Improvising using the jQuery demos...
I have a competition coming up in about a month and during the competition, we have a chance to use jQuery and they provide the documentation (which what comes with the jQuery Stable 1.10.3 version) which includes the demos, themes, tests etc. I am having a problem with my buttons going to another page. I am honestly not good with using jQuery so please don't throw any foreign thing at me. From the demos, this is how the buttons are suppose to be displayed Head Tag <link rel="stylesheet" type="text/css"
Return value from a function-autocomplete
Hi guys ... I've a question for you ... I'm building an application and I would like to create a common occurrence Autocomplete ... in most places I have an autocomplete the same word, but depending on where the selection has to do different things ... I am forced to create multiple events like this: $(document).on('focus', '.element1', function(){ var rif= $(this).attr('rif'); var url = 'menu/switch.php'; var act = 'farmCompl'; $( this ).autocomplete({ minLength:
retrieve modal dialog value and send it to php using ajax
I have form that has one field. I have one field that is in modal. Both of these are part of the form. When I fill in the first field and click on submit dialog opens and i enter another value. Once I click on submit i would like to send both of these values to php using ajax but i am having troubles retrieving these values. Can suggest how to solve this please. my code
validation engine not validation fields under accordion
Hi, I am using validationEngine for validating form fields. I have tab and inside the tab, I have two accordions. Each accordion has 4 fields. When I submit, only first accordion form fields that are opened are getting validated. Is there any way I can force to validate all the form fields and open all accordions to show the required field message? Thank you! <div id="tabs-1"> <div id="accordion"> <h3>Select Agent</h3> <!-- First accordion title) --> <fieldset> <div> <label
Want to implement the slide operation from right to left
Hi All, Already, slide up is implemented using animate method of jquery. I want to change that to slide left. Please help. What all i need to change in the animate method? Or else, do i need to change anything other than that? Thanks Manikandan
fancybox2.1.5 prevent close click outside of window
Hi, How can i make no close click outside of the window, when fancybox is open. If i try like below it is opening when i load the url in browser,fancy box is opening automatically. I like to do fancy box should be open when i click the link and once it is opened if i click outside of the window fancy box should not close.It should still remains. My code: What is the issue with this ...... <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function()
Can the tabs widget respond to a tab being clicked?
I want to respond to each tab in my tab widget being clicked, so that I can do a "just in time" population of html in the tab's content area. According to http://api.jqueryui.com/tabs/, I'm not seeing whether there is such an event. There must be...where? which one? How to do it?
Next Page