ui menu: how to use focus method
I'm trying to use the ui-menu focus() method to set focus on a specific menu item on page load. I'm getting the following error: Uncaught TypeError: Object #<HTMLDivElement> has no method 'find' Maybe it would help if someone can confirm for me whether I understand the method syntax correctly. Here's the example from the API: $( ".selector" ).menu( "focus", null, menu.find( ".ui-menu-item:last" ) ); If I understand correctly, I should replace ".selector" with the list container I wish to render
jQuery css does not correctly apply
Dear Community I'm facing a problem with the css of the smoothness style. In the section of the Component containers I found the following piece of css: /* Component containers LN: 229 ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } Obviously, a ui-widget of the
How to pass mouse events to an iframe
I am needing to use jQuery UI in a child iframe of my host page. My issue is that drag operations work poorly if the users mouse travels outside the child iframe and into the parent. If this happens the mousemove events or mouseup event are no longer sent to the UI control. I have solved this with my own GUI functions by simply having the parent pass these events to the child for processing but with jQuery UI I do not know how to pass these events through properly. In the sample below I show my failed
Where/What is _refresh()
Actually this is a Problem for me. I need to control values in a Spinner. I created a table, populated it with <input> and converted the inputs to spinners. I also set min and max values. So far, so good. When one clicks the Up & Down icons, everything works just fine. When there is keyboard input things start to fall apart. The Max value does nothing, I am also using a step size of 5. I get the value and subtract the mod 5 (% 5) value then put it back, it doesn't go back. Both clamping to max and
Dialog position will not move
I'm trying to change the position of the dialog when it displays. This is my code: $(function(){$( "#Untimely" ).dialog({ position: { my: "right top", at: "center", of: "#Input" } });}); I've changed the position to { my: "center", at: "center", of: window } but nothing moves it. The dialog only stays at the top left of the window. The only time it has moved is { my: "right", at: "center", of: window } and it moves right off the page. Any help would be greatly appreciated. Thanks Ryan
beforeLoad firing in tab widget when content loaded from cache interfering with "Loading..." text
I am using version 1.9.2. of jquery-ui-tabs. I want to set some Loading... text when beforeLoad fires. But when I do this: $('#tabs').tabs({ cache: true, beforeLoad: function(event, ui) { return $(ui.panel).html("Loading..."); } }); once the cache hits start the beforeLoad code and the component's reloading of the cached content interfere with each other and the content never gets reloaded (the "Loading..." text remains. When I turn
Failing to display list of values using Autocomplete Remote Datasource in 1.9.2
I am trying to upgrade from 1.8 to 1.9 and could not make the autocomplete to function with remote datasource. So I tried to use the demo version and host it on my server, and it fails too. I suspect the problem is with / characters in the source property. Searching for "pig" hoping to find "pigeon", it works it I use the following URL http://jqueryui.com/resources/demos/autocomplete/search.php?term=pig Could anyone try the following example and search for "pi" or "pig". Thanks, Eric ---------------------------------------------------------------------------------------------------------------------------------
Problem with toggle()
Hi All I need some help in my JQuery code I can not seem to understand where I am going wrong. It's a simple 'Parent' and 'Child' style collapsible table. So to start with all 'children' are hidden and if you click on a Parent it shows all it's children. The problem with my code is when I click on a Parent all of it's children are shown in all the rest of the Parents too. Thanks $(document).ready(function() { $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show();
Organizing values of child elements for processing of a sortable form
in my form, the user can click a button to create input fields. Inside each of the created input fields, they can click the "add media links" button to create another input field underneath. They can add as many media links as they please or none at all. The first set of input fields are also sortable. I have the user interface working, I'm just wondering how to go about processing it. right now, I am basically grabbing all of the values entered from the first set of input fields (aka "thestepvalues"
tablesorter.pager not working when data is coming from ajax
I'm hoping someone can help me with a problem I am having. I am populating a tablesorter using ajax and the number of rows is quickly getting out of hand so I'd like to implement the tablsorterPager. This works fine when the table rows are included in the jsp page, but when I try to populate dynamically I am still getting all of the rows at once. Here is the html that builds the two: <div id="pager" class="pager"> <select class="pagesize"> <option selected="selected"
UI Tooltip (re)position after loading content with ajax
Hi, I would like to reposition the tooltip after loading content with ajax, the tooltip stays at the same position after loading content. when i hover out and back in the tooltip is positioned in the right way but i need this do be done directly after loading content.
How to save array of connected sortable lists to MySQL? Desperate
Hello, I have been intensively looking for an answer for a week. There are a lot of examples out there, how to save results, when having fixed number of lists. My task is: I have one 'ul' list, full of items (with id from 1 upwards) queried from MySQL. And I have several other EMPTY 'ul' lists (with id from 1 upwards) also queried from MySQL. The task is to distribute items from first list to other lists and save the result in db. The final outcome should be: item1 => list2 item2 => list1 item3 =>
using firefox, jQuery tabs have orange border
when the tab is clicked on. how can I turn this off? many thanks! http://jqueryui.com/tabs/#vertical
jQuery Tabs "changes to save"
With the Jquery tabs is there a way to save the changes made on a per user basis. I would also like to use the lists inside the tabs with the lists holding data retrieved from MySQL. What would the best way to go about this be. Unfortunately I am just a nooblet cutting and pasting code to get things to somewhat work. Thank you in advance Steve Here's a copy of the code I have used so far <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Simple manipulation</title>
selectable lost area selected using animate zoom
$("#slider").slider({ value: 1, min: 0.1, max: 2, step: 0.1, slide: function (event, ui) { $("#amount").html("" + parseInt((ui.value) * 100) + "%"); $('#<%= GridView1.ClientID%>').animate({ zoom: ui.value }, 1); //selectable___(); } }); $("#amount").html("100%"); function selectable___() { $(document).ready(function
jquery.ui tabs help
Hi All, I have been searching for days and cannot seem to come up with an answer. I using jquery ui tabs and I have a form in the tabs. All my validation is done in my script which also contains my form i.e phpscript.php jquery is calling my script, the form displays but when I try and submit data the form just refreshes. this is the code in my head section. <script> $(document).ready(function(){ // set the tabs $("#tabs").tabs(); // Capture the form's submit event $('.legal').live('submit', function()
Datepicker
how to add Jquery datepicker in dynamically loaded textbox.i.e., When i click a button , the popup containing textboxes from external page will shows in the present page. in that textbox i want to use datepicker. i have used following ajax for Loading a external page <script type="text/javascript"> function manageapp(id,apcno) { /*alert(id); alert(apcno);*/ //alert(dd); if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari req=new XMLHttpRequest(); } else {// code for IE6,
Sortable not working when the list comes from ajax
Hi, I am unable to do sortable when the list is coming from Servlet layer using ajax. My code: $(function() { $( "ul.droptrue" ).sortable({ connectWith: "ul" }); $( "#sortable1, #sortable2, #sortable3" ).disableSelection(); }); function changeSecurityConfig(securityType){ if (typeof XMLHttpRequest != "undefined"){ xmlHttp= new XMLHttpRequest(); } else if (window.ActiveXObject){ xmlHttp= new ActiveXObject("Microsoft.XMLHTTP"); } if (xmlHttp==null){
help needed regarding dialogs
I am having two dialogs on a page, one will show Telerik control in a div. The other will show another aspx page as popup. the first dialog is functioning correctly, until I open the second dialog that calls a .aspx page. The problem is the telerik control stops working after the second dialog is opened
Smoothness is not working as you developed in Your Demo Site
HI i am using accordion control as you explained in you demo site .its working fine but when i click flickering the control not working smoothly as your Site Thanks
Call Methods Prior to Initialization Error: Production Environment, but not Dev. Env.
I've used jQuery UI to make a slider that controls the overlays on a map. On my local development environment the slider works perfectly. I can click the slider itself and the handle jumps there. I can use some arrow buttons that increment & decrement the slider value. In each case, the correct events are triggered and the map overlays respond. No errors are shown in the JavaScript console. When I uploaded everything to Amazon AWS S3 and ran it in production, though, new problems arose. The
Loading fro
I'm kindof a newbie to Jquery. I'm trying to load the codes using JQuery UI Autocomplete. I'm able to load it if I hard code the values in the script. I'm trying to do the same from the txt file. I have it in my C folder in my local system. I'm kind of stuckup with how to handle the file path I have it in this way currently "file:///C:\Users/vthummalapallyDocuments\proc_codes.txt". Any help on this is appreciated. Thanks
Autocomplete issues in 1.9.1
I used this code in jQuery UI 1.8.18 for autocomplete and it works fairly well. $(document).ready(function() { $("#cmntclientnameauto").autocomplete({ minLength: 3, source: "ajax/clientlist.php", // Pull in names and addresses select: function( e, ui ){ // When we select one var keyvalue = ui.item.value; $.post("ajax/readclient.php",{id:keyvalue}, function(data){ // Pull in the data },"json" ); } }); });This works great I get great looking menu style lists and it selects the info and sends it to
Screen disappears in 1.9.2
WOW! I have a wierdie and am totally lost. I have everything on my site running jQuery UI 1.9.1 and most of it works good. Autocomplete has some issues and doesn't work, but that's another post. My problem is when I replaced everything with 1.9.2 it went screwy! My screen totally disappears and nothing but a refresh will put it back. The first time (yea I tried it 3 different times) I thought it might be the code I use to load the dom and then put the entire screen up. First the CSS for that. body
jquery ui 1.92 tabs: tabs inside of a tab not working
When I try to create another tabs container inside of a tab in an existing container it does not work, it used to work in 1.8.23 and when I upgraded to 1.92 it broke the tabs interface, any idea on how to fix this?
JQuery UI Selectable programm selectable and unselectable
Hi, help me please. I can not find examples of program selection and removal of selecting. I ask respond knowledgeable.
Form tag does not get added in Chrome and Opera
I have a button on my form. When I click that button I first ajaxpost to a webpage on the server, take inner html of the specified div and finally append that html to another div that will present a jqueryui dialog. Here's the code: $('#window').html(content). dialog({ title: title, show: 'drop', hide: 'drop', width: 400, buttons: buttons, position: { my: 'center', at: 'center', of: window } } ); And here's the inner html of the div
navigation process in mobile web application with phonegap
hi all, i am looking solution for navigation in mobile web application that are compatible to mobile gap. thanks
Problem with jQuery UI tabs and base tag
Hey, I have a problem with the tabs widget from the newest jquery.UI (Version 1.9.2) when my document has a <base href=""> tag. With the previous versions (1.8.23) it worked well. I did a little research and the problem accours in the isLocal() function where the link href is compared with the location.href. The link href has the base tag followed by the tab's id which should be opened. When we set the complete link as href (http://myserver/mydirectory/myfile#tabs-1, etc) it works again, but when
refresh page accordion
Hi every body i have still a problem with my jquery accordion i would like to refresh my page each time that i click to open one div in my accordion. i texedt with this code , but don't work. i don't know very well about jQuery ui. well i testied with some code to gave some body in this forum. $(function(){ $( ".accordion" ).accordion({ fillSpace: true }); $(".accordion").accordion({ header: "h3" , active: 4}); $('a[href*=#]').click(function() { $( "body" ).accordion( "refresh" ); }); <body>
Newbie seeking feedback
I have just created my first jQuery / jQuery UI project, an animation showing two programs that share information via a common database. The animation works, but I would appreciate feedback on the way I've implemented it. Is there another approach that would be more elegant, more maintainable, etc? You can see the project here -- just click the play button: http://greendept.com/my_first_jquery/my_first_jquery.html Basically, in the html I just used a bunch of divs with ids. ("View source" to see
Several versions of jQuery and jQuery UI on the same page
Hi I have selected a number of plugins (jqGrid, jqPlot, ...) These plugins use different versions of jQuery and jQuery UI. On the same page included several of them. The problem is that not all of them work properly. How I can do? Kind regards Justo
embed jquery ui datepicker
Is there away to make the datepicker embedded in the page rather than a popup? Thanks David
jquery dialog appears more than once in jquery tab
I applied jquery.dialog in the content ascx pages and it works fine. But when I have mutiple content pages using jquery tab control, when the popup comes and dragged to left or right of the screen, it get doubled.I have unique id in each content pages for dialog box.Please let me know where my problem resides. Following is the code which I used in each content pages: $("divModelPopup").dialog({ width: 450, height: 200, modal: true, title: 'title of
jquery slider
hello, how can i create a slider that on a range it changes colors? i need this so i can represent the BMI result. Segment it in color for each range of numbers for example 0-18 yellow 19-25 green 25-30 red above 30 dark red thanks in advance.
jquery autocomplete not working with razor page
I am new to asp.net and razor. I am trying to get the field called product to have autocomplete with results from the database. I have created autocomplete.cs model and the ticket controller was already in project so i just added the action. Then the new.cshtml I had added the code. I am lost on what is wrong. Any help is appreciated. The issue is when i go to new.cshtml page and jquery auto compete does not work on textbox. Other jquery which i am using to hide other fields does work. I added this
I want to execute server side code on click of different tabs in asp .net
Hi, I want to bind the data to the drop down list on click of tab. The drop down list is placed inside the tab. It's urgent please help me to solve this issue. I am a beginer to JQuery.
reload Iframe of accordion jquery
Hi everybody i am new in this web site i don't know very well how work this forum. and i am not many knowledge with jQuerys. I use one accordion Jquery in my web site and i use iframes into each div of the accordion. But i have a problem with the Firefox browser. I would like to know how i can reload a iframe when i click to open the tab in the accordion. i put here the code that I tried to use but don't work. pleaseee i need help -------------------------------- code --------------------------------------------
Strange maxDate in datePicker
Hi, For some reason I keep getting an Invalid Date reported for the datePicker I use. Been staring at it for days now and I simply don't see it. I have the following rather simple code in my application: $(document).ready(function(){ $.get('getmaxdate', function(data){ var maxDate = new Date(Date.parse(data)); $( "#blogDate" ).datepicker({ dateFormat: "dd-mm-yy", constrainInput: true, showAnim: "fade", maxDate: maxDate}); }); }); As you can see in the screenshot of Firebug below the data coming
drag and drop works only once with jquery
I am working on drag and drop in salesforce using jquery.It works only once when i drag and drop, if i try next time it doesn't drag . this is the code , i have worked $(document).ready(function() { $(".ui-widget-content").draggable({ revert:'invalid' }); $(".tabHoldClass").droppable({ drop:function(event,ui){ updateTask(ui.draggable.attr("id") ,$(this).attr("id")); } } ); In sales
Next Page