Applying focus to text field, that is linked to a JQuery Calendar Ctrl, after failed validation
I am having trouble with the JQuery calendar control, because it’s triggered off of a text input field. Important Note: User needs the ability to manually enter the date. Technologies used in this issue: ASP.NET using the 3.5 .NET Framework C# jQuery JavaScript Library v1.10.2 jQuery UI - v1.10.4 All css and image files associated with the smoothness jQuery UI theme Basically what’s happening is: User navigates to text field JQuery Calendar control triggers and pops-up as expected User decides
Any examples of an A to Z list loaded from a XML source??
Hi just wondering if anyone knows of any good A to Z lists (needs to have URL links) loaded from a XML source into a page using DIVs?? The XML would look something like this: <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <keywords xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <key> <label>A to Z</label> <url>search-a-z.htm</url> </key> <key> <alpha>a</alpha> <area>area1</area> <label>A-heading</label> <url>alink.htm</url>
JQuery UI Select menu widget
Hi, I have a query like Jquery UI SeletMenu Widget supports in ie7? Thanks, Sudhkar
Sortable Divider
Here's the dilemma. I have a sortable list that works perfectly. I want to add a draggable divider (like a styled hr tag) in the sortable list. So this divider can be moved between sortables but not part of them. This would not be part of the sortable accepted items. This is what I've been playing with. It sorta works and the helper get appended after the closest element, but the style of the helper gets thrown off as is placed wrong. Any thoughts of an easier way? $('.hr').draggable({ containment:
current date and prev-next month icons doesn't show in datepicker calender
Hi all, I downloaded datepicker widget with no theme. It works, but the calender doesn't show current date and "next-previous" month icons (however, when I click the top corners of the calender, it goes to the next and prev months). How can I make show current date and next-prev month icons? Thanks.
Combination of Dialog and Autocomplete not working in server environment
At the moment I'm quite confused. I created a function which works as expected when run in a local html-file. But when I move the code to a js-file which I include in my asp.net-page it's no longer working properly. The dialog gets displayed, but soon after (I guess it's the data processing) it gets closed and I get a postback on my page. I tried debugging it using firebug and as it seems the event defined in 'source' is not fired. I have no idea why. var tag = $("#txbSearchDataSource").autocomplete({
Focus issue with firefox and tinyMCE
I have a js fiddle to show this - here. First, click the button to launch a jQuery Dialog. Then once the tinyMCE editor loads, click in a text field and then into the tinyMCE editor. Now click in a different text field. Notice that the text field that was previously focused gets focus back and not the field that is clicked. This does not happen in Safari but does happen in Firefox. This only happens if the dialog is a modal dialog. This is using tinyMCE 4, jQuery 1.9, and jQuery UI 1.11. Any help
Autocomplete crashes when clicking on select all items
I have copied and pasted the codes from the viewsource from ComboBox The only different is the <select id="combobox"> which is being populated from a datasource. The dropdownlist is being populated from the datasource . I did the following: 1. Type in and select from list 2. Click on X to remove the selected item 3. Click on Show All items 4. Select from the list 5. Click on X 6 Click on anything outside the combobox. The system crashes just after doiong step6 with the following message in IE10
Need simple dialog example.
I need a simple example of how to open a jquery dialog in response to a button click and then populating the dialog using an url. The examples I've found online seem, to me, unnecessarily complicated - but maybe that's just because I don't know what I'm doing, which wouldn't be surprising since I'm a noob when it comes to web programming.
jquery-ui-multiselect-widget flickering while loading the data?
jQuery MultiSelect UI Widget 1.14pre This is an issue for me with the long list. See the below image for the onload and after load effect(click on link). I just tested a list of 1600 items on a mozilla machine and the browser locked up for about ~5 minutes. https://camo.githubusercontent.com/3dc1a939065e6364e699eef8f08b9cd653741cf0/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333439313130312f3335313235362f61636133333962652d613034322d313165322d393462382d3239396561333065663532632e706e67
datepicker works in standalone aspx file but not when associated with a Master Page VS Studio 2010 C#
I'm working with code from a supplier who created the shell of a working website. I need to add a date range to one of the reports. The web site has a Master Page (ASP.NET)where it uses the form tag that begins and ends on the Master Page. The page where I want to add two date fields is started and ended with <asp:Content></asp:Content>. The fields for the two dates work on a separate aspx page where I can use the form tag and there is no <asp:Content> section. That exact code does not work between
[SOLVED] TypeError: ui.helper.attr(...) is undefined
I am trying to replicate the functionality mentioned in http://www.placona.co.uk/166/javascript/a-more-elaborated-jquery-drag-drop-cloning/ But, I am getting the error "TypeError: ui.helper.attr(...) is undefined" in console. I couldn't find the answer from googling. Anyone have any idea about what might be causing this error?
Autocomplete: how to ignore metakeys and left/right arrow
I've run into some issues with the autocomplete widget triggering a search when the user hits left/right arrow or a metakey while the list is open. I found some posts from 2010 (http://dev.jqueryui.com/ticket/5289) where this was discussed and code was seemingly added to ignore these keys, but it seems to have been removed again. Can someone fill me in on this? Alternatively if anyone can suggest a way I can get the widget to ignore these keys, I'd be very grateful.
How to put the stored values from local-storage back to range slider?
Here are two slider fiddle examples: Original Example Failed Example I'm using local-storage to store the last max and min values of each range slider in the stop: function (event, ui). Each slider has their own key as shown in the Console. But I have trouble retrieving the values and putting them back to the sliders. They are showing `[object Object] - [object Object] ` instead of the stored values. Can anyone show me how to get it to work? HTML: <h4>Width</h4> <div data-max="100" data-min="0"
Dialog positioning problem
Hi all, I coded css styles for my dialog box. However the classes and features given automatically (below) makes a box positioned differently. How can I set them (e.g. widht: 300px). Thanks. <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable ui-resizable" style="position: relative; height: auto; width: 300px; top: -8763px; left: 525px; display: block;" tabindex="-1" role="dialog" aria-describedby="diyalog" aria-labelledby="ui-id-1">
autocomplete custom display, prevent popup from closing
I have altered the options display like this $('#search').autocomplete({......}) .data("ui-autocomplete")._renderItem = function (ul, item) { //custom display return $("<li>") .data("item.autocomplete", item) .append("<input type='text' maxlength='3' size='3' /><a>" + item.label + "<br>" + item.den_prod + "</a>") .appendTo(ul) }; so now I have a text input field for each option returned by autocomplete, but when I am trying to click in the field to type some value the corresponding
How to close dialog window with minimum features and no theme.
Hi all, I downloaded jquery-ui with minimum features and no theme. I have two problems: 1. I don't have a "close" button, 2. Even I inserted a button myself, I don't know how to close dialog window. I tried "dialog.close" and some other things but I couldn't manage to close the window. Thanks.
[Accordion] Load htm file per section
I'm new to jQuery and jQueryUI. I would loke to load an *.htm file for each section (title = file name). How I can I do it?
Problems with widgets "dialog" jquery-ui 1.11
Hello! I used the version of jquery UI 1.10.4 and all was well. But recently upgraded to jquery UI 1.11 and I am having a problem with the widget "Dialog": in my application when you click on a button, it opens a dialog box, and when the window is open I open another window. In the version of jquery UI 1.10.4 the first window became inactive, was behind the <div class="ui-widget-overlay ui front"></div>, and the second window becomes active. When you close the second window, the first again became
Problem with nesting droppables with greedy children, hoverClass not always applied correctly
greedyChild of a parent droppable is not set to false after dropping on a greedy child. Also, the greedyChild is sometimes set to true, if a draggable intersects with a child droppable that does not accept the draggable. In that case the parent should receive the over event, but doesn't since greedyChild===true. I believe this to be a bug, since the first time you drag something everything works as expected. However, after dropping on a child and adding a new droppable to the parent droppable can
ComboBox - Can't Show Hide Div! - Please help!
I've simply added this code to the original "Autocomplete combobox" JQuery UI $('#combobox').change(function(){ if($('#combobox').val() == 'sftp') { $('#sftp_div').show(); } else { $('#sftp_div').hide(); } if($('#combobox').val() == 'as2') { $('#as2_div').show(); } else { $('#as2_div').hide(); } }); $("#combobox").change(function() { alert(this.value);
[How to do this?] expanding and collapsing tab
firstly thanks to read this post. I'm wondering what i've to know to create this function bellow : from this into this ? thank you
using jquery datepicker
hello i'm trying to use the jquery validator in a bsp. but the comparison is not working, i'm a newbie with javascript, i tried to follow the tutorial from http://keith-wood.name/uiDatepickerValidation.html but i do not have result, this is the function i'm using <script> $( document ).ready(function() { CKEDITOR.replace('news_editor'); $('#validBeforeDatepicker,#validAfterDatepicker').datepicker(); $('#dati').validate({ rules: { validBeforeDatepicker: {
Issue on Accordion Look
How could I resolve the following issues: 1. Problem: Actual: 2. I need to fill the form fields with the selected value's record from autocomplete. currently I have 80 fileds where I am setting the vaues as $( "#abcd" ).val(data[0].abcd); $( "#efgh" ).val(data[0].efgh); $( "#ijkl" ).val(data[0].ijkl); Doing so I should give values for all the fields as above. There may be a chance that we can increase the fields in future where
Tabs completely broken
I am attempting to design a webpage with jquery ui. The tabs are completely broken and unusable. What did I do wrong? I included all the stylesheets and javascript from the example index.html. the code is hosted here: https://github.com/Toukmond/WTW-TSA
Autocomplete: how to make it work with an editable iframe instead of input element (95% done, include jsfiddle)?
This is a rephrasing of my earlier question with runnable code - hopefully someone can help. I want to use an editable iframe for the source of the autocomplete. In the js fiddle below you can see it pretty much works, except the cursor UP/DOWN keys don't do anything. There's a js fiddle of it here (it works in Chrome, not IE11 because of the iframe implementation): http://jsfiddle.net/y8X94/3/ My idea would be to handle the keydown in the iframe and call something in autocomplete, eg $('#tags').autocomplete('widget').next();
Nested li drag and drop using jquery ui draggable and droppable
Before getting asked my question My html structure Design Javascript : : $('#dataOne li').draggable({ helper: 'clone', containment: 'document', addClasses:false, revert: 'invalid' }) $dataTwo.droppable({ accept: "#dataOne li", activeClass: "ui-state-highlight", drop: function( event, ui ) { ui.draggable.draggable('option','disabled',true); $( this ).find( ".placeholder" ).remove(); /*Remove default placeholder from right div*/ var $dragTabs=ui.draggable.clone(); if($dragTabs.context.children[1].childElementCount>0){
Dialog not opening on click on a td
Hi people, I'm developing a little card game in javascript. In my game, there is a board where the player will be able to click to interact with the content of the board. My board is a <table> with various cells classed with ID (id=Xcoord-Ycoord) which is generated with a script. To interact with the game, I would like to use the Dialog widget to ask to the player which action he wants to do (depend of the case he clicks). My problem is that there's no (obvious) errors in my script because everything
dynamically changing dialog content
Hello All (FWIW, my entire code is the alpha-stage MELT monitor on github ) I am using a jquery dialog for a modal form. That form contains an input text field. When the input is wrong (it is sent thru an AJAX post), I want to append a warning message after the form, and keep the modal dialog open. I can't understand how to do that. I tried several things. // datado is from the JSON in the AJAX successful reply // addediteminp_mom is the input inside the dialog //#mom_additem_msg is the message div
disable a sortable while dragging with connectedLists
Hello, it seems to me that it is impossible to disable a sortable while dragging an element from another sortable. Here is little more information: I have multiple (more than 3) connected sortables. Think of it as lists of assigned tickets and another list with unassigned tickets. However the another list may also display all kinds of tickets, so it is possible that one entry is present in two (and at most in two) lists. So I want to prevent dragging an element from one list to another list that
HowTo: Horizontal, scrollable bar with cells - create, delete, move vertically
People, I need to update a web site (which will perform the same functions as a wiki) and the way I want it to work is: from a Home Tab bar be able to click a Tab which creates a horizontal, scrollable bar underneath the Home Bar and made up of individual Cells containing a heading and a few words of description. To be able to see more Cells - on a PC this bar should be scrollable via Left / Right Cursor keys, by Mouse Dragging and Left / Right Arrows at each end of the bar. On a phone or tablet
css mod?
http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css can someone quickly tell me how to mod the .css file so I can have a full screen calendar? actually, 75% of the screen all arounod.
Google Map in jQuery UI tabs (newbie)
Hi all, I am using some CSS (suggested at the bottom of this page) to make my Google map responsive. When I put the map in jQuery UI tabs the map loads fine in the first tab but in the second tab it loads off centre as you can see here. There is some related discussion here and also the following suggestion here (re resizing): Code: $('#example').bind('tabsshow', function(event, ui) { if (ui.panel.id == "map-tab") { resizeMap(); } }); So far I have tried a few things that have not worked but maybe
problem with displaying grid data from mysql database
i am trying to use jquery-ui for the first time. i have done the server code but it is not displaying please can the code be review or look into my php server code <?php include("../db/dbconnect.inc"); $page = isset($_POST['page']) ? intval($_POST['page']) : 1; $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; $offset = ($page-1)*$rows; $result = array(); $rs = $mysqli->query("select count(*) from store_categories"); $row = $rs->fetch_row(); $result["total"]
Jquery Modal Popup not displayed as popup second time
Hi, Hello to everyone, This is my first post and i would like help in sorting out my issue. I tried searching for my issue in google but did not found the solution. My issue is that i am creating an application in MVC for which i am using JQuery to display popup and after closing the popup i am refreshing the webgrid using ajax which iw working fine( since i didn't wanted to fully load the page so i used ajax and used @Html.Partial() to load view) but when i click the create new department for second
Accordion for multiple div ids
My jsp has multiple <div id="..."></div>. Each <div id="..."></div> has a google scatter chart in it. How can I implement accordion for each of the <div id="..."></div> tags.
Modal (Focus out remaining) dialog feature
Hi all, I download tiny version of jquery ui, no theme, and just core features. I want to use modal feautere of dialog, so that just dialog box is focused. Which feature should I add to the download page of jquery ui. Thanks.
Is there a way to use draggable with clone?
I am trying to use draggable with clone method. something like this $( "#selector" ).draggable({ helper: "clone", revert: false });Apparently, this is not working. The clone of the element is created and it can be dragged. But when I release the mouse, it reverts and joins back to the original element. What is going wrong here? I am trying to replicate the build pool thing in this website.
Does selectmenu suppert nested groups?
Hi everybody, I've just seen that the new jQuery UI 1.11 is out, and there is a new nice widget! I was skimming through the docs, but I couldn't find this: is the new widget limited as the native select to only one level of subgroup, or does it support multiple nested levels?
Wrapping autocomplete results (ul) within an additional container (similar to bootstrap dropdowns)
Ok – so here's something which should probably be solved within minutes. Unfortunately, I have not been able to make this work for the last couple of days – so maybe someone is able to help. Currently, the results of an autocomplete look something like this: <ul> # get the positioning <li>first result</li> <li>second result</li> </ul> What I want to achieve is this structure: <div> # should get the positioning <span class="arrow-up"></span> <ul> <li>first result</li>
Next Page