Elements no dropp
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <script class="jsbin" src="application/js/libs/jquery/jquery.js"></script> <script class="jsbin" src="application/js/libs/jquery/jquery-ui.js"></script> <script src="js/libs/jquery/ckeditor/ckeditor.js"></script> <script src="js/libs/jquery/ckeditor/adapters/jquery.js"></script> <script> $(document).ready(function(){ //$(function() { $( "#accordion" ).accordion({ heightStyle: "fill" }); $( "#left-panel
jQuery-ui Datepicker in Lotus Xpages
Hello, I have been trying to implement a jquery-ui datepicker in my Lotus Xpages application, but keep running into issues when trying to attach the datepicker to Xpage inputs. These are <xp:inputText></xp:inputText> tags instead of the standard <input /> tags. I really cant change the tags to standard <input />, as these will not bind to forms correctly. Is there any known fix for this issue, or anything I can do to fix the problem. cheers, Paul
What are the data driven UI's available?
I a new to this forum and Jquery in general so this may sound redundant because I can not find much on google. I have been practicing with UI and like what I see so far but my application is mainly data driven from an oracle dB using node.js. Anyway what widgets are available for data intense presentations such as a list box, drop down list, grid and etc...? Are these widgets available in jquery UI or do I need to look for another UI type of library?
Adding Resizable to Twitter Bootstrap Panels
I have x number of basic Twitter Bootstrap Panels http://getbootstrap.com/components/#panels-heading that share a class name of car-panel. This is not working for me. <div class="panel panel-default car-panel"> <div class="panel-heading">Car: {{$car->name}}</div> <div class="panel-body">Blah, blah, blah....</div> </div> $(function () { $(".car-panel").resizable({ handles: "n, e, s, w" }); }); Is a Bootstrap Panel a weird case that can't be resized or do I need to do something special?
Opening dialog containing datepicker with dialog("open") behaves different from autoOpening
Examine this code: http://jsfiddle.net/Starx/8VbEU/2/ It opens and the autoFocus is removed via .blur(). Compare to this code: http://jsfiddle.net/8VbEU/134/ The autoFocus isn't removed and the focus remains on the datepicker which is now opened.
Open autocomplete menu on focus of textbox?
Hello, I want to use the autocomplete menu for a textbox, but instead of having to type something before you get results, i want the menu to pop up with all available options first on focus, then narrow as you type. Can someone help me accomplish this? Thanks.
after post to call mail server to send mail
I use jQuery to post data like following code. I need send out email after post based on the information user entered, it is too earlier to send before post. I have my server code to send mail using mail server. The only thing is event.preventDefault(); statement does not have regular post, my server side code can not get the data from user interface which user enter on the form. I need some what method to send client data to server to send email using the informaiton, Are there any work around
jQuery UI tabs: Adding new tabs and back button
I want to add new tabs on clicking on the links inside the main tabs. Those new tabs would contain contents fetched from ajax. so it's like product categories open in new tab. I added jQuery BBQ plugin to support navigating forward and backward history. JSfiddle JSfiddle output $(".borrd-right").tabs({ hide: { effect: "fade", duration: "fast" } }); <!--ADD NEW TABS--> $(".borrd-create-prod li a").click(function () { var num_tabs = $("#borrd-right .borrd-tabs li").length + 1; var tab_name = $(this).text();
ui.autocomplete: refresh position manually
i have some complicated logic in my app and need to update position manually e.g. on parent iframe scroll change i can't find the way to do this, i tried tricks like below, but they don't work w = $(el).data('uiAutocomple') w.option('position', w.options.position) how to do this?
Simple Dialog widget factory question
Trying to create a custom Dialog extension using the widget factory and jquery UI 1.10.4 This snippet illustrates the problem. I want to set up a "Close" button automatically. However, I can't seem to make it work. The snippet below is as close as I've come thus far, and it crashes in the jquery-ui script on the first line of the dialog widget's _create method. I have tried adding my own _create method and calling _super() but that also didn't work. <button id="btnTestDlg" >Test the dialog</button>
Draggable & droppable object
Hi, averyone! http://jsfiddle.net/tSbRC/ For future, sorry of my English I'm practicing )) I have several blocks over which user moving object. When object dropped he doesn't have position at start top left angle of target and have offset. How can do what object after dropping been into target? Thanks
how to stop dragging
Hi I need to make my div draggable when I drag that div after mouseup it must stop dragging. here my code I am dragging my Div in X coordinates only on mousedown event. How can I stop it's dragging on mouseup. $('.splitter').draggable({'axis':'x','containment':'parent'});
Draggable - move multiple items base on one
So I have three tables that are made up to look like an overall table. A B C D E F G H I 1 x x x x x x x x 2 x x x x x x x x 3 x x x x x x x x 4 x x x x x x x x 5 x x x x x x x x I've made the top table (a,b,c,d,e,f,g,i) fixed along with the left table (1,2,3,4,5). When you scroll around in the middle table (all the x's) the top and left tables move with the scroll but stay visible (x's go behind). This is great, but now I'm trying to get the same affect using jquery draggable, so a user should be
How to cancel accordin control collapsed by enter or backspace?
Have try this: $("#accordion").accordion({ collapsible: true, event: "click", beforeActivate: function (event, ui) { if (jQuery.ui.keyCode == $.ui.keyCode.BACKSPACE || jQuery.ui.keyCode == $.ui.keyCode.ENTER) { event.preventDefault(); } } }); But it doesn't work. How can I do it?
get selected value when select on change
I have a select dropdown box on focus and would like to get list from previous dropdown, but it get value previous For example, I have a droopdown country and city. I want to city filter out from country dropdown. I have on focus to get city list based on the country dropdown. The problem is when user change the country from US to China then on focus still read country as US, but not China. City dropdown get US city when user change country dropdown from US to China. I would like to know how to force
on click remove elements
I'm trying to solve the jquery draggable, there is code that retrieve information from database, each information show in each BOX from each row of database. The draggable are works fine, and also works fine when drag to delete box, but each box comes with button called "remove" and i'm trying to understand how can i write array code in jquery for user to click remove button to remove specific box NOT all box same time. thanks for your time. please see code.. <?php include('dbcon.php'); $product_id=$_POST['selector'];
Linking Javascript file inside AJAX content inside jQuery UI tab
My top level page implements a jQuery UI tab, each tab loading a separate HTML (or PHP) page. Inside the child HTML/PHP pages, I want to load a .js file specific to those pages. The code in that .js doesn't get executed when tab loads. On the other hand, if I directly put the JS code inside the HTML page, it runs fine. <DOCROOT>/index.html: <div id="tabs"> <ul> <li><a href="firsttab/firsttab.html">first tab</a></li> <li><a href="secondtab/secondtab.html">second tab</a></li>
save jquery ui slider value in cookie
Using the UI Slider to set background opacity in a theme switcher. I can see in the consolde the cookie value updates but doesn't save when i refresh the page. $(function() { if ($.cookie('headOp')==null){ $.cookie('headOp',0.5); } $( "#op-slider-header" ).slider({ max: 1, min: 0, value: 0.5, step:0.1, slide: function(e,ui) { $.cookie('headOp',ui.value); $('#headerOpVal').html(ui.value); } });
jquery ui slider image width
I'm trying to make an image appear as the slider moves. So for example I have 2 images and the one images has overflow:hidden and width:0%. So when I move the slider the 1st image must increase its width over the 2nd image. Here is my HTML <body> <div class="puppy"><img src="images/dog.jpg" /></div> <div class="kitten"><img src="images/cat.jpg" /></div> <div id="slider"></div> </body> Here is my JS $(function() { $( "#slider" ).slider(); }); And here is my css .puppy { overflow: hidden; position:
Unhandled exception at line 6953, column 7 in .../Scripts/jquery-ui-1.10.0.js, 0x800a138f - Microsoft JScript runtime error: Object expected
I am getting a bug in this function; _search: function( value ) { this.pending++; this.element.addClass( "ui-autocomplete-loading" ); this.cancelSearch = false; this.source( { term: value }, this._response() ); }, I find that this.source == null, which causes an unhandled exception; 0x800a138f - Microsoft JScript runtime error: Object expected. I am not sure how I can find out the problem so I can fix it. I am using VS 2012 and an ASP-MVC application.
Working example of jQuery UI dialog in a BookMarklet?
Hello all, I was trying to create a simple dialog in jQuery UI in a bookmarklet script. Thanks to stackoverflow.com I could make a script work but it doesn't work on certain websites, like for example on Wikipedia. This is the script that I got: http://stackoverflow.com/questions/22494508/jquery-ui-dialog-in-bookmarklet-and-greasemonkey Can you help me to find a better script that works on Wikipedia? I tried other ways to load jQuery UI but it didn't work for me. Thanks
Is .button() efficient?
My top level page has a tabs-widget (implemented using .tabs()); and each of the panel in the tab-set is a separate page (html or php). I want to keep the same appearance in the top level page, as well as content inside the tab panels. So in those separate pages, I am not doing any styling or anything, just creating content in there. Now let's say I want to theme all the buttons. So in .ready() function, I do a $("button").button(); which will apply UI theme to all buttons. I also want to theme all
Ajax tab not executing script
I am using JQuery UI tabs to load content through Ajax. I have two tabs that is loading the remote page. Remote page contains html content and script. When tabs are clicked remote content are loaded correctly in the tab content. Script in the remote content executed correctly on document ready function. Second tab is also loading same remote page correctly. But the script in second remote content not executing. Script also register click event on a button that was also not firing. In first tab remote
Accordion questions
Totally new to jQuery, and trying to slightly customize my implementation of the Accordion widget. Have looked on the Accordion API page but I'm not finding what I'm looking for. 1. How can I make all panels start in the collapsed state. At present, the first panel is expanded on page load. 2. Using CSS, how can I customize the main accordion eg. removing lined border and padding etc. Thanks, Martin
How to expand html select menu(dropdownlist) on focus event.
Hello All, I am facing problem to open select menu options on focus event. There is no solution I found for this problem. I have done lots of research on this. one solution is to do by setting size of dropdoen but it is not feasible solution for me. Can anyone tell me how can I achieve this functionality using jquery or by using any plugins ? Any help is really appreciated. thank you in advance. Regards, Pankaj Kolhe
Where are the i18n files on code.jquery.com
I have revised my code to use code.jquery.com for jQuery, jQuery-ui, and jQuery-mobile files. A particular set of pages require i18n files but I cannot locate them on code.jquery.com. Where are those files? <link href="//code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"></script>
Button Set Connection
Hi All, I am creating a list that contains several items with check boxes linked to each item in the list. If the item is in the list more than once then the check boxes are linked and when changing the check boxes, it changes on both items. So far I have got it to do exactly what I want - Here As you can see, the check boxes associated with 'Item A' are a lot larger than the others. I have found this occurs when the check boxes are being linked together as a button set, they expand and the graphics
problem on slide effect on div with scroll
Hi all Im in trouble to work around with slide effect from right to left on a div and thats fine but when i toggle to hide the div with effect slide and work, but show the top of the div and dont slide out in scroll div position... anyone can help ? exemple if i use bounce work fine in any position of div scroll if i use toggle or hide jump to top of the div then slide... what i want was slide out show div in scroll actual position. ... i use $ css( left to do it de slide
Autocomplete select:
Hi all, Im using Autocomplete in my .js i've added some properties to the source (like p which is a Class array - myClass[]) i want to be able to return this class as well as the realValue to the modelAction (using MVC) but the class comes empty. please help :) Class example public class Service { public string name { get; set; } public ServiceProblem[] problems { get; set; } }my .cshtml: @Html.AutocompleteFor(Url.Action("AutoCompleteServiceProviders", "Create"), true,
jquery ui auto select is open on page load (in IE)
I have an issue with a page that when it loads in IE (11.0.9...) the auto select drop downs that are in a form there - are open by default. The URL is here (pls leave as un-clickable): //library.schocken-jts.org.il/search.asp?go=adv and here is a screen shot:
Any working samples of Sortable widget that saves positions to a database and then reloads them?
Does anyone have, or know of a working sample of the Sortable widget which sends a drop position to a database and then reloads all of the positions when the page is reloaded? I've been literally searching for a couple weeks now and have not been able to find a COMPLETE solution. The sortable widget is cool, but unless you can save and reload the dropped positions its kind of useless. Any help would be greatly appreciated. THANKS!
TV Guide with Data from XML or SQL database
I am doing some research on how to create a TV guide with data coming from XML. I'm not sure if the XML needs to be posted into an SQL database and then a query from their. I need some guidelines on how to create such an application similar to this http://tv.sky.com/tv-guide Anyone posting ideas, languages, library, codes are much appreciated! Many thanks all for your help!
Collapsing all panels on load
Hi, there! I'm using accordion in my page. By default, the very first section is always opened when the page loads, even when you set collapsible: true. Is there any way that all sections would be collapsided on page load? Thanks for your time. Paulo Ricardo Ferreira
IIS 7.0 issues?
Hi, there! I'm writing a very simple application using VS2013 (by now, just a Default.html). Using NuGet, I installed jQuery and jQuery UI. So some folders have been created in my application as image bellow: My page is as follow: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Portal POPS</title> <script src="Scripts/jquery-2.1.0.js"></script> <script src="Scripts/jquery-ui-1.10.4.js"></script> <link href="App_Themes/Estilos/Estilos.css" rel="stylesheet"
Blocking parent dialog box and background
I have a dialog box inside another one, as I click on a button in main dialog box the second one open up. I am using jQuery dialog box. I want to disable background content including the parent dialog box. I have used `model:true` but it doesn't disable parent dialog box it disables only the background content where the parent dialog box opened. Please help to resolve this issue.. Here is my code : jQuery: $(".showEmployee").click(function(){ $("#employee").dialog({ dialogClass:
putting current date in textbox not working when textbox loaded dynamically
why is following not working when the input is dynamically loaded? http://jsfiddle.net/3LAJz/
multi select filter
I have the following code to filter my sub select list form my list. The following code works for my sub list, The only thing is I want to filter my sub1, my sub2, my sub3, my sub 4 using the jQuery Ajax based on my list. I realized that ajax only support one url, is it possible to have multi url to fill my sub2, sub3, sub4 list using ajax? Your help and information is great appreciated, Regards, iccsi, $("#Mylst").change(function() { $.ajax({ type: "GET",
jQuery UI accordion widget: How to change CSS
Hello, i try to use the accordion widget with the default example (see http://jqueryui.com/accordion/). my code snippet: <div id="accordion"> <h4>Einstärkengläser</h4> <div>Einstärkengläser braucht man, ........ </div> <h4>Bifokalgläser </h4> <div>Bifokalgläser bestehen aus 2 Teilen, .... </div> <h4>Gleitsichtgläser</h4> <div>Komfortabel sehen ... .... </div> The <h4> in my CSS-file is blue colored and bold,
Possible problem with library
Dear Dir/Madam I am writing to you in concern of my problem with jquery script, that I use in my website. I would be very grateful to you if you could help me. Подскажите пожалуйста, как решить мою проблему. When I load the page on my website there is the following code: <img id="image_1043" title="Готовые шторы " Дикий Лён" красный" src="http://shop.shtorgrad.ru/components/com_jshopping/files/img_products/00131003700_2_.jpg" alt="Готовые шторы "Дикий Лён" красный" class="zoom" data-zoom-image="http://shop.shtorgrad.ru/components/com_jshopping/files/img_products/full_00131003700_2_.jpg"
How to transfer draggables between sortable lists
Hi all, I am trying to transfer an item that is in a sortable list (shopping cart), into another sortable list (shopping cart) but i am not sure on how to do this. Code: JSFiddle Any help is greatly appreciated and thank you in advance!
Next Page