Autocomplete with a asp.net web service
Hi all, This is my first steps with Jquery UI. I found some code and examples but my code isn't working... The goal: use the autocomplete with an ASP.NET WebService method (2 parameters) When I call my Webmethod with parameters: prefixText="50" and count = "10" I get <?xml version="1.0" encoding="utf-8" ?> - <ArrayOfString xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="ORES.SharePoint2010.Common"> <string>5000</string> <string>5100</string>
dialog movement
Hi, i want to make a dialog movement only in the parent-div. What i mean is, the page is containing a div for the top-menu and a div for the content. The dialog has to be created in the content-div and only in this div to be move. At this moment the dialog will be created but i can move all over the page; over menu-div too. thats bad. ... <div id='topmenu'> .......</div> <div id='content'>... in here, the dialog will be created, show javascript at bottom....</div> ... And the javascript: $( "#menu_add"
JQuery Dialog causing page to go blank
I have a div with display:none and i am opening this div inside the jquery dialog on click of a link. The dialog opens on top of the page properly in IE8, IE9 but not in IE7 In IE7 the dialog opens but the page behind the dialog goes blank. IE7 Screen shot IE8,9 screen shot Any help why this is happening will be helpful. Code to initialize dialog as follows $('#warnList').dialog({ minWidth: 400, width: 400, minHeight: 100, resizable: false,
ajax tabs 1.10
I want to be sure I am understanding the new ui tabs and how it handles ajax requests. I have a list of data records in one tab and when a user clicks on a link from a record in that list I want to switch to my tab that shows the detailed information for the specific item (so a list tab and a detail tab). I was hoping to use ajaxSettings.data, but if I'm following the discussion for ticket 8673 correctly, I need to change ajaxSettings.url with the data attached as a querystring. Tabs beforeload
UI ignoring CSS
Hi Everyone- Brand new, and am having problems getting going. Followed directions on Getting Started. Have used the Download Builder. Distributed the CSS, JS to the appropriate folders on my server. Have copied and pasted the form tag and javascript from the index into my HTML. Updated the link paths to CSS and JS in my HTML and... no go. The component I downloaded was for buttons. The radio buttons appear, but are not styled as buttons. What have I missed? Thanks- excited to get going!
JQuery goes to past date with the Date range
i'm using the date range with two textbox (fromDate,toDate), each one with icon trigger function . when i disable the "fromDate" the toDate can be goes to past dates ,i want to disable this and normally use like if no disabled textbox. this is the jquery $(function () { $("#fromDate").datepicker({ changeMonth: true, changeYear: true, numberOfMonths: 1, showOn: "button", buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
Minimum Size for a button
How does one go about setting a minimum width on a button. I've tried using: .ui-button-text { min-width: 80px; }, along with ui-button-text-only. Nothing affects the width except the text on the button itself.
animations hiding/blocking other animations?
hi there I use a few animations on my page, but somehow the first running animation hides or blocks the other animations. Once the first animation is finished, the second can be seen in progress already. After this one finished, you see the third one, also in progress. The idea is to change the height of the bars so the slide in, two from top down and one bottom up. Please see code on http://parallel-pictures.com/index.html Any help appreciated, I tried many things. Also with slideUp and slideDown,
As Rapahel integrate with modal window ??
Hi everyone I need Rapahel integrate functions within a modal window. Use the following code but Rapahel is not within the modal window. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>dialog demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script type="text/javascript" src="../js/vendor/raphael.js"></script>
Is it possible to make selectable a sortable ?!
Ok, probably i'm trying to do something not so right ... but i'd like to have my list ( UL / LI structure standard ) selectable AND sortable. I've tryed executing before selectable and after sortable.... and also te opposite.. ma the list remains only sortable. Is it NOT possible or simply i'm doing something not well ? I tryed to log with firebug the start event but it simply doesn't fire // Avvio il sortable // Memorizzo l'ordinamento attuale in un cookie genresContainer.sortable({
jQuery UI Tabs can open in a new browser tab
Hi everybody, In my application I am using ajax jQuery UI tabs and when I right click the tabs header in context menu I can select "Open in a new tab" the content of the jQuery UI tab is opened in a new browser tab without any css and styles, previously in version 1.8.4 the browser tab was opened with the whole jQuery UI tab. I am using jQuery UI 1.10.3. In this version of jQuery UI the tads header points directly to the url of the page used for tab content. Previously I used jQuery UI 1.8.4 and
jQuery UI Menu
Hi, how can I make the menu widget horizontal? I've search around the Web but I haven't found a good solution. Thanks for your help!
add flexigrid to modal form
Dear all, I would like add flexigrid object to modal form. who can tell me how to do that. thank you.
multiple sortable columns : issue with scrolling
jQuery : 1.9.1 jQuery UI : 1.10.1 Please See The Fiddle In the fiddle, when user tries to drag top item in list-1 into bottom of list-2, the scroll bar of list-1 gets moved instead of list-2 scroll bar. Tried various things but couldnt make it to work properly. Any inputs/suggestions are much appreciated. Thanks, Rakesh
Dialog api
1. what is the return value of .dialog()? e.g $(div).dialog({..}) will return $(div) or the dialog widget? I cannot find it in the documentation? 2. I have googled for information about dialog cleanup stackoverflow But the information in the page may be outdated, will dialog detach its event handlers (close, open...) when destroy? Do i need to call $(div).off() or $(div).dialog().off() or something else?
TinyMce with jQuery UI Dialog - Form submit not working in Firefox20
I have jQuery UI Popup dialog form, which has a TinyMce editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox(Firefox20), when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. Pls help me in this Regard.
Spinner problem
I've this rendering problem for spinner. See this picture: Please note: I cannot update jquery; i cannot update jqueryui. But i need to debug this issed and understand what's the problem The Widget is bad-rendered but - is fully working - no javascript errors - Ie9, FF 20, latest Chrome and Safari all looks like this. Please, help me debug this problem, I've no idea where to start, because of no js errors !
Widgets Dialog and submit
Hi, I try to work with dialogs, I do not like the form validation example that brings in the documentation for that I can not validate it from the server side, what I do is to generate dialogue and load in one form from another file, the loaded is through ".load('file # container')", the loading is GET, POST need it, when I try to save it with the submit not send me any information, this is my code: $( "#dialog-form" ).dialog({ autoOpen: false, height: 250, width: 350,
Enhance effect blind with effect fade (how to)
Hi. The possibility to combine the blind with the fade effect seems to be a wanted feature. I've found some discussions and approaches to do this on Stackoverflow and some blog. It would be very easy to implement this feature as an option in the code. Just add a few lines in jquery.ui.effect-blind.js (version 1.10.3) at line 57: // start at 0 if we are showing if ( show ) { wrapper.css( ref, 0 ); if ( ! motion ) { wrapper.css( ref2, margin + distance );
how do I get accordion and reader to play nice ?
I'm pretty familiar with jQuery ui. I've done some really cool things with it on previous projects. How ever on this one I'm stumped. Reader mode on iPhone does not show any of the content from my accordion. I currently have my accordion set to be collapsed, because it is a long list, with a lot of content. I also have some various other options in use on it, like image changing options and autoHeight. How can I get this to work. I'm obviously not looking for accordion functionality in 'Reader' mode,
sortable - click icon and drag parent container?
I'd like so that when I click the "drag" icon in a div element, that the div element is dragged and not simply the icon itself. So far I can either drag the div or the icon but what I need is to click the icon and drag it (the icon) and it drags its parent container with it. Like when you click an application bar to move it around your screen. How can I do this? a second part to this question is, what is the recommended cross browser jquery WYSIWYG for in place editing as I would like the div mentioned
jQuery UI Tabs - Collapsing tab content when mouse leaves area
Hello! I'm currently using the following code to collapse tabs: $( ".tabs" ).tabs({ collapsible: true, active: false, event: "mouseover" }); This collapses the tab when you hover your mouse over the active tab button. I would like it so that when you have an active tab and you move your mouse outside the tabs content area, the tab will close. Is this possible? I hope that made some sense! And any help would be appreciated.
JQuery dialog problem
Hi everybody. If i create a dialog with containing div's, i get a big spacing on right site between the div and the border of the dialog. Look : <div id='dialog'> <div id='innercontainer1> ... </div> <div id='innercontainer2> ... </div> <div id='innercontainer3> ... </div> <div id='innercontainer4> ... </div> </div> All "inner" - div's containing an image-tag and text bottom of the image. Between the right border of the dialog-window and the right border of the last image
Dialog Creation Issue with some selectors
Hi, I have a html application has a list of divs, each with a very specific id representing an external object. Within each div I have a set number of objects, so to find these using jquery selectors I have successfully been using id followed by the class name like this $(#specific_id .classname).whatever This works but not for dialogs. See below the jsfiddle which is basically the jquery ui dialog sample code, modified to show the issue I am having. http://jsfiddle.net/LcsAL/ Should this work, ie
Help Need Older Releases - jquery-ui-1.8.16.custom & jquery-ui-1.8.16.custom.min.js
I'm looking for downloads for jquery-1.8.16 to support legacy proj (upgrading not an option). Fiinding dev postings vs. official version. Is there a repository of previous releases? Thanks, V-
Autocomplete working stange with special characters
Hello, i have implemented an autocomplete function on my script, it works perfect EXCEPT when user hits ñ key. If user hits Ñ instead of ñ the script still works good, so my question is if anyone know what might be going on, if there´s kind of a mapping issue or how to solve it....... some examples, if user writes "Ramallo" the function returns json perfect. if user writes "cañuelas" script doesn´t return anything, but "CAÑUELAS, or caÑuelas" returns result ok..... Any hint?
Dialog does not get form data
I'm not good with English, sorry. Working with ZF 1.12, I require my forms use modals to the problem is to use jquery, it does not recover form data saved also one see the alleged information I can not reopen the modal with the button, this is my jquery: $(function() { var name = $( '#name' ), defecto = $( '#defecto' ); $( "#dialog-form" ).dialog({ autoOpen: false, height: 300, width: 350, modal: true, buttons: { "Guardar":
DatePIcker: Can you scroll through it by year?
The jQuery UI Datepicker has arrow buttons so you can scroll forward or backward a month at a time. Is it possible to set up extra controls that would also allow the user to scroll forward or backward a year at a time?
selected tab not highlighting
I am upgrading Jquery UI to 1.10.3 (from 1.8.1) and Jquery to 1.9.1 (from 1.6.1). I also downloaded custom css theme. As suggested in the upgrade notes, I made minor changes to tabs code (replaced 'select' with 'beforeActivate', 'selected' with 'active' and ui.index with ui.newTab.index()) and tabs are working fine now. However, the selected tab is not getting highlighted. The tab panel itself is correctly rendering. The selected tab was getting rightly highlighted, prior to upgrade. Can someone
Calling Server side event from jQuery dialog
button click event not firing.I am firing this dialog from serverside using RegisterClientScriptBlock. Dialog comes successfully but when I click the "save Comment" button, event does not fire. Here is my Script: <script type="text/javascript"> $(document).ready(function () { $('#dialog-form').dialog({ autoOpen: false, draggable: true, width: 500, modal: true, title: "Event Details",
Align Select options with labels horizontally
Hi.. Am trying to align 2 select options with labels horizontally . I implemented the Control Group code but am not able to display labels... it hides the labels . Only Select options are visible .(dropdowns no labels are associated with) <fieldset data-role="controlgroup" data-type="horizontal"> <label for="location" >Location</label> <select name="location" id="location" width="20%"> <option>Add new location</option> </select> <label for="selectmenu2"> Choose:
full code
Hi, in www.jqueryui.com website, they gave source code for many functions, can anyone tell me how to combine all those codes and execute in one single program, or can anyone give me the full code..?...
How to fix this jQuery UI Tooltip Problem?
I have asked this question here at stackoverflow: http://stackoverflow.com/questions/16889617/jquery-ui-tooltip-effects-are-buggy?noredirect=1#comment24369785_16889617 Basically, the problem is that I am using effect for a jQuery UI Tooltip, but the tooltips sometimes do not go away and linger on the page. Is there a way to force all tooltips to be hidden before showing another tooltip?
How do I fix so AutoComplete work in JQuery-UI dialog
I have seen that there are other that have had the same problem. I open my JQuery dialog like this function Click_NewVoyage() { //Create and display dialog dlgNewVoyage $("#dlgNewVoyage").dialog({ width: 900 }); ... } How should I write to get autocomplete to work ? //Tony
datepicker (jQuery UI) serverside processing (asp.net)
How can i proces the selected date without a submit button? I am using the inline presentation with "populate alternate field". Because i want to keep the calender visible I have used the Alternate field in my hope to use the textbox events but to no avail. (textchange is handled "in between posts", so i need a postback ). the Alternate field is not necessary for the solution. Other question for same problem: what events are at my disposal when using a <DIV>. l <div> Date: <div
Event when an object is added to a sortable?
I have a sortable that sometimes has elements added to it dynamically. The new elements are sortable out of the box. The trouble I am having is that I do some work when the order of the sortable has changed (using the stop event). I would like to also run this code when a new element is added to the sortable, but I can't seem to figure out how to determine when that happens. I would add the code into the new element code instead, but I am using a plugin to handle that and I don't really want to muck
Table container navigation bar redirect
Hello. I'm using UI table container for view some data but now i need to redirect user to another page by click in navigation bar. Jquery click event not work and all solution what i googled too . Page still opening in body of container or redirecting by click twice (first click open page in container body and second click on same button redirecting. Its not good ). Please help me to find best solution for my question. Regards.
Font face change
I just download you theme and it has really helped me a lot on the project am caring out. But when i added the accordion and tab widget to my page. It change my entire font size. Please i need help? How can i maintain my original font size. Thanks
Adding FadeIn/FadeOut to jQuery UI Tabs
I feel like I've tried everything, but I'm not sure how to make my tab transition fade content in and out... Here is my code.. <script type="text/javascript"> jQuery(document).ready(function ($) { $('.kb-home-sort').tabs(); }); </script> And the HTML <div class="kb-home-sort"> <ul class="kb-home-sort-nav"> <li><a href="#tabCat">SORT BY CATEGORY</a></li> <li> | </li> <li><a href="#tabRecent">SORT BY MOST RECENT</a></li> </ul> <div id="tabCat"> <!-- DISPLAY ALL KNOWLEDGE BASE
A complete example of autocomplete that does not work in JQuery-UI dialog
Note: I have removed everything except what I want to ask about. Here Is an complete example of code where autocomplete doesn't work when used in JQuery-UI dialog. The code works like this. 1.When you start you can focus in the text field and press for example button a now the autocomple works a list is displayed because you are NOT in a JQuery-UI dialog. 2. Cick the button New Voyage. This will display a JQuery-UI dialog. 3. Focus in the text field VesselID and press a autocomplete doesn't display
Next Page