Jquery Sortable breaks firefox's css active feature (also focus?)
Bug appear in Firefox browser. Not in Chrome nor IE. (Didn't test other browsers). Once you use some jquery sortable functions: $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); on html elements like (i.e. td or li) The css active (also focus?) will stop having an effect from now on (as if it's not there). So if you have a sortable li (like in site example) and a css command: li:active{ background-color: green; cursor: n-resize; } and u use $( "li" ).sortable(); The css above
How can I make this personalized accordion load closed?
This is the current code that I have for my accordion script: $(function(){ $('#q-and-a li a').each(function(){ $(this).click(function(){ $(this).siblings('div').slideToggle(300); }); }); }}; I was wondering how this could make the page load on opening. I know that you need { active: false, collapsible: true }, but the problem is I dont know where in the script it would go. Any help would be appreciated, thank you so much!
Sortable: Helper jumps to the left side of the page when start dragging second time
As http://bugs.jqueryui.com doesn't allow me add tickets I copy it here. When you reorder some element for the first time it is ok. When you start dragging the same element again helper jumps to the left side of the page. It is only reproducible in Firefox when sortable elements have 'position:related' CSS rule and sortable option {axis: "y"} is set. Here is the example: [https://jsbin.com/zarucukela] I've used the workaround like this: var element = $(URLS_CONTAINER); $(URLS_CONTAINER).sortable({
datepicker UI wrong popup position when resize the screen (on android chrome only)
Hi I am new to Jquery and I am trying to implement the datepicker UI. All is fine except one annoying issue I have on android OS Chrome browser (current version). When input field is positioned relative or absolute, datepicker pop up in another position usally more bottom especially if I resize the screen. On firefox Android OS, Chrome Windows OS the popup position is fine. With no positioning at all (no margins,paddings,top,left etc) this issue doesn't exist (all Browsers). Is this a bug or am
jquery date picker in clone year and month not working and default date was not showing
Currently working on clone and datepicker using jquery. With my current code cloning was happening perfectly. In the clone div the datepicker was working but it was not working like original. When the user click add more button it was cloning entire div perfectly with the dates but if i select the date textfield from the cloned div year and month dropdown not displaying. When the user click add more button in the original Degree date it was showing the current date but in the clone it was not showing.
How to move the wordpress website header to the right
Hi, I want to move the header in my website https://www.viewtechtips.tk. Can anyone suggest on this. Thanks in Advance.
leave the dialog opened and intact while url changes
I use dialog UI in Wordpress website I want to modify the URL to another page and leave the dialog opened and intact during that time. Is it possible and how? Thx
html 5 native validation is not working in jquery ui dialog box
Hi , We are using Jquery Dialogs in asp.net 4.0 application with Ajax Call.Now we are trying to implement HTML5 attribute like required. html 5 native validation is not working in jquery ui dialog box please help me out.See the below image ,controls are not showing html5 native message like 'Please fill out this field" Thanks in advance.
Why jQuery blockUI uses iframe in case of MSIE
Hello, We are facing an issue where we are using jQuery.blockUI plugin and in case of MSIE we get a 404 whenever call to block() is made. We have narrowed it down to this line of code. var lyr1 = ($.browser.msie || opts.forceIframe) ? $('<iframe class="blockUI" style="z-index:'+ (z++) +';display:none;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="'+opts.iframeSrc+'"></iframe>') : $('<div class="blockUI" style="display:none"></div>') It seems
HTML 5 native validation is not working in JQuery UI model box but Jquery validation using plugin is working
Hi All, I am using a Jquery model box where HTML 5 native validation is not working. My code is here : http://jsfiddle.net/inDiscover/btnwZ/. Also I am adding the code below. <!DOCTYPE html> <html> <head> <title>jQuery UI Dialog: Open Dialog </title> <link rel="stylesheet" href="../css/jquery-ui.css" /> <link rel="stylesheet" href="../css/style.css" /> <script type="text/javascript" src="../scripts/jquery.js"></script> <script type="text/javascript" src="../scripts/jquery-ui.js"></script>
jQuery newbie
HI all, I'm very new to the world of web design and jQuery so apologies if I'm asking about basics! I have downloaded a theme pack to use a datepicker on a site I'm building in Muse but I have no idea how to go about placing it into the site so it works. Any help and guidance would be very much appriciated, Thanks
Datepicker without default date
I have 2 calenders on one webpage. When i click a date on the first the second one should be opened (recreated) with min and max dates but WITHOUT a default date, how do i do that? Max and min works, but the default days will be the minDate if not set it to another available date. The reason is that the visitor should do the select without hints from us. /Per-Erik
programatically force the scrollbar jump to the top
My site is perfect-rehitim.co.il I use athe dialog ui and it launches via the left most menu item. My question? How do I programatically force the textarea scrollbar in the left to jump to the top, or alternatively get the focus on the first line? Regards
User select date 10 years from today date jquery datepicker
Working on jquery date picker in my current code. I want the datepicker should show from the year 1900 - till today date User has to select previous 10 years from today date if in case user select yesterday date or today 's date or a month ago date eror msg should populate in the error message field Here is my current Jquery code $(function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange: '-115:+1M' }).on('change',function(){ alert("check"); }); }); Here is the
JQueryUI Dialog - inital div display state
when you attach JqueryUI Dialog function to a div containing a form, do you need to set the initial CSS state of the div to display:none or does Jquery set that state automatically to anything with dialog function hooked to it? Unless i missed it on this page: jqueryui.com I never saw the initial state of the DIV containing the modal form set to display:none anywhere
[SOLVED] Dialog overlap autocomplete's dropdown list
I have simple page with several dialogs. Each dialog has autocomplete widget. On dialog created dynamically autocomplete's items appears outside dialog. On static dialog all work fine. I create sample on JSFIDDLE and this sample work correct, but when I run this code on my server it work with bugs.File from my server
Date picker using jquery for dob year selection
I am using date picker from Jquery. Where currently I facing a problem By default range of the calendar has to show from 1900 - 2100 years. The system should accept the date minimum 10 year previous from todays date for example .1900 - 2000 years if the user select after 2001 jan by mistaken error class should prompt I am bit confused how to do I tried with min year & max year but If i gave year range as 1900 to 2015 calendar was showing till 2015 sep only but i want to show till 2100 $("#txt_dob").datepicker({
Dialog buttons fail on high vertical resolusions
My site is perfect-rehitim.co.il I use JQuery Dialog and launch the dialog box by using the left most menu item(The actual use is elsewhere but i use this menu only for debugging). In resolution of 1280X720 it works fine. Problem is that when using the buttons with higher vertical resolution like 1280X1024 the bottom buttons, like "Help" don't work. Instead they tend to jump the view port and the vertical scroll bar down. Can someone advise please? Regards I. Sher
Cloning between 2 tables
Hi all The problem statement follows: Using jQuery, I need to copy, rows, one at at time, by dragging from table1 to table2, leaving the row unchanged in table1. On dropping in table2, I need to add 2 new columns to the row dropped in table2. The rows need to be drag/dropped in table2 to rearrange the row order. The OK adds a new data column to table2 for sending to a server. This column will later be hidden. The attached code works nicely. BUT The problem is that if the drop mistakenly occurs before
jQuery UI Tooltips not working with all versions of IE 11
Greetings, We have just completed converting or tooltips over to jQuery UI 1.11.4 (jQuery 1.11.3) and I have discovered that some version of IE 11 work and some don't. Is anyone aware of this and if so, can you identify the version where this works reliably (so I can set a minimum version baseline)? I have verified that the browsers are NOT in compatibility mode. This version works: 11.0.9600.17959 (UPD: 11.0.22) This version fails: 11.0.9600.17501 (UPD: 11.0.15) The symptom is that the keyword
Issue in Draggable Control
Draggable Is there any issue in "Draggable" control . I faced this error "Animation jQuery UI draggable element back to starting position". Because I had to use this code to resolve this. Below code reset float to none in all the parent controls of the Draggable container $("#DraggableContainer").parents().each( function(){ $(this).css("float","none"); } )
Jquery date validation for date of birth
Currently working on jquery date picker validation. As per the Jquery documentation I managed to show from 1900 to 2015 Sep today date. But the validation should be in if the user age is less than 15 years it should say an alert says Your are not eligble. My Second concern is if i select the date for dob field automatically the errorred class was applied to date of issue field. Normally it should happen when i click the next button. Here is my jquery code Kindly help me var date = new Date(); var
button with image under text
hello, I have been struggling to find a code or some options I could use to have a small text appear on top(not above) of the main button icon I tried zindexes too nothing works the strange thing is that the text span is declared after the icon, it should by default, to my understanding appear op to of this one please help thanks
Datepicker prev / next buttons appearing distorted.
I just created a custom jquery ui package and tweaked few colors, but now when I implement datepicker (with no options), the previous and next buttons appear to clumsily overlap each other. Is there some css tweak I need to use to get them to appear neatly? I've used this before plenty of time and it never required anymore than choosing colors, dropping links to the css and js on the page and using the default constructor with no arguments. Please help. Trying to wrap up a project, thanks!
Jquery Menu disable depending on User Permission
I have Jquery menu which should disabled depending upon user permission. In the below menu I get the Permission value in label and depending on 0 Stockentry.aspx,Internalsale.aspx,Vehiclesale.aspx should be disabled and value if 1 all menu should be enabled. Thanks <ul class="nav"> <li> <a href="Home.aspx">Home</a> </li> <li> <a href="VehicleEnquiry.aspx">Vehicle Enquiry</a> </li> <li> <a href="StockEntry.aspx">Purchase Vehicle</a> </li> <li> <a href="InternalSale.aspx">Internal Sale</a> </li> <li>
Jquery Date calculation not working on clone
Currently working on calculating the expeerience using jquery date picker from date and to date. For example ( if user select the date 01/05/2010 (from) - (To) 31 / 07 / 2013 -- result will be 3years and 3 months ) the result will be shown in label format. Again when the user click add more button one more row will be generated here also the user enter the from date and to date. The resule will be both the two rows ( if user select the date 01/05/2010 (from) - (To) 31 / 07 / 2013 -- result will be
JQuery UI Tabs
Hello everyone, I'm new to this and I love the product!! I just added the Tabs plugin to my asp.net app. Simple, working well,. However I got a requirement that from C# code behind I need to set an active tab based on a boatload of logical events thru the app Example: My control has 3 tabs C# code: tab3.selected = true /// this is just to help you understand my issue. I've tried some JavaScript / JQuery methods, no luck. anyone have any methods / tricks to do this? Thanks in advance
Creating Draggable and Droppable App
Hi all I am trying to create an app where users can drag and drop icons on to a design surface to create objects on a web page. The following are what I have attempted and the problems I am facing: - I have a list of icons at the top of my page in a panel called Tools where each icon represents a function. This panel will not be apart of the web page when it is published. - Each icon when dragged and dropped on to the design surface, will create an HTML element. I have been able to drag
jQuery UI Tabs - SharePoint 2007 Page Viewer Web Part
Hi Guys I've created a simple html page using jQuery UI Tabs which works perfectly on it's own using IE8. The problem is that when I add the page on SharePoint using a Page Viewer Web Part, the tabs don't work on IE8. They do however work using Chrome. Any ideas?
Best way to implement questionnaire with radio buttons
I have to implement a questionnaire with 9 rows and 7 columns. Each field should contain 5 radio buttons (see picture). What is the best way to implement this, so that the form has enough space and is clear when shown on (small) mobile devices?
Date picker placement issue in mobile
Hello, i used multiple date-picker in horizontal line same page. when i click date icon but different place open date picker popup calendar is different place.
datepicker field not working on jquery clone
I am working on jquery datepicker Where when the user click add new more button With the help of clone my entire div was duplicating so when i click date field I am not getting the datepicker in the duplicate row.I have search in stack overflow some of the link which i tired for example remove hassclass in datepicker but still not working kindly guide me. Here is my jquery code var i=1; $(document).on("click", ".edu_add_button", function () { var i=$('.cloned-row1').length; $(".cloned-row1:last").clone().insertAfter(".cloned-row1:last").attr({
Disable theme for jQuery UI?
I haven't used jQuery much lately but I've used the tabs on many active sites. When I built them I was using jQuery UI with no theme , but the sites are now loading a default theme that's completely disrupting my custom styles for the tabs. I've searched exhaustively and can't find any version of jquery-ui.js that doesn't load jquery-ui.css as well and can't find any way to get around the default styles. How can I completely disable any external theming without manually overriding each style in my
How to work around this resizable limitation?
Please refer to the following jsfiddle: resizable limitation My intention is to have textareas that have widths that scale with the resizable dialog containing them. However, I also want the textareas to be able to be resized vertically with resizable. I figured out that because resizable depends on $().outerWidth() for setting its initial pixel widths, the element that resizable is applied to must be displayed when resizable is initialized if the element has a % based relative width . (Otherwise
Generating a tree structure using xml
I have xml which generates dynamic.I want to populate the tree structure with the nodes name.The node values also ges populated in the left pane. The xml is in this format. <Root> <node1> <key name="a"> <item>111</item> </key> </node1> <Root> Tree structure Root node1 a Values ofkey 111 in the right pane On clicking on tree structure it must display the respective value in right pane.The tree structure is collapsble and expandable. my html is <div id="compare-contentleft" > <div id="treeView">
Defining custom breakpoints/steps in a range slider
Hello all - I'm not terribly experienced with JQuery so I thought I'd ask for help. I need to create a range slider with a min and max slider. Common stuff. The slider in this example is for Income. I can define steps or break points of $10k easily enough so that the slider breaks at every $10k interval. However, I need to define custom, non "linear" breakpoints for the slider. In my scenario, I need to acquire income levels anywhere from $0 to $250,000 and I need the break points to be:
How to limit JQuery selectable-helper's range?
I have a Table with JQuery's selectable feature.My Table was selectable each **td** which are in the same column. Below is my full html <html> <head> <link href="/css/jquery-ui.css" rel="stylesheet" type="text/css"> <link href="/css/schedulerGrid.css" rel="stylesheet" type="text/css"> <script src="/js/jquery-ui.js" type="text/javascript"> <script src="/js/jquery.js" type="text/javascript"> <script src="/js/schedulerGrid.js"
Uncaught TypeError: $.widget.extend is not a function when using JQuery UI 1.11.4
I am going to upgrade JQuery UI to 1.11.4 from 1.8.17 in my project. But I got the error when loading page: Uncaught TypeError: $.widget.extend is not a function I saw this error in Chrome -> Console. In original page, JQuyer 1.6.4 and JQuery UI 1.8.17 are used. After upgrading JQuery UI to 1.11.4, I got the error in $.Widget.prototype. Please refer to picture below. Is JQuery UI 1.11.4 compatible with JQuery 1.6.4? Any other coding or configuration needed to fix this problem? Thanks.
Autocomplete retrieve label value
Hi, I have a form like this : <form action="ecrire.php" method="post" enctype="application/x-www-form-urlencoded"> <input type="text" name="destinataire" id="destinataire" /> <input type="hidden" name="id_destinataire" id="id_destinataire" /> </form> <script type="text/javascript"> $("input#destinataire").autocomplete({ source : function(request, callback) { var data = {nom : request.term}; $.ajax({ url : "saisie_contact.php", data : data, complete : function(xhr, result) {
JQuery UI Render Problem on Windows 8 Desktop App
I try to develop an application for Windows 8.1 OS. I use jquery mobile and backbone.js together with MVC model. Everything is seem ok on the mobile side (Android, iOS and WP8) however some pages does not render the css appropriately i.e tabs, buttons etc. When I use recreate the body not effected the page. How can I solve this problem? Or there ara any stable format for Windows Desktop application thanks for helps.
Next Page