hiding right handler of a horizontal slider
Hi, How can I hide right handler of a horizontal slider? regards Ahmet Temiz
Dialog Modal disable all page, even dialog modal
Hi i got a jquery dialog modal that shows a little for for add / edit info from a grid. If a set dialog as modal, it disable all page even the dialog window, i mean that all the page got the color of grey blackground and i cant even click in cancel button of dialog modal. If i set dialog as not modal, it works fine. Id like that this kind of dialog could be modal but i dont know what's happening. Anyone gets same behavior? Any idea for fix it? Thanks in advance.
JQuery Menu Anchor problem
Can anyone please tell me what i'm missing. My code in short is: $(document).ready(function() { $("#leftMenu").menu(); }); <ul id="leftMenu"> <li><a href="/myPage.cshtml">My Page</a></li> </ul> When the menu is displayed and i click/select 'myPage' nothing happens, I would expect the page myPage.cshtml to be displayed. regards Henrik
dropdown menu disappearing when connected with selectmenu
im having problems with selectmenu in jquery ui. i have the select menu working fine in html but when i add the jquery ui to the selectmenu the dropdown menu disappears leaving only the selected value in view and if i click that the rest come into view. the strange thing is the selectmenu seems to be working but the look of the dropdown menu is terrible. any ideas what might be happening. <!---------------jquery ui --------------------> $(document).ready(function () { var newsDiv = $( "#newsDiv
mouse offset/alignment
Hi, having issue with the mouse alignment, if i change size of some object by draggable start event. http://jsfiddle.net/1a4zco4e/ Did anyone have a solution for this? thank you moxx
Load page into a div with a specific jQuery UI tab selected?
I've got a page with some global navigation that loads other pages into a content div using jQuery. The pages I'm loading into the div have jQuery UI tabs on them. I know how to load the pages into the div, but what I want to do is load the pages with a specific tab panel selected/open. Here's the html for my base page: <nav> <a href="tabs.htm#tab-1">Link to Tab 1</a> <a href="tabs.htm#tab-2">Link to Tab 2</a> <a href="tabs.htm#tab-3">Link to Tab 3</a> </nav> <main></main> And the html for the tabs.htm
A simple rich text editor for jQuery ui
Hello, Congratulations for the 1.7 release. I am the author of this very simple jQuery Rich Text Editor plugin: http://code.google.com/p/rte-light/ If the jQuery UI team is looking for integrating a Rich Text Editor, I can certainly help to do integrate this one in addition of some feature and options. Cheers, Batiste Bieler
getting value from textbox which having same id
<div id="first"> <input id="Text1" type="text" class="class1" /> </div> <div id="second"> <input id="Text1" type="text" class="class2" /> </div>
Autocomplete problem on mobile device
Hi There, im having an issue, where on a mobile device the onscreen keyboard covers the menu items from the autocomplete suggestion, if i use Blur() with the On callback, the keyboard disappears but the menu items dont show either, im thinking this cause it must be tied to the text input being infocus, what are my options getting around this on a mobile/tablet device with virtual keyboard $('#autoComp').autocomplete({ source: function( request, response ) { $.ajax({ url : 'ajax.php', type: 'POST',
jQuery UI:s Datepicker don't display in FF and IE
Goal: Make the datepicker to display when you activate the fixed menu (it will be active when you are scrolling). Problem: It works for Chrome but not for FF and IE. I just don't know how to solve it. Info: *It should be working for the latest version of FF, IE and Chrome. *http://jsbin.com/loyimowaka/3/edit?html,css,output Thanks!
key down isn't called when there is no input field
i can't catch the escape event in there there is no input field in the dialog. in the sample bellow it's working only if there is input, when i remove it, it stop working. how can i catch the event of pressing esc or enter in this case? <div id="dialog-confirm2">
Dialog
<input type="text" /> <%--this is the redundent input i don't need in the dialog--%>
</div> (function () {
var dialog = $("#dialog-confirm2")
.dialog({
resizable: false,
height: 150,
modal: true,
closeOnEscape: false, //hide x button
})
.on('keydown', function (evt) {
if (evt.keyCode === $.ui.keyCode.ESCAPE) {
alert('test');
Tabs freezing in latest version of Chrome
Hi All, I have a .NET MVC application that uses the tabs widget. On the page that uses tabs, there is a large amount of data, check boxes, etc. All was working fine in Chrome version 45, but since updating to Chrome 46, the tabs will freeze. I have tested in the latest versions of Firefox and IE, and all is good. It is only happening on Chrome 46. Does anyone have any info on this issue? Thanks for any comments. KB
Tooltip Stutters
Hi, If you hover over the images at http://quinnmoore.com you will notice that there is a slight delay as if it is stuttering. How can I get rid of this stutter effect and see it hover over more smoothly? Thanks in advance.
Accordion collapsible content-width wider than accordion during animated expand
I found this bug: http://bugs.jqueryui.com/ticket/5701 and I am running into this exact same problem. The ticket was closed as not a bug but it appears there is no resolution, workaround or explanation at all. I tried to comment on the ticket but I told me I exceeded the number of allowed posts (new account). Has anyone seen this, or know a workaround?
autocomplete dynamic with data pass
i have two input field, the first have autocomplete with cities names, I need to set the second field zone, with autocomplete filtered by selected city... i tried this but dont work... $("#zone").focus(function(){
var c = $('#city').val();
$('#zone').autocomplete({
source: '/auto_q_int.php?city=' + c
});
});
auto_q_int.php is: class Autocomplete
{
public $term;
public $conn;
public function
Cannot get datepicker() to work - undefined.
Just downloaded 1.11.4 version of jquery-ui. Docs Say: Basic Overview: Using jQuery UI on a Web Page Next, open up index.html from the downloaded zip in a text editor. You'll see that it references your theme, jQuery, and jQuery UI. Generally, you'll need to include these three files on any page to use the jQuery UI widgets and interactions: 1 2 3 <link rel="stylesheet" href="jquery-ui.min.css"> <script src="external/jquery/jquery.js"></script> <script src="jquery-ui.min.js"></script> 1 <input type="text"
Wild card search while using AutoComplete plug in
I am looking for wild card search while using Autocomplete search plug in. Can somebody please help in for the same. Thanks, Anunay
Drag left/right
Hi guys! I've seen this website : http://earth2045.com/ does anyone know what kind of jQuery to do it ? thanks!!
Autocomplete Select Problem in iOS
The user has to select the autocomplete result twice to trigger the select event in iOS 9. I have an iPad 1 that's running iOS 5 and it works fine as it does on any other browser, but not on the later versions of iOS. I have searched everywhere for a solution, but nothing seems to work. Tried variations of this solution . Does anyone have a fix for this? Thanks for any help! Code: $("#<%=txtEmail.ClientID%>").autocomplete({ source: function (request, response) {
Trying to change parent document from child document - RESOLVED
I saw this in the form in a few places where the child document can access the JQuery of a parent document. I do not have any HTML in the child document. It is only PHP creating mySQL databases and tables. I have this at the end of the document/script. Neither way works but I am showing both of what I did. <script type="text/javascript"> $("#tabs").parent.tabs( "option", "disabled", [ 0, 1, 3, 4 ] ); $("#tabs").parent.tabs("option", "active", 2); window.parent.$("#tabs").parent.tabs( "option", "disabled",
jQuery ui, slider how to get value from $(this)
Im using jQuery ui's slider, and my question now is kinda simple, i want to know how i can get value from $(this).find(".progress-bar").data("valuenow"); This is my code: $( ".slider-vertical" ).slider({ orientation: "horizontal", animate: 'fast', range: "min", min: 0, max: 100, value: 60, slide: function( event, ui ) { var test = $(this).find(".progress-bar"); $(test).css("width", ui.value + '%'); } }); The
Jquery UI Date Picker Restrict Date
I've got some existing code for a jquery ui date picker that needs to have a restriction on the current date. If a user is attempting to use the date picker to schedule service, they need to not be able to select the same day as the current day. I understand what I'm looking at here, but am a novice to say the least and don't want to break anything. Anyone have any suggestions on how to do this? var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday";
Smarty template for selection list of autocomplete field
Hi, I was wondering if it is possible to assign a smarty template for the reply field of an autocomplete field. So my question is not about integrating autocomplete in a smarty template, but assigning a smarty template TO the selection list provided when matches are found. Kind regards :)
UI sortable - when item is dragged from list B to list A the last item in A is sent to B ?
Hi I've been searching through this forum and various others for a solution or an example but I haven't found anything so here goes ... I've got my two lists and they're connected in the standard way, and that works fine - the items from list B are added into list A But when list A already contains 6 elements I need to be able to remove the last list item in A and append it to the top of B So, when I count the children items of list A and, if count>=6, how would I get the last one and remove it ?
I couldn't submit the bug to the website http://bugs.jqueryui.com/newticket
I couldn't submit the bug to the website http://bugs.jqueryui.com/newticket . Please help to verify this!
onClick not working - RESOLVED
I have a display with tabs and I want to execute a script but still be connected to the tabs so I can update the progress bars. The only way I can figure out how to do that is to open a new window for the script and execute the script from there. I have an onclick in another tab that works great. I cannot get it to work in this tab. What am I doing wrong? I have spent over an hour going over this and comparing both tabs. I cannot see what I am doing wrong. Here is the code: <script type="text/javascript">
Drag and drop highlight table
Hi , So this is my first time in Jquery forum. Ok cool , So i have problem implementing something in drag and drop function. So far draggable and sortable is ok. Right now the problem is i'm trying to highlight the selected row and delete it using button. I having two table, first table class A and second table class UI . I managed highlight the ' tr ' table class A. However in second table class UI i can't highlight the ' tr ' . Purpose highlight the table selected row in table class UI for delete
How to get activated tab to automatically display - RESOLVED
When I start out all tabs are disabled except 0. Then I want to disable all tabs but 1. <script type="text/javascript"> function agree() { $( "#tabs" ).tabs( "option", "disabled", [ 0, 2, 3, 4 ] ); } </script> It works but it does not go to that tab. Is there a way to make that tab display when it is the active tab? I tried show and active and they do not do it. If the tab is displayed is the only way for the user to click on that tab? Thanks for any and all help. Mike
what part(s) of jQ UI do I need for addClass()?
quick question.... what part(s) of jQ UI do you need to download to use this feature? https://jqueryui.com/addClass/ every feature it should say what part(s) of jQ UI you need to download, minimum.... I downloaded jQ UI core, but it's not working.... with jQ UI, I always like to download no more than necessary...;-) (also, it should say what's earliest version of jQ core you need for it... I'm using 1.11.3, (what I was able to find here) it's not working...) thank you....
using tabs
can I use javascript:void(0) to hide the url of each tab and how can I do that? Instead of the url I like to show a name in onmouseover, but StatusBar is not standard anymore. so that is not possible.
Jqueryui tab - big space over tabs ??
I have a big problem with display QueryUI tab .
I have a big space under the tabs and before the text the same color as the background of the tab bar .
Yet this is just the code shown in the example.
Do you have an idea ?
Prevent tab buttons from scrolling with tab
I have a tabbed portion of my GUI that works just fine, but I cannot find a way to keep the tab buttons from scrolling with the data (if the data in a tab is too large to display) My code follows the example here almost exactly. If you go to the bottom of that page, make your browser small enough to create scroll bars...as you can see the tabs scroll out of view. Does anyone know how to keep them visible? I can't pull them out to their own div or the tabs no longer work (they are all on and the
Jquery drop and drag functionality
Hi all, im hoping you can help me out, im new to jquery, im from a php background, i am working on a drop and drag function within admin panel ( its a cms im working on), the basic idea behind this is simple, butn ot sure how to do the jquery progrmaming, i have some div boxes which are draggable, on dropping these div boxes i am looking to insert some different div boxes via a innerHTML function or call a class to insert the div boxs. I have looked around, google it, looked over the jquery + ui
I can not register jQuery-UI bugs
Hello, I'm trying to register a bug in http://bugs.jqueryui.com/newticket, however, the record is displayed the message: "Submission rejected the potential spam (Maximum number of posts per hour for this IP (127.0.0.1) exceeded) ". Can someone help me? Selínger
Modal dialog open/close shifts page bkgd
My modal dialogs open/close shift the page bkgd. I was able to counteract this page shift manually setting the margin right then left on close, but it breaks on smaller viewport sizes. But I think that is dirty nonetheless, I am guessing there is either something set incorrectly or just not set?
Tabs Text Area
I've looked in a couple of files but cannot find what I am looking for. I am using the vertical tabs. I am trying to make the text area wider. It is the grey area in the attached image. I tried looking for where the color is the same in the files but that did not help me find the right place. Help is appreciated. Thank you. Mike Here is some of the code: <link rel="stylesheet" href="../jquery-ui.css"> <script src="../jquery.js"></script> <script src="../jquery-ui.js"></script> <style> .ui-tabs-vertical
Dissapearing SVGs using jQuery sortable in IE11 Windows 10
See my question and example @ stackoverflow. Any of you guys have an idea why this is happening? http://stackoverflow.com/questions/33040911/svg-icons-dissapears-in-windows-10-ie-11-using-jquery-sortable
opening a jqueryUI (1.10.4) dialog often crashes my PC (fedora 22)
i've added a dialog popup box to my website and am finding that there is now a 50/50 chance that when i click on the button to open the dialog, my entire laptop will freeze and reboot! my site is based on the elgg framework (elgg.org) and i am using elgg 1.12.4 presently. i have removed all of the content from the popup, just to see if that helps, but it doesn't. i haven't seen anyone complaining of anything similar online yet either.. so for now i am stuck. anyone know what the issue might be? i
Jquery progress bar
Hi, I am new to Jquery. I have a web page that takes some input from the user and then deletes documents(around 1 lakhs) from the database. Currently when the user clicks on submit,the request goes to the servlet and the servlet calls the java files. However when the user clicks on submit...The pages goes blank(Since the request is now moved to servlet).. What is want is to stay on the current page and open a progress bar showing the status of how many documents has been deleted and disable user
Datepicker show error
hi team. I have two datepicker fields: Check-in "$(entr)" and Check-out "$(sal)". If I select next month on Check-in, the close function shows Check-out datepicker with next month, but if I go back to Check-in and select previous month, I need to double click to go to previous month in Check out’s field. I find several examples but always see this error. Any solution? My code: $(entr).datepicker({ dateFormat: "dd/mm/yy", minDate: new Date(), firstDay:
Next Page