destroy events created on a dialog box
If I do like this, do I completely destroy the keypress event on the dialog object when dialog is closed? var my_dlg = $('#my_dlg') .html(xreturn_val.substr(3)) .dialog('option', { title: 'Select Docket', width: 'auto',//bcz it's wider than 300 open: function(){ $('#sel_docket').focus().find('option:first').attr('selected',true).end() .keypress(function(xe){
Passing a custom object from a draggable to a droppable?
As the title says: I need to attach a custom object to a ui draggable and then retrieve this object when it is dropped onto a droppable (e.g. inside the 'drop' event). What would be the best way to go about this? Thanks in advance!
How do I call the runEffect() function programmatically?
Hi! Regarding the Hide demo, is it possible to run the runEffect() function programmatically? So I wouldn't have to create an extra button like in the demo, but simply call runEffect() ? Just calling the runEffect() function doesn't work. Any hint on this one? Thanks a lot!
No menu in autocomplete
I'm not seeing a drop-down when it massage results returned from PHP in my autocomplete text box. The autocomplete makes the call and returns 'returned' to the success handler, which in turn calls nameListFromProductsArray() and returns a one-dimensional array of products to display. If you enter 'cr' in the autocomplete field, my success handler returns: ["Crackers","Kraft Dinner, Ritz Crackers"]but no menu appears. <code> $(function() { $("#keyboardtextslave").autocomplete({
UI Resizable - Resize elements, allowing only several specific sizes?
I'm trying to create an interface where the user can lay out a page by resizing the elements on it, using jQuery UI Resizable. At the moment this is laid out with a string of item numbers and size attributes. Example of layout text (also see attached picture): [(b) 80431R 80431P 80431B 80431BK 80431SB 80431PR] 80472(1p5) 80616(1p5) 80617(1p5) 80618(1p5) 80475(1p5) 80477(1p5) 80474(1p5) /* This is the layout code for Page35 linked to below. */ I would like to make it simpler so that the user can
Simulate KeyDown in Autocomplete
I'm working on a product simulation that employs a 'virtual' javascript keyboard. Clicking the keyboard keys changes a target text input field. My autocomplete field works when I focus and type in the field using my physical keyboard, it does not when I click on the virtual keyboard (that changes the text in the field). This is because autocomplete uses the keydown event. Is there anyway to simulate a keydown event and send it to a target text input? Not very hopeful, but would appreciate suggestions.
Is it possible to dynamically create and destroy ui elements using php/mysql?
Hello, I played a bit with the impressive sample files you provided (especially the hide demo). What I wanted o accomplish is a list of areas (like the yellow "Hide" area in the demo). As soon as one of the area is clicked on, the area fades away and the areas below automatically move up to "fill" the new space. My example file (attached) to this thread shows the idea (just click on run effect). As I wanted the areas to be dynamically generated from a database, I wanted to know whether it is possible
what does mean var options = { gives me error in the the internet explorer buttom bar
Hi I got problem in the sortable plugins gives me in the buttom of the browser line error and i found the line is var options = { so what does it mean ? could anyone help me please ? i get hard to make it work i want to make my forum tables sortable for the users waiting for the help
jquery ajax für bestellformular post nutzen
Hallo, bin noch sehr neu auf dem Gebiet jquery. Folgendes möchte ich umsetzen: Ich habe ein Bestellformular mit mehreren Auswahlen gemacht, das gibt von Anfang an einen Preis aus, nun hätte ich gerne das sobald eine Änderung in der Liste gemacht wird der Preis auch auf den aktuellen Stand ausgegeben wird ohne Pagereload. Die listen sind ganz normale <select> alle mit eigener id. Kann ich jquery eifnach sagen on select change post var $daten to script bla und show $preis? Für einen kleinen Denkanstoss
removing content in ui dialog after close
I'm just starting with jQuery and have a dialog box working that popups up with a different image in the content whenever one of many links on a page is clicked - first link, first image, second link, second image. The dialog works OK, but when it opens when clicking on the second link, the previous image flashes before the next one is loaded. Here is my code - the "": function() on the buttons was the only way I could think of to get only a close graphic and not close text on the page, but with
How to scroll a scrollable div with javascript
It that possible to scroll up/down a "overflow-y: scroll" div with javascript. On a scroll div, pageUp/Dn can move to the very first position/the very end position. So how about to simulate a keypress on scroll-div to make it move if it's possible to simulate a pageUp/Dn?
Progress bar without line breaks
I am trying to place a progress bar on the same line with some other elements, but there is always a line break before and after the progress bar. I've been using <span> for other elements, but that doesn't work with the jQuery UI progress bar. This is the kind of code: <div> <span>before</span> <div id="progressbar" class="progress" style="width:50px; height: 30px;"></div> <span id="progressbar-text" class="progress-text">after</span> </div> Any ideas how to get all elements to display on the
jQuery Dialog Problem
Hello, i have a very strange problem, in my ASP.Net project, i use jquery 1.4.2, i have a Master Page that in it i have a ContentPlaceHolder like this: <div id="content"> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> i have a aspx page with the name of test.aspx, this page shows it's content by my ContentPlaceHolder in my Master Page. in my test.aspx i have a script tag that in it i have a simple alert script. the problem is here, when
Modal dialog and autocomplete
I want to use dialog box, and autocomplete in it, but i have problem. Mainly in autocomplete I hope ;) The "Pole" value is select input with names of columns in my DB table. The "Wartość" is of course the searching value. I dont know exacly how to transfer the values to the PHP script. The JS behind: $s("#clientSvalue").autocomplete({ source: function(request, response) { $s.ajax({ url: baseURL+"client/findClient/"+$s("#clientStype")+"/"+$s("#clientSvalue"),
Dialog close box invisible
I can get a jQuery UI Dialog to display, but its close box is invisible until I move the mouse over it. What could I be doing wrong? It seems like a CSS problem. I have these lines in the head section of my HTML: <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.2.custom.css"/> <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery/jquery-ui-1.8.2.custom.min.js"></script>
Position the content of a dialog
I'm trying to open up an explanation page of sorts inside a dialog, but would like the explanation page to jump to certain parts of it, much like using old school anchors. I would like to keep the dialog small enough to not obscure page content, as it alters the page content dynamically. So, my question is, how do I position the inner content of a dialog? Can you use old-fashioned anchor tags to scroll to a certain part of a document within a dialog? Thanks. I'm stuck
Hide and accordion
Hello, i am new to this Forum and have a question: I got a <DIV> like shown in the code with 2 images as list elements: <div class="grid_8" id="navi_produkte"><!-- navi_produkte --> <ul id="first-step-navi"> <li><a href="indoor.html"><img src="img/indoor.jpg" width="308" height="203" alt="Indoor"/></a></li> <li><a href="outdoor.html"><img src="img/outdoor.jpg" width="308" height="203" alt="Outdoor"/></a></li>
multi-level menu with Ajax support ?
I am looking for a multi-level menu, like JQuery Superfish plugin, has ajax support. When page is loaded, top level menu item will be loaded, then click this top-level menu item, it will use ajax to get JSon data from server, and add new item as its lower-level menu item. Looks like Superfish doesn't support Ajax. Do you have any recommendation ? Thanks.
Google CDN + Autosuggest asset
HI, I am using Google CDN to use the jQueryUI's autosuggest feature and it looks like the assets are hosted not available at google's lcoation. Anyone facing the same issue? I am getting 404 while retrieving this image: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/humanity/images/ui-anim_basic_16x16.gif Thanks, Sampat.
jquery accordion and dialog css conflict
Hi, I am working on a site that is using a dialog to do a little pop up box to show some text. That link is on every page and works great. On one of my pages, I'm using an accordion for some navigation. The css for the accordion and the dialog widgets are conflicting with one another. Right now you can see how it works - the accordion works fine but the dialog box is not styled correctly: http://newtestsite.jalexanders.com/locations.php If I add the jquery css to make the dialog box work then the
Tabbed menu without ajax?
I'm (re)dipping my toes in JS and trying to figure out how can I use JQuey tabs without ajax. I simpy want to use the tabs looks but I want each tab to behave as a normal link, something that will issue a http GET request and fetch a completely new page. I don't want an ajax request, that will fetch new content, to be inserted under a e.g. ui-tabs-2 <div>. am I miissing something in the documentation? thx
JQuery Widgets
Hi All, I am new to jquery. We are planning to implement jquery in our application. I am looking at widgets. I understand the part how it works. Now I have a problem to save state and when log back in we need to display as per the saved state. Could any one please provide me the example? I found few examples but they are using php I don't know anything in php. I am using JSF and Java. Thanks,
autocomplete and ajax delay
Hi folks. This question is regarding the test page here http://aaron.oirt.rutgers.edu/cgi-bin/code.cgi/s where I use the autocomplete jquery-ui widget with an ajax callback. The problem is that the ajax callback can take a while so I have it running in async mode. The way it currently works the autocomplete dropdown shows the *last* result. I would like it to show the *next* result *when* it arrives. Is there any way to do that (ie, make the dropdown redisplay with new data when the async ajax
Autocompleter - Value is not updated/When updates value
Hi, Im using jquery-ui autocompleter. It works fine except by one Problem: When I select a value and my next action is submitting the form, I get a wrong value. When I click anywhere else before submitting the form everything works fine. I tried setting the focus to another field in the autocompleteclose event -> Nothing happend. Next, I tried setting the focus with a delay, now the focus is set, but still wrong value. Is there anything that I might have done wrong, or does anyone know a possible
Collapsable fieldset
I want to open and close the fieldset using jquery..the fieldset has an id...can any one give some ideas plzz...
converting values to an xml string with jquery using getElementById
In standard JS this is easy, how would I get the function correct in jquery? function SetServices() { var services = ''; if (document.getElementById('CBT1').checked == true) { services = services + '<SERVICE><SERVICECD>CBT1</SERVICECD></SERVICE>'; } document.getElementById('SERVICES').value = '<SERVICES>' + services + '</SERVICES>'; } then I use this on checkboxes - onclick="SetServices();" I keep getting syntax errors
.append array fields
I am using jquery append() to clone a div consisting textfield and checkbox both as separate arrays. Obviously, when posted checkbox will only show if checked. Is it possible to link the checkbox and textfield with a common key and the key also increment with appended div? or is it possible to change the field name every time it's appended? Hope I am clear in explaining. Below is the code. <script type="text/javascript"> $(document).ready(function() { $("#addTestAppend").click(function()
JqueryUI Autocomplete Combobox with JSON
Hi there, i got a problem, i don't how to use the autocomplete combobox of JqueryUI, i'm a newbie so i checked the documentation and i don't find an example with JSON, i just find them by separate examples. This is the code, i erased the options from the select control, i just did that: My question is, where do i insert my source? thanks This is my source: source.php [{"mrc_id":"4","mrc_nmb":"BTC"},{"mrc_id":"5","mrc_nmb":"EPSON"},{"mrc_id":"6","mrc_nmb":"HP"},{"mrc_id":"7","mrc_nmb":"PANASONIC"}]This
Theming own elements with ui css framework
Hey, i tried to build something like a dashboard with widgets and own elements mixed up. Therefor i would like to create a simple box with a header, showing some content. After i read the theming guides I thought I need some markup like this: <div class="ui-helper-reset ui-widget ui-corner-all"> <div class="ui-helper-reset ui-widget-header ui-corner-top"> Header for my own box </div> <div class="ui-helper-reset ui-widget-content ui-corner-bottom"> <p>This is the
Less thick elements for Themeroller
I want to use themeroller elements for my website but i need these elements to have less thick than the default thick themeroller puts in all elements. Could anyone help me about what changes I should do to the css?
Chrome can't access local XML using $.ajax()?
I am trying to load a data.xml file using $.ajax(). This works in all browsers except Google Chrome on Mac or PC.It does work in Chrome if ran from my web server, but not locally. This is a project that will be downloaded as a ZIP archive, then ran locally on the clients machine. Is there a trick to getting Chrome to run a local XML? I always get this error: [object XMLHttpRequest] parsererror TypeError: Cannot read property 'documentElement' of null Here's my Jquery Code: $.ajax({
Insert slideviewer into UI tabs?
Hello !! I have this problem I can't seem to figure out.. Can you perhaps help me with some examples or any ohter solution? The thing is: I would like to implement a jquery slideviewer (see:slide) into jquery UI tabs (see: tabs). Somehow I can't get this to work, and most frustrating, I don't know why not... Here's my site (under construction): www.mnette.com (*see tab 'abstrakt' for a non-functioning slideviewer ...) I hope to hear from you!!
Update droppable position while dragging a sortable item
Hi, Please see the following example: http://jsbin.com/opeda4/3,I'm trying to make a nested sortable list. The problem appears when you try to drag (sort) an element inside a 'Group' to another group. Then, the 'Group' should open its container to allow the drop of the element. It works fine for the first Group, but if you keep dragging to the 3rd group, you can see that the droppable:over event is triggered where the group was -before- to fadeOut the container of the previous group. Is there any
No icons in linux servers for theme made with themeroller
Hi, i have a big problem with themes generated by themeroller. I copied the ui-darkness theme to Ubuntu and Fedora servers and have no icons. If i copy to Apache in my local machine the icons shows just fine. I would like to start using jquery ui, but this problem is driving me crazy. Thanks for help. PS: look the attached pics.
Dialog overlay background opacity in IE
Hi, I set up a modal dialog component on my webpage that works fine with all browsers except IE ! what a surprise ! the problem is that the background that should have an opacity of 0.5, is totally opaque in IE. I really don't know why. Below is the code of the component $('#ficheResume').dialog({ title: "Résumé de l'offre", autoOpen: false, modal: true, minWidth: 400,
Autocomplete + dialog + scroll
I use an autocomplete inside a dialog. This all works fine, but not when I use the wheel on the mouse to scroll. The autocomplete remains on the fixed position. Example on http://jsbin.com/ivibi4/edit Can I fix this with css? I have this behavior in IE8 and FF 3.6
jQuery UI Draggable/droppable across frames
Hello, What I would like to achieve is this: - I drag a DIV element from a first document that contains an IFRAME - I drop this DIV element into a droppable element, but in a second document (inside the IFRAME) Is there a way to use jQuery UI draggable & droppable to do this? Thanks for your help. Y.Deltroo
Slider with Two Handles, each with their own range
Using ui slider 1.5.2 and ui core 1.5.2, we were able to create a slider with 2 handles, each handle having a different range as shown below. If I understand correctly, the option shown below, ie using "handles:", does not seem to be available in 1.8.2, but instead you need to use values: [x,y] to create 2 handles. Is this correct ? Secondly, does n't using "values: [x,y]" create 2 handles with the same range ? Thanks very much in advance P sliderContainer.slider( { ... change:
ui-tab: Is there an event or callback after ajax-request and before the content is written ?
Hi @all, i'm pretty new to jquery/jquery-ui tab. I have multiple tabs with different sites to load. But before the content is rendered into the corresponding tabs i want to modify the content. In this case search for javascripts/css - files & tags. So is there an event or a callback-function that i can use that is triggerd after the ajax-request was succesfull & before the content is written to the tab ? thanks in advance multitool
After shake effect, applied to UI Dialog element, ends, dialog is removed from the DOM... ?
I've got custom made widget, which is derived from UI Dialog (nothing special), some additional logic on header and footer. Now I try to "shake" it in specific cases with $.effect("shake") and it is does as expected, but when the effect ends UI Dialog is destroyed. Is there any way to prevent this?
Next Page