Switching themes causes jQuery stops working properly
Hey, I hope this is the right place for this question. I've created my website and design with the smoothness theme, and have used the standard jQuery scripts for creating buttons, menus etc. I wanted to change to a new theme, and thus I went an downloaded through the theme roller new themes. I added those themes to the css folder of my site and unfortunately the theme does get picked up, but the jQuery standard scripts stopped working. The only change I've made in my theme choosing is this: <link
Button Selector problem
Hello, I am trying to set a class on a jquery button to change the background color, but the UI styles override my css. My html is here: <button class="pull-right js-disable-cursor-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only button-disabled" id="insertSmsPlaceholder" role="button" aria-disabled="false" style="cursor: auto; background-color: rgb(204, 204, 204);"> <span class="ui-button-text"> <span class="ui-button-text">Insert</span> </span> </button> My CSS which
jquery ui icon
When i use these icon in my project (development-bundle\themes\ui-lightness\images) Do i need to add any special text on my website ? These icon are completely free to use ?
Highlight dates happened in cycled period?
Dear all, I am a newbie to jquery ui. I know how to highlight special days with events. However, now I want to expand this highlight to events which happen in cycled periods but I don't know how. My projects about: - Periods: 35days (continuous periods) - Speed: 4 levels: low, medium, high, very high - each period has 4 phases: 1st 5 days, then 10 days, 15 days, and last 5 days. When this period ends, next period continue. Please guide me to do this. Thanks
Jquery UI Slider trigger
Hi I've got a page with 6 sliders on it and each slider has a textfield underneath it which contains the 'value' of the slider. Each slider has three values - 0, 100, 200. These are translated into 0 years, 5 years and 10 years in the textfield. The initial values of the sliders actually come from a database, but for purposes here, I've put the values into an array. This the code I'm using: var guaranteedSliderText = new Array("0 years", "5 years", "10 years"); var guaranteedSliderValues = new Array(100,
Only allowing a Sortable to be dragged from and not dragged to
I have 2 sortable columns. The first is a column with current issues and the second is a column with new issues. I only want to be able to drag from the second column to the first, but not from the first to the second. I dynamically build the portlets in my code behind. Everything is working I just would like to "enhance" my application to not allow drag and drop from column 1 to column 2. I would like to be able to still drag and drop the first column, sort, etc.. Here is my JQuery: $(function () {
Dialog positioning bug when viewport is scrolled (IE and FF)
When a jQuery UI dialog is opened (centered in viewport as per the default settings) in a viewport that is scrolled down, trying to move the dialog by dragging causes the dialog to jump down quite a bit and it might even disappear off screen. The "jump" seems to be proportional to the amount the viewport is scrolled. I've encountered this bug (?) in Firefox and Internet Explorer, but not in Chrome or Safari (tested with current versions on Windows 7). I have not performed extensive testing or debugging,
Allow new value in autocomplete combobox
Is there a simple comobobox or autocomplete function that will allow user to enter a value that is not in the list and allow it to stick.
autocomplete type search error
Hi, I m using jquery 1.10.4 js & 1.10.4 ui on my page for autocomplete feature. after writing the code i got the error "Uncaught TypeError: Cannot set property '_renderItem' of undefined ". I searched this error on google and found solution but these solution are not working. Pl tell me how to resolved this error. i used .data('ui-autocomplete')._renderItem .data('ui-autocomplete-item')._renderItem .data('uiAutocomplete')._renderItem but all three are not working.
Programmatically Fire jQuery AutoComplete on Webpage with Excel VBA
I'm trying to invoke a search on a website to navigate to a specific page using VBA in Excel. The search is being completed using jQuery auto-complete which submits a form that navigates to a page after an item from the auto-complete box has been selected. I'm able to populate the input box connected to the auto-complete box with the text I want it to find, but the webpage lacks a submit button to submit the results to a form. Instead, it requires you to select an item in the auto-complete box which
Autocomplete Mapping JSON data
I have successfully mapped some XML data to my auto completes. I used XML because it is more familiar to me, but i think i should be using JSON to be consistent with the way my shop develops. Here is my function using XML: function (xmlResponse, callback) { var data = $("STORE", xmlResponse).map(function () { return { label: $("STORE_NO", this).text() + " - " + $("STORE_NAME", this).text(), value: $("STORE_NO", this).text()
Getting the .attr of only the selected items
I need to get the .singleSelector itemID of only selected items: $("#selectable").selectable({ filter: ".singleSelector", selected: function( event, ui ) { //Get the attribute of .singleSelector and show var itemSelectedID = $('.singleSelector').attr('itemID'); $('#here').text(itemSelectedID); });
Send datepicker input in an email
Hello, I recently embed Datepicker in one of my websites. I try to get the inputs(Date) and send them through email but when I click on my submit button the page refreshes and in address bar you can see this: http://www.screencast.com/t/jl3Oit4vr8Zl see the html code below: <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(function()
jqueryui menu's submenu -- why does this display under other page elements?
I'm using jqueryui's menu feature, and the submenu overlaps other elements on the page. The problem is when I select the menu item which brings up the submenu, the submenu is displayed beneath the other elements. I'm not sure how menu is to be configured, or if I have to override some jqueryui css elements, in order to get this to display as expected (over top of the other page elements). The problem can be seen with the Tools menu at http://jsbin.com/hexuw/2/ Sorry the code is more complex than
Server Status monitor - Jquery Widget
I would like to develop a Jquery Widget that would indicate Up/Down status of the Servers that are available in our project. Request your help in this regard. Please find attached the Prototype model for the requirement.
Using Draggable with Sortable Widgets, making unexpected response
Hello, There! Please check the link below, to see what I'm talking about. I'm trying to make a list of items (draggable list), and another sortable list. I used the receive event to detect the new item and add css (color: red).. what i expected: is that, the new item in the list will get that css color. but: it just apply that css effect to the original item http://jsfiddle.net/Husamuddin/262cf/2/
Changing the slider bar
Hi I'm trying to change the look of the slider bar. My bar is suppose to have a grey background and the sliding tab is suppose to be green. I downloaded the jquery ui slider, but it doesn't seem to be working. Here is a jsfiddle to show what my slider looks like. JSFIDDLE
Tabs setting active
Hi, I am trying to set the active tab, I intend to go on and use the local storage to record the tab a user last selected and display that tab when they return. However I am falling at the first hurdle and cannot get the 2nd or 3rd tab to be active on page reload. <script> $(function() { $("#tabs").tabs(); $( ".selector" ).tabs( "select", "tabs-2"); }); </script> <div id="tabs"> <ul> <li> <a href="#tabs-1"> Nunc tincidunt </a> </li> <li>
Question about autoComplete
I am using autoComplete to obtain records from my database. I have implemented its use in about 30+ modules. But I just came across a use that is totally something different. In one table I have over 30k records of individuals. Separate fields for Last and First names. Initially, I just put the autoComplete on the last name. But then I realized that if I enter 'Smith' I only get the first 15 of the Smiths with no way to see the remaining available. I suppose what I would need to do is use some sort
How to block movement of tr in jquery sortable ?
Hello I am using jQuery sortable to sort my table. see my structure <table id="sortable"> <tr class="not"><td>Elements</td</tr> <tr><td>I am first</td</tr> <tr><td>I am second</td</tr> <tr><td>I am third</td</tr> </table> my jquery is <script> jQuery('#sortable tbody').sortable({ update: function(event, ui) { }, cancel: '.not' }); </script> Here I can move the <tr><td>I am first</td</tr> <tr><td>I am second</td</tr>
Eddinting Datas on DB
Hi everybody , i need a simple code who makes editting of datas possible on the same page like this but only a simple file http://phpgrid.com/wp-content/uploads/2012/07/fileupload_edit.png Thank you
Datapicker just flashes out
I am trying to show a second datepicker after selected a date on the first one, but the second one just flashes out. You can see my code here: http://jsfiddle.net/weksley/FuC8s/4/ How can I fix it? Thanks.
Jquery slider background color overflowing when using multiple sliders
When I move the second slider's right handle to left, the first slider is also affected (see the green overflow at the picture). The code is as follows: HTML: <div class="controls"> <span class="amount"></span> <div class="slider range-slide"> <div class="slide" value="333,686" id="diameterslider" min="25" max="1000"> <span id="min">min:25</span> <span id="max">max:1000</span> </div> </div> </div> <div class="controls">
blocking dates with datepicker and php/mysql
i am having a problems using a function block dates from a php array iv converted via jsons it displays the correct dates but isn't disabling the dates here is my generated jQuery $(function() { var excludedDates = [{"BlckedDate":"24-05-2014"},{"BlckedDate":"30-06-2014"},{"BlckedDate":"31-05-2014"}]; // Converted from PHP using json encode $.datepicker.setDefaults({defaultDate: '+1w', changeMonth: false,dateFormat: "dd-mm-yy", numberOfMonths: 2, minDate: 0, beforeShowDay: function(date) { date =
generic $(...).val() wrapper for ui widgets ? Introspection ?
Hi, Most UI widget I consider using and implementing in my apps intend to provide a nicer way to represent form elements (compared to native HTML). Hence, they represent a _value_ using various visual elements (ex: color picker for rgb values). The val() method won't work on widgets though. This makes generic coding much harder because I have to know how is implemented a given form value under the hood (i.e. know which widget has been loaded to replace the native form element, and figure out how
jQuery UI Autocomplete JSON example data returned
What does the data.geonames in response( $.map( data.entities, function( item ) mean? I am using a web method an an ASPX page to return the data (a List<object> collection) but don't know what I need to do to specify the 'geonames' part, or whatever would be relevant for my application. My c# code is as follow: [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public List<TheEntity> SearchEntitesJSON(string title) { Manager mng = new Manager();
questions about jquery ui
I have a website with autocomplete and dialogs and it works fine but not on my tablet the autocomplete and the buttons of dialogs if you can answer in Spanish is better thanks.
Drag and Drop
Hi, I working on trending application which will render data from Server for partculre item. My UI looks as below. Here i want to drag and drop item from first div to 2nd div. In second Div I am not going to display item name but I have read item name which droped and display corresponding trend. so could you please help me do this ? if there is demo that would be more appreciated. Thanks,
Opening the dialog box
I am trying to make the dialog component of jquery UI to work. Look at this fiddle and tell me what is wrong and the dialog box does not work? It might not be the code itself but the dependencies. I would appreciate I little help with this. Here is the fiddle dialog box fiddle
Drag to Create Html Controls using Jquery
Hi friends i want to create drag to create html controls using jquery. Thanks in Advance.... like (www.wufoo.com)
jQuery UI 1.11 rough estimate for release?
Hi folks, I realize you are probably hesitant to give out dates for when you expect things to be released (and I know you have a small team), but I was wondering if I could get a ballpark idea. We would like to incorporate jQuery UI 1.11 in an upcoming release of our product and wanted to estimate for which of our releases we could realistically expect to do so. Do you expect it to be GA sometime in June? July? other? Thanks David
Jtable DateTime picker in mvc 4 .net
Hi, I am using Jtable in MVC4 .net , Could you please help me how to plugin Datetime picker in jtable while insert and edit row . Thanks, Murali.
Sortable & Droppable JQuery Bootstrap 3.0 Navigation
Hi am trying to create a navigation menu with bootstrap 3.0 that has sortable "Tabs" which is working. What I am trying to implement is the ability to drag the sortable "Tabs" into the "drop down" menu and back again which also contains sortable list items. Can anyone tell me how to do this? I have created a Fiddle here: http://jsfiddle.net/nkBNP/48/ to try and explain a little better. I hope someone can help me! If someone can help me get this working by editing me fiddle, I will send a donation
Autocomplete 1.8.16 neurotic behavior
Hi everyone. In my company we are using jQuery UI Autocomplete 1.8.16 on one of our projects. We have a client where we grab the data from the database, but it takes a little bit longer than it should, around 310, 320 milliseconds. Of course, user is able to type faster than that. It creates the situation where the input text is being deleted and rewritten. One of the problems is, of course, the server side which works slower, but we can make it faster, and most likely we will. The second problem
Changing the format of the datepicker.
Hi I'm really a nube to this, so please bear with me. I am using this datepicker that I got on this site. I would like to change the format of the date to mm-yyyy I also would like to know how can I get the date and use it in a href on my site. Ex: replace the 05-2014 with the date from the datepicker? Thanks. <li><a href="http://apmtl067/storage/reportData/ddgraphs/ORA_space_05-2014.svg" target="content" class="underline">Oracle</a></li> <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
How do I choose the initial date without selecting a date with the datepicker?
I am allowing only certain dates to be selected by the datepicker calendar. When the page first loads, I want the calendar to be showing my first available date. I tried initializing the datepicker with the defaultDate set to my date. This shows the date like I want, but it also selects it. How can I show the date on the calendar without selecting or highlighting it?
Sortable Widget - “Sortable” but not drag-able items.
Done some digging and have reached the point where I need fresh eyes on this. I have 2 connected sortable divs( #sortable1, #sortable2). Any number of items populated in #sortable2 on page load need to be accessible to / included in the “toArray” method, but they, the items populated on-load, can not be moved/draggable. In essence, preventing them from being dragged to #sortable1. The items populated in #sortable1, need to behave “normally” when dragged to #sortable2 and / or back. So far the closest
Problem with datepicker and overlay() jquery tools
I'm loading a datepicket on a input, the first time, it's correctly running without problem but when I close the windows ( Overlay ), Then I try to open the windows but the datepicket doesn't work. I need refresh the webpage and Then again a can use the datepicket only one time.
Dialog modal
Hi, I have the following code - $('#dlg').dialog({ open: function () { }, width: 800, height: 500, title: 'Test', //json[0] modal: false }); When modal attribute set to True the dialog shows and there is an horizontal strip crossing the browser window behind it, like a div tag with
moving all slider handles to corner at same time
I am trying to move all the three slider handle to the left side corner...one by one...but after I move the the first two sliders to the corner, the third does not move till the end of the corner What is the reason for this and how can I fix it?... can u pls help.... i am using jquery ui providing my code below... http://jsfiddle.net/5EfAP/51/embedded/result/ function iterator(ranges) { var values = [ ranges[0], ranges[1] - ranges[0], ranges[2] - ranges[1], 100 - ranges[2] ], matches = [], $sliderRanges
Next Page