doubt in removeclass & Addclass
Hi, I am trying to change the class name of the textbox to datepicker of the field dynamically while dynamically adding the row. But the datepicker is obtained on the required field only after adding the adding row.it is not obtained without adding the new row. the classname changes in the cell3 depends on the value of cell1. New Row Function: oCell = newRow.insertCell(0); var cell4 = "<tr class='text2'>"+"<td>"+"</td>"+"<td type='' class='text1' name='conditionname' id='conditionname"+sno+"'
IE11 auto-active Autocomplete Jquery-UI
In IE11 my tabs are showing automatic. I was using Autocomplete Jquery UI. Anyone knows solve this problem?
JQuery UI Spinner
I have used alot of jQuery UI widgets in Form submissions, like datepickers, etc. I am having issues with the spinner. When I submit my form, the spinner input field is always 0. Here is my jQuery code: <script> $(function() { $( "#tpi_score" ).spinner({ step: 0.01, min: 0, max: 5, }); }); </script> <!---Form input field---> <input id="tpi_score" name="tpi_score" value="0.00" size="5">
Problem with reassigning datepicker in a fancybox popup
Hi everyone, i have a problem with reassigning datepicker in a fancybox popup. On firebug console there is no error or warning. The situation is like following: - There is a main site for selecting users for who a message should be written in the fancybox popup. - The main site can be filtered by two date fields. - In a message the user can specify another two dates. - Each date field should provide a jquery ui datepicker. - The main site and the fancybox popup contains a header, in both headers
datepicker disabled highlight some days
Hi I'm tryng to add class with beforeShowDay: at some days in datepicker (all disabled) just to show unavailable date to visitors. In attachment my complete html (just changed the extension) When i look the result i see <td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled undefined "> <span class="ui-state-default"> 1 </span> </td> Why it dont apply my class gior-occ , someone can help me? Thanks in advanced L.
How do I set a function to perform only when clicking the aleady active tab?
I'm trying to have the active tab serve as a button to close the content. So Users can open and switch between the different tabs. However, if the User clicks the current active tab, then it will perform a function. My best effort is this; http://jsfiddle.net/noyhadar/np8p2oy0/31/ Which only recognized the first tab, as the mechanism I need. Noy Hadar
Datepicker and Tab issue with upgrade
I just upgraded jquery to the latest version. We were using the 1.8 version. We are having an issue with the code now. We have a tab page that references two other pages that have date pickers on them. When we tab to the another page that also has a date picker, the calendar item does not show up. It is a simple page. I simplified my code to just have a form that had the date picker controls (input item) within a form. On the called tab pages we use the document.ready to perform the binding of
How to freeze selection in jQuery UI widget - Selectables?
Hi there, I've implemented the selectable plugin as shown in the tutorial (http://jqueryui.com/demos/selectable/). I want that only preselected items should be selected and rest of the items should not get deselected/selected through mouse click/keyboard. Its like I want to freeze my selection programatically. How to achieve this? Edit: Additionally I tried the disabled option, but that doesn't seem to work. $( ".selector" ).selectable( "disable" ); Cheers, S
Autocomplete Response function normalizes data?
I have a stackoverflow question here regarding how response works and why its printing my HTML tags in the final output. $('#mainSearch').autocomplete({ appendTo: ".inputWrapper", minLength: 3, source: function (request, response) { var customer = new Array(); $.ajax({ async: false, cache: false, type: "POST", url: "http://localhost/EmployeeDirectory/GetEmployees", data:
Can I autoFocus fire on roll off
I want to have the first element in an autocomplete list autoFocused when the list is open and a user rolls off. Currently if you use autoFocus and use your mouse to roll over the list and then roll off, no item is selected. I'd like to have the first item in a list become autoFocused again if a user uses their mouse to roll off. Is this possible? Thanks for any help. Also you can see the jQuery functionality here. http://jqueryui.com/autocomplete/
selectmenu: refresh selectmenu button width
how can i change the selectmenu width (after ajax refresh) dependent on selectbutton text so the text is seen without ellipses .selectmen('refresh') does'nt do that "Hello..." => "Hello selcetmenu"
image in tab header of jQuery UI Tabs
I want to place image in tab header alongside tab name. I tried to use span element inside anchor tag. It is showing image but with "Loading.." text. .tick { background: url("../../images/redTick.png") no-repeat scroll 0 0 transparent; } <li> <a href="#1">Frame<span class="tick"></span></a> </li>
jQuery, jCanvas, jQuery-ui, slider position on page
Hello, I am a noob when it comes to these languages/frameworks/widgets, but I am getting better. I have created two rectangles on the canvas and all is good. Now, I need to put a horizontal slider, the user selects a value, between the two rectangles. I get the slider on the page but it is below the canvas. I 'assume' this can be done and I am missing a part. Maybe a CSS needs to be created. What am I missing/doing wrong? Thanks for your time, Mark
how do I use downloaded Themroller on my site? More specificly Tabs
I'm very new to learning jQuery (and coding in general) don't really understand the lingo so please be patient with me if I don't seem to not understand something you're saying or what I'm not able to convey what I'm trying to say. Thank you for any help you may be able to offer. I recently downloaded a custom theme from the jQuery Themeroller and want to add tabs to my site try as I might; I just cant get them to work properly. My code seems to be right because I compared it to the example code
Jquery ui datepicker does not hide when click outside on IOS(iphone and ipad)
I am using juqery-ui-datepicker in my website, on IOS, when I do not select any date and just click outside the element, it does not hide the datepicker. hover it working fine on Andriod. Is there anyone who is able to find the problem?
tabs UI - Loading additional php content in open tab will destroy css
Hi I want to run a booking program inside of tab 3. When I try to open an add all the content goes underneath the tabs area. is there any script snippet to hold all the content inside of the open tab on loading additional content via php, like in my case? Here is my example: http://www.zakynthos.net.gr/Vacations/jquerytab.php I tried out following without success: $(document).ready(function () { var currentTabIndex = "3"; $tab = $("#tabs").tabs({ activate : function (e, ui) {
autocomplete jasonp AND multivalue
Hi, I am struggling to combine the autocomplete jasonp and the multivalue example. They seem to follow completely different approaches. Is there any working example that shows how to have a multi value ac like shown here: https://jqueryui.com/autocomplete/#multiple-remote BUT using a jasonp datasource like here: https://jqueryui.com/autocomplete/#remote ? Best wishes, Olaf
Datepicker, display constant number of weeks
In e.g. google calendar when you go to the Nov 2010 even if the first day of the month is on Monday in the previous row all week from the previous month will be shown. Always 6 weeks are displayed. Can this be done in datepicker ?
Jquery UI Dialog
Greetings, I'm having a hard time with jquery dialog on IE. I have a grid with links and when the mouse hovers on the links the respective dialog is shown. When the mouse exits hover the dialog is hidden. The problem is when the lower links of the table are hovered the dialog does not have enough to space to be shown, so IE automatically scrolls down the page but I don't want this behaviour. How can I fix these?
How to open a page that have tabs with a specific Tab selected
Hello, jQuery 1.11.2 i've some pages that have jQuery tabs in place. I need to open this pages in specific tabs. I've following code, and when I run it, the contents of second tab is displayed, however, tab is not being highlighted all tab remain as unselected ... not allowing to know which tab is currently selected. If user then moves into the tabs interface, then all tab functionality works fine ... How can this be done? Thanks, Pedro Ribeiro Here's a snippet of code <div id="tabs"> <ul> <li><a
message inside dialog box
Go to this jsbin here ...if you click anywhere in the calendar you see in the output pane..a dialog box appears. My intention is that whenever a user clicks the OK button in this dialog box a message appears within the dialog box(as a separate div maybe) asking him to confirm something or not. If you go to the HTML pane you will see that the dialog box is a div with id=eventDialog. So...I want to add the message I am talking about right before the closing div tag of the dialog box. What jquery method
How does the sortable li position is calculated?
Hello guys, I am trying to figure out how does jQuery sortable works internally? I know that while sorting it creates an ui-sortable-helper div and it plays around with its position. But I am not able to figure out how does the sortable element takes the position of ui-sortable-helper div, without changing its left/top position. Thanks
Accordion inside accordion height issue
Here is my code over at jfiddle: Jfiddle Code I'm using nested headers. My issue is with height. You'll see in sub-header1 and 2. You have to use the up/down scroll to see all the text. Here's my java script: $j=jQuery.noConflict() $j(document).ready(function() { $j( "#subaccordion, #accordion" ).accordion({ collapsible: true, active: false, autoHeight: false, clearStyle: true }); }); And i use this little snipet of CSS code: .ui-accordion .ui-accordion-content{
draggable&droppable doesn't work
I have a strange problem with draggable&droppable elements. Here are fragments of code: $ ( ".letter" ).draggable(); $ ( ".simpleSlot" ).droppable({ drop : function ( event, ui ) { var idDrag = ui.draggable. attr ( "id" ); var idDrop = $ ( this ). attr ( "id" ); doneWord [ idDrop . charAt ( 0 )]= idDrag ; $ ( "#test ). text ( "Good dragged!" + "IdDrag:" + idDrag + " IdDrop:" + idDrop ); $ ( "#test2" ). text ( "doneWord:" + doneWord ); $ ( "#test3" ). text ( "splitedWord:" + splitedWord ); } });
datepicker method reporting error
I'm using datepicker from Jquery UI 1.11.2, and so far it's been working great, except in one very specific circumstance. Here's the HTML code for the input box (the ID is unique on the page). The UI bits are handled by bootstrap, for what it's worth. <input type="text" id="date-input" class="form-control" placeholder="MM-DD-YYYY" /> The javascript code to initialize datepicker for this input is as follows: $('#date-input').datepicker({ dateFormat : 'mm-dd-yy', onSelect : datePickerObject.preselectCallback,
Autocomplite how find data in differents fields
Good day. For example I have array var data = [{'id':1,'name':'test', 'desc':'other'},{'id':1,'name':'test', 'desc':'other'},{'id':1,'name':'test', 'desc':'other'}]; How use jQuery autocomplite find need value by several fields? For example in 'name' and 'desc'. Thanks.
Using sortable into a scaled container
I have a sortable list into a scaled container (css3 transform), and the lastest items presents x and y offset when dragging. Without the transform the dragging is normal. How can I adjust the item position to the correct scale when dragging? Edit: Here is an example
trigger event to a widget from widget event
I made a demo on js fiddle. The question is: I've two selectmenus widget and when happen a change on the first one I would like to trigger a new "change" event to the second selectmenu. At the moment I haven't reach that result. Here the code I can found a workaround with an external function but ... I would like to understand why it doesn't work. Thank you
Accordion concatenate
Hi i used this script http://jqueryui.com/accordion/ But i have concatenate accordion, it's error <div id="accordion"> <h3>ONE</h3> <div> <p> TEXT < /p> </div> <h3>TWO</h3> <div> <div id="accordion"> <h3>TWO bis</h3> <div> <p> TEST </p></div> <h3>THREE bis</h3> <div> <p> TEST </p></div> </div> </div>
How to create generic jquery function for each input
I have the following html code that works as is: (I've tried the two answers given below but neither of them work any other suggestions would be appreciated) <html>
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.js"></script>
<script src="http://bililite.nfshost.com/inc/jquery.timepickr.js">
Why there isn't an oldTab/oldPanel in Tabs Load() event?
Hi, as in the title, i don't understand why in the implementation of the Load() Tabs there isn't a oldTab/oldPanel object that reference the last loaded (or showed) panel (like in the activate() event). Someone can explain me that? thanks
How to slide/reveal content properly
> Test Page On the above test page, I would like to add some slide effects to the boxes that are revealed on click. I'm not much experienced with jQuery, but I figure I need to do some kind of testing to know if the user is clicking on a non "active" tab link - if so, close the active box and open the details box of the link just clicked. If clicking on the already active box don't do anything. I'm currently using this code near the bottom of the HTML page: $( ".nav-tabs li" ).click(function() {
Another JQuery UI Issue
Hello I am trying to use a JQuery UI dialog box on my website http://www.jameswinfield.co.uk/Emma.html which would appear when clicking the Events button. It does actually now bring up the dialog bit - but I want to shade out the rest of the screen and just show the dialog in front - how can I do that? Apologies for the dumb question - this is the first time I am testing out JQuery and keep getting stuck, Thanks James
Tooltip - growing number of DOM elements
Why it adds new DOM element every time tooltip is shown?
Keep picture with slectMenu after selected
I use jquery UI - Select Menu to build a List with picture. I follow this link and it's good. But When you select an item, just the text is copying, not the picture. I explain why I want picture. I've a List with no text, just picture, then When you choose an item, you see an empty span ... Someone have an idea? <script type="text/javascript"> $(function () { $.widget("custom.iconselectmenu", $.ui.selectmenu, { _renderItem: function (ul, item) { var li = $("<li>", { html: item.element.html() });
How to set top and left position attribut (for dialog)
Hi all, I memorize the values position of a dialog ((top, left), width and height) and set them when user return to the page (dialog on same place) I can initialize the width and height . But I can not set position ( top and left ) . Does anyone have the answer ? Thank's for your help YVO <script> var dialog_window_1_top = <?php echo $_SESSION['dialog_window_1']['win_top']; ?>; var dialog_window_1_left = <?php echo $_SESSION['dialog_window_1']['win_left']; ?>; var dialog_window_1_width
Re: Managed multi dialog for a dashboard page (SOLUTION WITH AJAX) - Question to set top and left
Hi all, When displaying the home page of our web application business I displays several block with dedicated information ( list of my files to my contact list , ...). To make dynamic interface , I encapsulated the block ( div ) in jquery UI dialog (page dashboard ) . Upon reflection, I used ajax return. The result is satisfactory . The method returns ajax take over the store top / left / W / H ( in the database ) . For a control in this test, the ajax method returned on the information and displays
how to get target element in sortable ui ?
hi, the update method of sortable ui, i just get a original element but it don't have target element, how can i update sortable list to server ? Thanks.
Problem with slide effect and datepicker in dialog
My bug report was turned down. Can anybody tell me what I should do differently here ? Cheers, Kjeld
Datepicker in multiple forms/same page - inst undefined error on second form
Hi, Trying to follow along with " How to use multiple JQuery UI Date Picker or Datepicker in HTML or JSP page The first input in the form "play" shows my custom datepicker calendar and works fine. ie. date is input using my custom datepicker calendar. The succeeding inputs in the form "futuredates" show the generic datepicker calender and gives the error "inst is undefined line 974 jquery.ui.datepicker.js" . Any help appreciated in solving this. Thanks, R. My code is: <!DOCTYPE html >
Next Page