having a problem with slide and scroll
i got 3 rows with 4 icons in each. when clicked, each icon makes a div visible and slide down and the page scrolls to a specified span element at the top of each div.. but for some reason when switching to another div with longer height, it scrolls all the way down :) its pissing me off so much! so here is the code for one of the bottons: $( "#shop" ).click(function() { $( "#Enerji , #Hizmet , #SaglikYasam , #Otomotiv , #Sigorta , #Makine , #EmlakPazarlama , #Insaat , #YemeIcme , #Eglence , #Tarim"
Error validation not working on cloned field using jquery validate plugin
Currently working jquery clone with jquery validation. In the first scenario with my current code where I can able to valdiate original fields. In the top i will get error count. In the second scenario if the user enter in any of the duplicate row field then validation should happen. But currently this one is not happening here is the code which i tried but still no use $(".cloned_field").each(function() { if(($(this).val().length > 0)){ bind_validation(); } }); https://jsfiddle.net/karthic2914/h3vh2pLm/1/
Jquery AutoComplete on Mutiple textboxes on ajax populated page
I have multiple autocomplete textbox in partial view which is working fine when referred from lets say on View 1.On view 1 i have a button ,on click of which i am redirecting to view 2 which also refers this partial view.But here on view 2 ,autocomplete is not working.Then i used the .on function as below, and in this case only one textbox is getting autocomplete while rests are not working. Where i am going wrong. function PlanAutoComplete() { // debugger $("#txtPlanName").autocomplete({ source:
The tooltip dosen't close in sortable items - Occur in Firefox/IE only
I have a list of sortable items, which have tooltip applied. Drag any one-item then drop outside of 'sortable' list. Issue: the tooltip will show forever until we hover that item again. Please refer this for my code: https://jsfiddle.net/83pmcf84/4/ Sorry for my bad English. Anyway, thanks for support.
Automcomplete not enabled
I added autocomplete using the code shown below: <input type="text" id="process" name="procname" value="press enter" > <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( "#process" ).autocomplete({ $( "#process" ).attr('autocomplete','on'); source: "process.php" }); }); </script> I found it wouldn't
datepicker updating drop-down values fails when no day is clicked
On https://jqueryui.com/datepicker/#dropdown-month-year , if you select a date first, then exit the picker and re-enter and now change just the year (or month) via the drop-down the input field doesn't get updated. I believe the user expectation is that any changes done in the calendar are reflected in the input field once the pop-up is gone, ie we don't have to explicitly click the (same) day again if we just want to change day/month. I also tried adding the "done" button - same result. Tested
Issue In Adding Mouse over Dynamically for TD
Hi, I am using Calender template in which TD is framed dynamically. Now i want to customize the calender. My Requirement: -------------------------- On mouseover date i need to show 2 menu options in same TD. Kindly help
Accordion heightStyle: "content" not working
Following the API documentation here: http://api.jqueryui.com/accordion/#option-heightStyle I set "heightStyle" to "content" in an attempt to get all panels to re-size to their content. However, it's not working as you can see here: http://thehighpriestess.github.io/staxteas/stixoi.html ...the first panel is taller than the content. It's the size of the taller second panel. https://github.com/TheHighPriestess/staxteas/blob/master/stixoi.html Does anyone have an idea what's going on here? Thank
Is there an easy way to make all accordion panels open by default?
Is there an easy way to make all the jQuery UI accordion panels open by default? I want them to all be collapsable if need be as well, but they should all be open when the page loads. I'm using the most current version of both jQuery and jQuery UI.
Multiple select Dropdown with Checkboxes and Submit button inside Dropdown?
Hello, Are there any way to set Checkboxes and Submit button into Dropdown? User could select multiple items clicking Checkboxes in Dropdown and when finished selecting then accept them by pressing a Push Button inside the Dropdown. Selected items would then appear into closed Dropdown. Is there this kind of functionality in any jQuery UI's Dropdowns or are there any other Plugin that could implement this? I tried to discover how to implement it but didn't succeeded. Picture below should clarify
question about ThemeRoller
Hello, I'm experimenting with ThemeRoller. I'm playing around with themes for my jquery dialog. Everything seems to work OK, except for the close button in the top right corner. Here's what ThemeRoller's dialog looks like with my themes: I know it's pretty ugly, but that's OK. I'm just experimenting. The thing to notice is the X in the top right corner. It looks appropriate. Now look at mine: The close button seems to appear as literally a button with the word "Close" in it, and it seems to be floating
problem using jQuery drag and drop
am trying to create a timetable where only courses can be dropped to the timetable. This is jQuery code var counts = [0]; var resizeOpts = { handles: "all" ,autoHide:true }; $(".pick").draggable({ helper: "clone", //Create counter start: function() { counts[0]++; } }); $(".tb table").droppable({ drop: function(e, ui){ //alert("hi"); if(ui.draggable.hasClass("pick"))
looking for tutorial on styling jquery dialogs
Hello, I'm looking for a good tutorial on how to style jquery dialogs. If anyone can direct me to some, it would be greatly appreciated. Thanks
Forming a JSON of Elements Contained in Sortable
I have a sortable that contains several elements (div's, with unique id's). Inside those div's, I have an image, a few buttons and a few text labels. What I would like to do is collect some data from those elements into a JSON. For instance, the "name" attribute can be assigned the id property from the parent div. I am also interested in the position of that div within sortable. Hence, an attribute called "position" can probably refer to that. After that, I would need to know the "value" attribute
autocomplate just open, not work
Hi. Before, sorry my english not enought. I make this but just open list not a decompose.Is why? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> </head> <body> <label for="autocomplete">Select a programming language: </label>
How to Stop Dragable After Drop in Dropable in jQuery UI?
Can you please take a look at This Demo and let me know how I can Stop Dragging After Dropping in Dropable? Here is the code I have $(function() { $( ".draggable" ).draggable({cancel:false}); $( "#droppable-1" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight" ); } }); $( "#droppable-2" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight" ); } }); $( "#droppable-3" ).droppable({ drop: function( event, ui ) { $( this ).addClass( "ui-state-highlight"
Jquery slider/swipe effect not working in IE9
I am having an IE9 issue and was hoping that there may be somebody out there that can assist. In FF, and IE10+, the swipe/slider effect works fine and functions normally. Issue: I have a nested div, one hidden, one shown. When I initially roll over the outerDiv, the innerDiv appears without the swipe/slide effect. Any repeated roll over actions, the innerDiv appears/disappears with the swipe/slide effect and functions normally. Expected Result: I want to get the swipe/slide effect to work with the
Dialog show: 'fade' works but not hide: 'fade'
When the dialog shows it fades all right but when I close the dialog it doesn't fade. It disappears immediately. Is there something anyone of you can see ? In JSFiddle it works but not in my project so I can't see what in my project I could possibly have that makes the dialog not fading out on close.
Sortable with limitation of elements or number of characters ?
For a certain number of rows and/or number of characters, it is not possible for me to insert elements between the first elements. Therefore, exist limitations for the number of characters or the number of elements for the sortable functionality? For my application are sortable implemented within sortable. Or perhaps is this not allowed? An example I have realized in jsFiddle .
Datepicker how to disable tooltips
How to disable all tool tips in any datepicker used throughout a web app. I would think that an afterRender or afterShow event could be used to remove the titles from the Datepicker structure elements that have titles once it exists on the page. However, a configuration property to avoid adding the titles in the first place would be better. Can either of those be added to the datepicker widget? If so how to do it?
Problem with 2 Datepickers On Same Page
I'm new to Datepicker and cannot seem to get 2 Datepickers on one page to work using your example. The first one works but not the second one. This should be simple! Here's the code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
Popping a busy indicator over JQuery UI Dialog
Hi Jake :), Sorry if I can't provide a JSFiddle but it doesn't accept HTML injection in the document and that's the point here. I show a JQuery UI Dialog and in this dialog I have a button to seek data on the server but I have to show a busy indicator which I create dynamically and inject into the dom which in theory goes at the end of the stack. The problem is that this busy indicator is shown behind the dialog. Now here's what I already tried. 1) Set zIndex of the JQuery dialog ...}).zIndex(100);
Comparing the dates between from date and to date not working as expected
I need to compare the from date and to date in cloned rows. For example: If I select from date as 12/01/2007 and to date as 12/01/2005 an alert should come your from date is greater than to date. If the user click add row button in the from date if the user gave 12/11/2004 and the to date as12/17/2015 it should say from date is greater than previous to date. If both dates are correct for example 12/01/2000 to 12/12/2002 I should get the total no of exp in the top label (this was working with my current
Issue with datepicker
Hi all, I am using the jquery datepicker with the format dd-mm-yyyy. Manual input is enabled for the date field, when I try to enter value like 01-NOV-2014 which does not match the given format, the datepicker defaults it to 01-12-2014. Is there any fix for this/ any modifications in the js file to address this issue which i can make.
_renderItem for jquery Autocomplete doesn´t work -> undefined
Hello i would made an Autocomplete function for an intern order form. Now i would format it a little bit. I found this function _renderItem, but don´t get working. It displays undefined for itemnumber, name and image (../images/undefined). The choose is correct. Jquery Version: jquery-1.11.3. autocomplete.js: $(document).ready(function() { var products = $(".products").clone(); $('#search-box').autocomplete({ minLength: 1, source: function(request, response){ $.ajax({ url:"../ajax-search.php",
Clone auto complete not working as expected
Hi all, Currently working on jquery clone and auto complete hre is my detail code for jquery clone var num = $('.cloned-row1').length; var newnum = num + 1; $(document).on("click", ".edu_add_button", function() { var $clone = $('.cloned-row1:eq(0)').clone(true, true).attr('id', "cloned-row" + newnum); $clone.find('[id]').each(function() { $(this).removeClass("errRed"); if ($(this).hasClass("required_Field")) { $(this).prevAll('label').find('span.required-star').removeClass('text-error-red');
How to set placeholder when drag an item to other container?
I have a table, and a list. I want to drag the table header into the ol list. But when the header items are being dragged to the ol list, the placeholder became a dot. I am using JQuery UI Sortable and connectWith option. Here is the code: jsfiddle.net/2d5tu9jb Thanks. [Update] Thanks kbwood.au, IE 11 and Chrome works fine. But Firefox doesn't.
Error with jquery UI datapicker
Plase help with this datapicker issue. I use two calendars in my page, resulting a weird behavior. When use first button, second button don't hidde like image show.
Jquery ui in Rational Application developer 8.5
Hi. After a quick search, I discovered that jquery mobile was embedded under RAD 8.5, and how simply I can develop a web application. But I wonder if there is a way to get the jquery ui widget instead of the jquery mobile widget with RAD 8.5?
How to use drag and drop with mouse event at the same time ?
Hi, I tried to use drag and drop with mouseover event in a tree table, to expand a node when the mouse pointer is over it. I can drag an drop or expand node but not at the same time. Can someone help me ?
jQuery dialog trigs all the buttons open simultaneously
I am using Jquery dialog within a table with some PHP code. The script is as follows: <script type="text/javascript"> $(function() { $(".trigger").click(function() { $(".dialog").dialog("open"); }); $(".dialog").dialog({ autoOpen: false, position: 'center' , title: 'definizione', draggable: true, width: 480, height: 380, resizable: true, modal: true, show: 'slide' }); }); </script> The table is this: <table> <tr> <th>TITLE</th> <th>info</th> </tr> <? while($objResult = mysql_fetch_array($objQuery))
Date comparison not working as expected
HI, Currently working on jQuery datepicker and i am trying to compare the dates and adding the years of exp currently with my code where i am trying to compare the from date and to date if the to date is greater than from date it should say kindly enter the to date should be greater than from date http://jsfiddle.net/karthic2914/bqgjro6d/54/
subtract dates using jquery date picker
Currently working on jquery clone and datepicker where it will calulate the dates and it will check the overlaping dates. But if the click the less button the code works perfectly it was removing the row but it was not detecting the dates which was there in the cloned div. For example when the user select the date 10-01-1990 & 10-01-1995 for this the total was Total work experience 5 years 0 Months & in the cloned div if the user gave 10-01-1996 & 10-01-2015 so the total was Total work
jquery ui date picker with clone when delete row the total was not reducing as expected
Hi all, Currently working on jquery datepicker and clone where initially when the user select from date and to date it was showing the result for example 01/12/2000 in to date 12/12/2000 it has to show 11 months when i click add row button there when i am adding some years the result was working perfectly fine but when i click delete button delete works fine it was deleting the row but not the year for the corresponding here is the fiddle link http://jsfiddle.net/karthic2914/bqgjro6d/51/ Kindly
datepicker shows a div at the bottom of a page on loading
I have just noticed that every page with datepicker shows a thin bar at the bottom. Firebug shows it is the following div <div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div> Since the div has borders so it looks like a bar. Could anyone tell me how to get rid of it? Thanks in advance!
Draggable feature
Hi guys I have a timelines in my project with a lot of <li>. In the timeline we can add new stuff, so I don't know exacly how much <li> there will be so to use draggable I'm going through class and not by ID. The thing is, when I do a drag to change positions between two listed items, I want to know which ones changed so next time when I reload the timeline the change will be already available in database and it will load in the correct order. Basicly, I want to use draggable to rearrange my listed
JQuery autocomplete can't get data from response in IE8
I have autocomplete on one textbox. it's working in IE9, firefox, chrome. but not working in IE8. error msg is :SCRIPT5007: Unable to get value of the property 'question': object is null or undefined. please read the following code and comments inside. Thanks. $ (function () { $newTFQ.find( "input[id$=tbQuestion]" ).autocomplete({ source: function (request, response) { $.ajax({ url: "Services/Questions.ashx" , dataType: "jsonp" , async: false , data: { featureClass: "P" , style: "full" , type:
Being new to GUI development, I m perplexed with this requirement. Kindly guide me
Need to develop a rich responsive GUI with following requirements. 1. Need to have a Metro look and feel. 2. Recent searches should be present [Id + value] 3. Database calls for any number as we type (autosuggestions) [Id + value] 4. “X” mark on the number once the user selects from a ‘Search’ 5. Graphical user experience on the selected parts. Technical frameworks: Spring MVC + Jquery + any_suggestions Kindly help me on this. Attached are screenshots of the requirements
Tabs beforeActivate: Using ajax result for return true/false fails
Hi, I try to use a ajax result for a true/false return in a function, but it doesn't work. I have read all about the stuff here so i built the following code: $( ".selector" ).tabs({ beforeActivate: function( event, ui ) { validateSession().done(function(r){ if (r.session) return true; else return false; }); }); function validateSession() { return $.ajax({ url: check.php, data: { session_check : true }, type: 'POST', dataType:
Jquery date picker with dynamic fields
Hi, I am trying generate dynamic text boxes of Datepicker. The generation works fine, but i would like to customize the mindate for each from dates depending on what todate is selected previously. The best example of what i am trying to achieve is the multi leg journey and the from dates shouldn't overlap in each leg. I am using class to have datepickers for each of the dynamically generated text boxes. Say for example from date1:10/12/02015 To Date 1:12/12/2015 Below are the dynamically generated
Next Page