Images with alternating z-indexes JQuery UI
I found another question with a similar issue but couldn't make head nor tail of how to apply the solution. My webpage is a simple combination of draggable images that lap over each other. All I want is for an image to appear on top of the others when clicked. Each mage is currently functioning as a span element for dragging - do I need to have all individual images as div elements for a solution to work? do I need to apply an initial z-index to each image? (right now no z-indexes have been applied)
UK Date format for datepicker in Google Libraries?
I am running a Customer management and follow up system called Infusionsoft. I can create secure webforms (https connections) for my clients to use that are hosted by that company. They have a form "Builder" that lets you drag and drop elements onto the form. One of the elements is an "HTML" element that will let you insert code. I am trying to implement a "Date Picker" for a date field that is on the form. I found that I could use this code to get the Date Picker Calendar to appear: <link rel="stylesheet"
Jquery Slider not updating input fields live
Hi I am trying to make a quote generation tool using multiple sliders but for some reason the totals do not update 100% on one slider until you use the other, then vise verser . I have tried many things but am missing something here and hope that someone can help, here is the code: <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script>
dialog not working on 1.10.0
I have a problem with a dialog and I have had to roll back to 1.9.2. The dialog box shows however it is covered with grey which has the same Z order as the dialog itself. (I force z-order 100 and grey box was 100, then z order101 and it was 101.) I can type and tab between fields however I cannot click to select the input box on the dialog itself. The problem varies slightly with AutoOpen true/false. Without autoOpen the greying out covers the entire screen and when I scroll it is only partially
how to place large irregular sized image into a jQuery UI button
Given a button of a fixed size and an image of an unknown size (but smaller dimensions than the button), how do I dynamically place that graphic onto the button? This example only handles something icon sized, as does this example. My own attempts end up cropping the image in the lower right. Hoping to get something robust that works across anything themeroller can spit out. Here's a link to a live example: http://jsbin.com/iliqih/2/edit <html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css"
Themeroller icon color washed out (too light)
I have been using JQUI for a while and have a few custom Themeroller templates in use. I wanted to upgrade a theme to JQUI 1.9.2 and went to my 1.9.1's themeroller URL. The problem I have noticed is that the icon colors seem washed out. I have chose a dark purple color in the default state icon field (#252669), but the color that comes out is much lighter (#6A6BAA). I have attached a screenshot with the colors side by side to illustrate. Has some new option been introduced in themeroller or something?
button click
i want to put a asp.net button control in accordion <div>, and on click of button i want to open particular section of accordion , how to do?
UI Tabs, ajax/json Request, data not showing in tab
Hello, I'm a newbie jquery user and I'm using jquery-1.9/ui-1.9. When clicking on tab #1 the requested JSON-data doesn't appear. My js-Code looks like: $(function() { $( "#tabs" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.fail(function( jqXHR, textStatus, errorThrown ) { ui.panel.html( "Daten konnten nicht geladen werden. " + "HTTP Status: " + jqXHR.status + " " + errorThrown ); }); } }); }); <div id="tabs"> <ul> <li><a href="rest/cfehler/9410273345537">Fehler</a></li>
jquery ui dialog not working with diferent sdiptis
hello there i have a problem using jQuery UI dialog i have the page as follow. <script type="text/javascript" language="javascript" src="../javascripts/jquery.js"></script> <script type="text/javascript" language="javascript" src="../javascripts/jquery-ui.js"></script> </head> <body> <select style="width:100%;" id="id_tour" name="id_tour" onChange="get_trip();" ><option id="0" name="0" value="0">Изберете</option><option id="2" name="2" value="2" title="Втора ексурзия описание">Шумен - Атина</option><option
jQuery Autocomplete select and focus event doesn't work in IE8
Hi, I'm facing a big problem using the autocomplete Widget in IE8. It doesn't fire the select or focus event , so I can't render the selected item. I'm using jquery 1.4.2 and jquery ui 1.8.5 Thanks for your help Charles
JQuery-UI 1.8.23 copy paste issue works on second attempt
We are using following JQuery code (within JSF) to invoke Autocomplete. Everything seems to work fine when user keys in data but when user copies and pastes Autocomplete will be invoked on second attempt. I am testing following code in IE 8. Any inputs are appreciated <script type="text/javascript"> $(function () { $(document).on('keyup.autocomplete','##{resp.workItemResponse.wiResponseId}', function() { $('##{resp.workItemResponse.wiResponseId}').autocomplete({ minLength: 3, source: function(
Datepicker not working in FireFox, but works in IE9, Chrome, Win:Safari, Opera
I cannot get datepicker to work in firefox. I am able to get it to work in all the other major browsers just fine with the following code Thanks for any help you can give me. <script> $(function(){ $('.datepicker').datepicker({showAnim: "blind"}); }); </script>
Should I use a more current Library than 1.8.11?
I have my date picker working properly with this code: <link rel="stylesheet" type="text/css" href="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ themes/base/jquery-ui.css" /> <script src="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ jquery-ui.min.js" type="text/javascript"></ script> <script type="text/javascript">jQuery( '#inf_custom_ MATURITYDATE'). datepicker({dateFormat: 'dd-mm-yy'});</script> But I see on this page here (the google libraries page): https://developers.google.com/speed/libraries/devguide#Libraries
Jquery ui combobox (autocomplete) disappears
I'm trying to do this http://jqueryui.com/autocomplete/#combobox The problem is that when I go with the mouse over an option, options will disappears and it cames out the advice: "x didn't match any item" where x are the letters that I wrote in the combobox. this is my select (builded with JSP) <select id="combobox"><option value="">Select one...</option> <%for(int i=0;i<ut.size();i++){ out.print("<option value=\""+ut.get(i).getIdUtente()+ "\">"+ut.get(i).getNome()+" "+ut.get(i).getCognome()+" ("+ut.get(i).getIdUtente()+")"+"</option>");
jQuery UI MultiSelect Widget - Optiongroup in Head
Hi, i need to toggle the optiongroups not only in the List. I need the link in the Head! How i do that? Can somebody give me a hind?
How to create Dialog at right bottom of page
Hi there, I'm using Jquery UI a lot. But can anyone tell me how to create a dialog that pops up at the right bottom of the page when the page loads. And this for asp.net forms application. Thanks already... Ronald.
Autocomplete pageup/pagedown key events
I have an autosuggest feature where i want to enable key functionality to scroll up and down through the dropdown list. heres my code $(document).ready(function() { $('.dropdown').hide(); $('.autosuggest').keyup(function (e) { isDelete = false; // if delete or backspace were pressed, // less than 3 characters also trigger suggestion if( e.which == 8 || e.which == 46) { isDelete = true;; } var search_term = $(this).attr('value'); if( search_term.length
Combining datepicker with jQuery isotope filtering
I'm trying to combine the jQuery datepicker and isotope plugin to filter out content dependant on date, the calendar filtering works, but I also want a menu to the side of the calendar that will filter for today, this week and this month. The today filter works, but I'm struggling to work out how to filter for 'this week' and 'this month'. Here's a working fiddle: http://jsfiddle.net/7RRUT/7/ I've tried implementing code highlighted in this post, but to no avail, I only need the week and month filters
jQuery Accordion & jQuery Tooltip not working together
I'm pretty new to jQuery, so please bear with me. I'm having some problems making my accordion and tooltips play nicely together. I created my accordion first, using the Accordion Widget from the jQuery UI site. The accordion sections each contain a table with a form where there are text labels accompanied by a small image that is supposed to spawn a tooltip when hovered over. I created the tooltips separately using this Tooltipster plugin (http://calebjacob.com/tooltipster/). I used this plugin
Using Jquery UI with Themeroller
Hi I'm using script for the JQuery UI Dialog - Animation - http://jqueryui.com/dialog/#animated It works, but, the themeroller css I created doesn't work with it (apart the dialog container background/border). The weird thing is that those 2 elements do work. The styling is otherwise the same as on the page where I got the original code - http://jqueryui.com/dialog/#animated All the other formatting e.g. the button style doesn't work - my page http://surfacedeals.co.uk/about-us/ I'm using <link
Jquery like facebook multiple friend tagging in post and message
I need such query for my college project .. Can any one help me in this
Jquery tabs don´t work on my Feather powered Wordpress theme
I have a tabbed Wordpress widget here to display recent comments, posts and tags. It doesn´t work like should with jquery-tabs. It loads each tab under each other instead of just changing content. The code is here: <?php class Bandit_Tabs extends WP_Widget { /** Constructor **/ function Bandit_Tabs() { parent::WP_Widget(false,$name='Bandit Tabbed Widget'); } /** Widget **/ function widget($args, $instance) { extract( $args ); $instance['title']?NULL:$instance['title']=''; $title = apply_filters('widget_title',$instance['title']);
jQuery in .js file
How do i add a jquery file in .js file
How to pass a value to a jquery dialog from oscommerce
Hi, I am trying to pass a product name from my oscommerce store product listing into a dialog modal. The code I have so far which has been put together by a friend as I do not fully understand jquery (yet!) $prod_list_contents .= '<td width="4%" align="center"><input class="call_hidden" type="hidden" value="' . TEXT_GET_PRICE_PRODUCT . ' ' . $listing['products_name'] . '" /> <a href="' . tep_href_link(FILENAME_CONTACT_US_POPUP) . '" target="_blank" class="a_call">' . TEXT_CALL_FOR_PRICE . '</a></td><td
how to check if autocomplete is closed?
How can I check if autocomplete is closed in this section of the code below if (e.which == 13) ? <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags" /> </div> var sectionAdata = ["ActionScript","AppleScript","Asp"]; $("#tags").on('keyup', function (e) {
if(e.which == 13) alert("send to section B" + this.value);
}).autocomplete({
source: availableTags,
select: function (event, ui) {}
});
Spinner with <input type="number"> produces double set of arrows under Safari & Chrome
I have used the jQueryUI spinner example to show that adding 'type="number"' causes a double set of up/down arrows to be displayed in Safari 6.0.2 and Chrome running under Mac OSX 10.7.5. There seems to be not only the jQueryUI set of arrows but also a native set of arrows. No problem with Firefox. Is this a bug, or have I done something wrong? website for the example http://barebones.ca/fullcalendar%20test/test.html
jQuery UI Resizable's stop event not recognized on IE8?
I have a small div that I'm using sort of as a tooltip to give certain information. It's called resizetip. I have another div which is resizable, I used jQuery resizable like this: $this.resizable(); Now, during resize, I want the tip div to be visible at the user's mouse coordinates. So while the user is resizing the DIV, there's this little tooltip giving some info, following the mouse during resize. When the user stops resizing, the tip disappears. This is my code, which works perfectly find in
multiple Autocomplete words using trigger
I need something like this for my college project http://jqueryui.com/autocomplete/#multiple-remote How does the search.php works in this and how to use autocomplete after a trigger like "@".. Thanks
Drag and drop setup not working properly
Hello all. Let us assume we have the following tree-like ul>li>div structure <ul> <li class="class" id="someid1"> <div></div> <ul> <li class="class" id="someid2"> <div></div> <ul> <li class="class" id="someid3"> <div>></div> </li> </ul> </li> </ul> </li> </ul> Now, i have the following code: $('li .class').droppable( { accept: '.someotherclass', drop: function (event, ui) { var id_i_want = $(this).data('id');
custom jquery UI tooltip
Hi, I'm trying to use jquery tooltip to show a div with an image and text. here is my HTML structure : <span class="reference"> <span class="marque" title="test">Adobe</span> <span class="details"><img src="/img/monimage.jpg" alt="alt">Descriptif du travail effectué pour Adobe.. </span> </span>here is my js : <script type="text/javascript"> $(function() { $(".details").hide(); $(".marque").tooltip({ items: $('.details'), content: function() { var element = $( this
ThemeRoller
Is it possible to use files generated by ThemeRoller to style web controls on aspx page?
Is there a way to only display a year range in the datepicker
No months or days. Just years.
Vertical scrollbar not appearing in Chrome, Safari and Opera...jquery UI issue?
Hi everyone, I am trying to fix a bug where I have a dropdown list that enables a vertical scrollbar. For the dropdownlist I am using http://code.drewwilson.com/entry/autosuggest-jquery-plugin for the auto suggest functionality. The problem is that when the dropdown list is rendered the scrollbar disappears if I attempt to click on it. This happens only on Chrome, Opera and Safari, and I can only assume on IE, but I haven't tested for IE yet. In Firefox there are no problems. There are no problems
Close collapsible panel when a radio button selected
I have a set of radio buttons in a collapsible panel as shown below. I want to have the panel collapse when the user clicks one of the radio buttons. Here is the code I used. Seems like it doesnt work: <script type="text/javascript"> var buttons = document.getElementById("radio-choice-2"); for (var i = 0; i < buttons.length; i++) { if (buttons[i].checked) { $(".selector" ).trigger( "collapse" ); } } </script> <div data-role="collapsible" data-content-theme="c"> <h3>Filter</h3>
[AutoComplete] multiple values - suggestions on click?
Hello everyone, loving jQuery, loving jQuery UI, loving the community around it all. :) Just wanted to state that for the record first. I have a rather simple question, unfortunately I seem to be unable to find the solution to my specific problem. Currently I am using the awesome Autocomplete Widget in the "multiple values"-variation (link). My code generating the appropriate script looks something like this: foreach ($terms as $key=>$term) { echo " <script> $(function() {
Autocomplete not loading on keydown
I want to capture keydown event so i use .live() method and attach autocomplete plugin . But it seems using .live() doesn't trigger the autocomplete. The keydown event is captured i have used alert to confirm it.But autocomplete is not loading. When i use ready() function autocomplete loads when I use live() function autocomplete won't load. What im trying to do is every keydown on input field im calling ajax to get information from server side and populate it in autocomplete plugin. This works:
How to download uncompressed JQuery.UI
Could someone please tell me where I can download the *uncompressed* JQuery.UI files? I've been searching everywhere on http://jqueryui.com/download/, but I can only find links to the "custom" archive that appends all the files together, which interferes with an in-house JS/CSS minifier.
[JQueryUI] Autocomplete with JSON: API documentation contains error in example
Hi all, spent an afternoon yesterday to try to get autocomplete to work, with a Java servlet as source. I used the JSON example from the API documentation: http://api.jqueryui.com/autocomplete/#option-source It states you can use the following JSON for example: [ { label: "Choice1", value: "value1" } ] I tried it out and my autocomplete script didn't work; firebug didn't find JavaScript errors, so I was at a loss as to what was wrong... Finally I found out in a stackoverflow.com post that this example
Control Accordion Open & Close Speed
I've looked all through the jquery-ui.js and can't find the setting for contolling the expand & collapse of the Accordion UI. Any suggestions? Thanks. Cayce
Dialog auto width
Dear, I'm new to jQuery UI and i want to use the dialog box. But i ran into a problem. I want to change the standard width value to be "auto", but for some reason this doesn't work. (I change it in the following function) $.widget( "ui.dialog", { version: "1.10.0", options: { appendTo: "body", autoOpen: true, buttons: [], closeOnEscape: true, closeText: "close", dialogClass: "", draggable: true, hide: null, height: "auto", maxHeight: null, maxWidth: null, minHeight: 150, minWidth: 150, modal: false,
Next Page