jquery-ui-custom.css
I downloaded some code on converting a HTML Select to a combo box using JqueryUI autocomplete. The code required the stylesheet "jquery-ui-1.8.5.custom.css" . However my download of the JQuery UI library for 1.10.4 contained no "jquery-ui-1.10.4.custom.css". What took the place of this style sheet?
When using CSS zoom, mouse position is not scaled to jquery-ui slider element
I'm using the following transform in javascript: $("body").css({"zoom": (100*scale) + "%", "background-size": bgsize, "-moz-transform": 'scale(" + scale + ")'}); The problem is, the jquery-ui slider element still uses the original mouse click coordinates and not the scaled one. Thus, for scale < 1, the slider click is non-functional. I would like to just adjust the mouse click coordinates only when dealing with this slider and not other elements on the page. Note: I have tried all jquery-ui versions
jquery autoComplete append
$('.autoPhase').autocomplete({ source: 'files_json/auto_Phasecode.php', minLength: 1, select:function(evt, ui) { form_edit.proj_PhaseCodes.value = ui.item.phaseCode; } }); I have the above autocomplete code. Works great!! BUT what I would really like to do is append the ui returned value to the form_edit.proj_PhaseCodes.value rather than just store the value. TIA for your assistance jdadwilson (newbie)
jQuery UI dialog template and jQuery Validate
Hi all, I am working with MVC 4, jQuery UI and jQuery Validation. Also knockout but thats not an issue. My problem is that I can get the validation to work on the view. But when I open the jQuery UI dialog as a template and have some input fields there, the validation doesn't seem to trigger. Here is my code - what am I missing? Is it scoping? In that case how come Knockout is working? @model App.Models.RegisterModel @{ ViewBag.Title = "Home"; } @section featured { <section class="featured">
Keyboard navigation with menu - scrollbar stealing keyboard focus
First time poster here. I have been using jQuery and jQuery UI for a couple years now and love them both. I was trying to use the jQuery UI Menu in my ASP.NET application. After I created a nice looking menu, I realized that the keyboard navigation did not work. Then I went to the Menu demo page on this site (https://jqueryui.com/menu/), and saw that it wasn't working there either in any browser I tried. I opened bug 9862 about this issue. It was closed almost immediately because the iframe containing
implement bubble thing around the text entered in search like facebook theme
Hi I am trying to implement like facebook theme using tokeninput from jquery but here i dont want to use url and instead of url i would like to use user entered text as input and add bubble thing to the text.Any idea how can i do this.
word wrapping in submenu
Hi, I have created a fiddle to show a problem I'm having: http://jsfiddle.net/A5HyU/1/ On that fiddle, click on the button on the right, then go to the menu item "Segnalibri", you'll notice that the submenu that opens has the second element in which the word "Condiviso" is somehow wrapped, but I would need the submenu to be sufficiently large to hold the whole word. Is a problem of my setup or in the library itself?
Magnifying glass on <video> tag?
Hi - does anybody know if it's possible to create a zoom effect on <video> sources?
toggle side menu
hi! I want to toggle 5 side menus with the same class, but this code doesn't work really good. If I open and close each one after the next, its fine, but if I want to open the next during one is open, i have to click two times. (i know it's because of the variable-counter) The problem is, that i have no clue if there is a better solution. Thanks for your support! $(document).ready(function() { var number = 0; $('.side_lash').click(function(){ if(number == 0){ $(this).parent('.side_menu').animate({
jquery ui slider how to set handle color ?
with code below i can set the the color of the slider handle after a document event . but it doesnt set the color at pageload. How to set the color of the slider handle at pageload. $(document).ready(function () { $(function () { $("#slider").slider({ orientation: "horizontal", min: 0, max: 256, value: 127, //slide: refreshSwatch, //change: refreshSwatch }); }); $(".ui-slider-handle ui-state-default ui-corner-all").css("background-color", "#FF0000") });
Weird tab height when using side menu.
When using the following html5 structure - and jquery ui tabs -> the tab headers are showing as the same height as the side menu: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title goes here!</title> <link rel="stylesheet" href="style/reset.css" type="text/css" /> <link rel="stylesheet" href="style/main.css" type="text/css" /> <!--[if lt IE 9]> <script src="scripts/html5shiv.min.js"></script> <![endif]--> <script src="scripts/jquery-1.10.2.min.js"></script> <link rel="stylesheet"
JQuery Modal Dialog
Hello All, I am using modal confirmation dialog box as shown in the below link https://jqueryui.com/dialog/#modal-confirmation 1 ) This works fine for me in Firefox and Chrome browser. However, when I test this on Internet explorer 9. The modal dialog come at 'Left Top' position and in other browser By Default it is coming to Center psotion. I have tries using position atrribute. But still result is same. Why this is so ?? 2) When modal dialog box is opened I am ABLE to click other buttons OR
Dynamic data on Tooltip
Hi, I want to present dynamic data on tooltip ie on mouse hovering of text field I want to represent a table in a tooltip. Please suggest some solution.
Jquery UI Datepicker and Event Espresso on top of Wordpress problem
Ok, this might be tricky to explain without looking like insane person. I was successful implementing jQuery Datepicker with wordpress so Event_post_types were picked up and the proper days were highlighted on the datepicker widget. And also each date corresponding to an event on the datepicker was a link which was going to that even't page. But then project got more complicated and I had to move all my custom posts to Event Espresso plugin. So far I was able to recreate everything except the linking
Accordion loading.gif before loading content
Hi all, hope someone could advise on how can I show a loading image before loading a content in jquery ui accordion content. when I click the header, i want to show a loading.gif image (progress bar) before loading it's content. I've tried to search using google but no luck thats why i'm trying my luck here in this forum since I know that most of the jquery master are here :) Further, pls see below code that I have: script: <script type="text/javascript"> $(document).ready(function () {
Autocomplete: Same code, different results
Hello, how is it posible? I have written the same code in two sites, and the result is different. Code 1: http://jsfiddle.net/uMqyn/518/ Code 2: http://jsfiddle.net/uMqyn/519/ The only change I made is the external JS/CSS included in Code 2.
jQueryUI tooltip for validation help
I use jQueryUI tooltip for validation. I just want exactly do this: when Textbox focusout or sumbit button click empty textbox tooltip appear. I write this script but this script have this problem: on click or Mouseover or Mouseout ... in Textbox the tooltip does not appear.just on focusout or sumbit button tootltip mus appear.how can i do that? after tooltip shows on mouse over tooltip disappear. how can i prevent that??? tooltip not disappear just disappear when user click in Textbox .how can i
accessing table in jquery ui dialog
Situation: Access the server through AJAX to get an HTML table constructed by the server, then use the table to present information to the user. The table contains a variable number of cells set by previous user work, and some of which have pointers to files which have additional HTML files with more information. I ran into two problems, the first of which I solved with a hack (IMHO), the second on which I'm stuck. When the user click any where on the dialog, not just the close button the dialog
Is autocomplete working on Chrome latest Versión 33.0.1750.117 m?
Please if you have latest version of chrome, test http://jqueryui.com/autocomplete/ I can't get the demo page work, even using latest firefox! Autocomplete works if you rightclick next to the entered word....WEIRD! Any ideas?
jquery modal pop close button click
Dear all, I am using jquery modal poup to open a page (example from parent page,a.spx, iam opening the child page,b.aspx.) Following is the code <script type="text/javascript"> $(function() { $("[id$='lnkbtn']").click(function() { var str = $(this).attr("details"); var page = ('../b.aspx?no=' + str); var $dialog = $('<div></div>').html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>').dialog({ autoOpen: false,
jquery ui autocomplete. with error
hi I m using jquery ui autocomplete. I have a problem :-( Output the list for me is not displayed and the following error appears: 5 results are available, use up and down arrow keys to navigate. I use css code : .ui-autocomplete-input { z-index: 999; but not resolved . please help me my code: $( "#TextKey" ).autocomplete({ source: function( request, response ) { $.ajax({ url: '<%=getAllFriend%>', type: 'GET', dataType: 'json',
need example of using autocomplete on a field in a table.
I have a table of editable data and would like to make the fields in one column autocomplete. Does anyone have an example I see? My attempts have been fruitless... the columns in the table get shifted, and the autocomplete functionality does not work.
Does UI work in conjunction with cycle2?
Trying out UI datepicker, but I am not getting very far. I use DW CS5.5 to put the pages together. I have cycle2 linked in and I am trying to get UI datepaicker working. The <head> area includes: <link href="../css/mystyle.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="../jquery/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="../jquery/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../jquery/jquery.cycle2.min.js"></script> <script type="text/javascript"
accordion settings in Safari
using the accordion plugin it is initialized as: jQuery(function() { jQuery("#faq").accordion({ heightStyle:content }); In IE, FF, Chrome it is shown as it used to be. In Safari there is just one long list. After changing the initialization to jQuery(function() { jQuery("#faq").accordion(); }); even in Safari it is working (PC & Apple) But I like to have also the 'heightStyle' set to the content. I tried the next option code: jQuery("#faq").accordion({heightStyle:"content"});
Accordion - Slide header below content
I'm using accordion to hide additional content below the main content and show it when opened. Everything works fine, the only problem is that I want the header to stay below the content, ex: When the content is expanding, it slides the header button to the bottom and than, if closed, slides it back up, keeping it on the bottom at all times (when content is visible). I've done all the styling, but I can't seem to find how to change the position of the header. I'm using the minimal required css, and
Tabs - show all content divs?
Hi, I it possible to show all divs at once, so the user can see all the content on the page? I currently have this jquery on my page, but the tabs still hide all the content. Can anyone please help? $( document ).ready(function() { $("##tabs-menu").tabs(); $("##tabs-menu div").show(); });
Div Component Resizable from both side
Hi, I am creating a div component resizable from both the side using plugin jquery-ui-1.10.4.custom.js but it was allowing me to resize from one direction only ie. East. I have changed the handle and tried to resize the component from west side also, but it is getting resize in north direction rather than west. I want the component to expand in east and west only and not in any other direction. Please suggest something!!
tweaking ui slider to make handle invisible at page loading
Hi all, For a web survey i need to use sliders wich will not show the handle at the page Loading in order to not influence the score. The handle would appear only when a client would click with his mouse on the slide and would be moveable as usual. Many thanks for your help. Best, Chris (France).
Issue while using Containment
Hi, I am using containment function for constrainting resizablility of a div component. Queries: 1. while stretching div component from left, the position of component is changing ie. reaching to top side of the specified container. 2.while stretching div component from right,i am able to stretch it to half of the specified container only but not the full container. 3.while repositioning the stretched div,the size of top and width are increasing inversely proportionally. Requirement: I want
Autocomplete suggestion text onclick event triggering problem
hi, I have the following work to be done ,asking for suggestion. I used a textbox Control: textbox Event : onchange function : validate email() Event: keyup function: autocomplete(); problem here is clicking the suggestion text of autocomplete , onchange event(validateemail) is firing ,how can I prevent that. i want to make it work like onclick of suggest text in autocomplete the validation of email should not be done. after fill the textbox with autosuggestion text only it should
sortable + mouse scroll button
I'm using sortable to add drag/drop functionality to a table (setting it for the tbody). It works fine, but for some funny reason it disables the mouse's scroll button in Firefox, but works ok in IE (that's a first). Any idea if I'm missing something?
Can use auto complete function on same classname with clone row?
Hi did anyone know is there possible to use autocomplete function with same class name with clone row,thanks Here is the jquery code: $(".products").autocomplete({ source: '../php/productresult.php',minLength: 1 }); $('#qty').keypress(function(e) { if (e.keyCode == 13) { //$('#invoice_table>tbody>tr:last').clone(true).insertAfter('#invoice_table tr:last'); $('#invoice_table>tbody>tr:last').clone(true).insertAfter('#invoice_table tr:last');
Overriding an event
Hi, To put it simply I have div1 and div 2 like so : <div class="one"> <div class="two"> </div> </div> I have a swipe event on div one. I would like to add a swipe event on div 2 which will override the event on div 1 since div 1 will cover the same area as div 2 as its its parent. the even code is below. I'm using the hammer.js library for the touch events. var hammerelementone = document.getElementById('one'); var hammertime = Hammer(hammerelementone).on("dragleft", function(event) { function
Using Jquery UI in Google Chrome Extension
hello, I want to use Jquery UI in a Google Chrome Extension. I can't find how to do that. Can somebody help me?
sortable (connect lists with tabs) + hide + accordion
Hi, I'm trying to combine Hide with Accordion inside Sortable (connect lists with tabs) but instead of using lists i need to use div's. I already combine the Hide and Accordion part and it works fine, but how can i use it in Sortable? The sortable part is this: sortable Can anyone help me and provide an example? Thk
Need Help in Menu control
Hi All, Need your suggestions whether the below menu can be implemented or not, Cause our designers who design the html for us are telling that this can't be done. So Guys need your inputs if yes then it will be more helpfull if u can give any give us any link whether the same is implemented in some website so i can tell our designers. Waiting your suggestions
Draggable Div in an User Control not working
I am following the sample of draggable DIVs and it works fine. But as soon as I put the code in a User Control, it stops working. Can you use draggable in an user control, or not? Thanks in advance Robert J.
.slideToggle issue in Firefox
Hello. My site http://charleybiggs.com.s64567.gridserver.com/ is working properly in Chrome and Safari. When you click on certain boxes, specific divs load at the top of the page. In Firefox though these divs are automatically showing when the page loads. They are supposed to be hidden until a box is clicked. Anyone have any idea why it's doing this? <script type="text/javascript"> jQuery(function(){ jQuery("#music").click(function () { jQuery("#musicinfo").slideToggle('slow');
About selectable jquery ui
from this http://jsfiddle.net/N565p/23/ i want to set first load (option that have a text from database to be selected ) like at the item have text == Option 2 and text == Option 3 was selected at first load thanks for answers
Does not function effect slide
Im testing some effects in jquery ui, and this is the first, but this doesn´t work. Here is my code. Thanks in advance for help me. This is the index: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>parainformaticos.com</title> <link href="jq/ui-darkness/jquery-ui-1.10.4.custom.min.css" type="text/css" rel="stylesheet"/> <link href="css/main.css"
Next Page