Drag, Drop and Resize
i want make Mood Board can you help me using Jquery
Drag, Drop and Resizable
hey guys i want help Im creating a mood board using jquery.. i have done till dragging the image and dropping it into the container, now dropped contain are draggable, it should also be resizable im not able code it and also the draggable image shouldbe overlapped when it is active i mean that when i clicked on one should drag and should palced over another image, it should will every time happen when i drag the image should be overlap... im placing my code below please guys help with this <!DOCTYPE
Problems with modal window
Hi all, I've coded a modal window using JQuery following this tutorial: Link In the example is referenced one part in the HTML document: <a href="#dialog" name="modal">Simple Modal Window</a>which is the part that is showed in modal window. Is it possible to link it with a URI, not like in the example --> #dialog, in order to the content wasn't in the same HTML? I've tested it some times without success. Have I to change Javascript file? Thanks.
Jquery UI datepicker in IE
Hi all. I am trying to display basic Jqeury datepicker in my application. When a user clicks the input field, a calendar will show up. My input field is on the bottom of the window, when the calender pops up, It shows fine in Firefox and Chrome (above the input field) but not in IE(pops up below the input field, see attachment). I was wondering if someone here can help me about it. Thanks a lot!
Can I turn a definition list into accordion?
We know that there is a specific HTML markup, if we want to create an accordion. But I tried to make an accordion from <dl><dt>heading</dt><dd>contents</dd></dl> tag, sometimes it works but sometimes fails. The official documentation for accordion does not say anything about making an accordion from a definition list. Can I turn a definition list into accordion?
Error abriendo 2 dialog
Buenos dias saludos a todo el equipo no hablo muy bien el ingles asi que disculpenme, el el problema es abro un dialog y todo normal y del dialog abro otro dialog y hasta ahy normal pero cuando cierro el segundo dialog y abro de nuevo hasta hay normal pero cuando el cierro el segundo dialog me elimina tambien el overlay del primer dialog como si hubiera en modal false alguien tiene alguna solucion gracia spor su ayuda.
JQuery for desktop like web applications
Hi jQuery UI team, I was looking to smoothly use JQuery UI for Developing Desktop Like Web Applications. Regards,
Tabs - remove hidden div content when another tab is selected
Say I have two tabs, loaded with ajax. I click the first tab, then the second, and then the first again. The div containing the second tab content is hidden, but the content is there. This is a problem for me, as both the selected and the hidden div have some input id's that are the same and the application does not function as it's supposed to. What I'd like to do is clean all tab divs when a tab is selected (apart from the selected tab, of course). That way I'd only have code from the currently
Imput type:FILE custom style
As you can see, the UI style for buttons looks great, but there basically is no style customization support for the File input type, which doesn't look so great together. Has anyone modified their library to handle the File type? Are there plans to add the ability to apply a custom style to the file type?
ui.Tabs, URL needs to update each time a tab is clicked
By default adding the # value of the tab I require at the end of the url gets the tab I want to load, that is fine when I need to email a link that defaults to that tab as I know the # value needed. Here is the problem: I need the URL displayed to update each time I click on a tab and display the current #value so that visitors to the site can copy and email the url, or bookmark, that tab as they will not know the # value used to initialise the tab because it is not displayed in the url. The tabs
ui autocomplete submit form on select
if I use close: function(event, ui) { $(this).get(0).form.submit(); } everything works as expected, the form is submitted with the selected value. However, of course if I correct my input, the form closes and submits. If I change close to select, the form is submitted, but not with the selected value. Maybe someone has a quick workaround for that.
jquery ui button - use only secondary icon
Hi, I want to make a simple "next" button where the icon (>>) is only displayed on the right. I tried the following $(".fwdBtn").button({ icons: { primary: 'ui-icon-null', secondary: 'ui-icon-seek-next' } }); where ui-icon-null got width:0; but there is still a large empty space on the left hand of the button. Is there a way to use only the secondary icon without the primary? Thanks in advance for answers
A button with an icon just on the right
How does one create a button with h an icon just on the right , no icon on the left so something like this : [ [text] [icon] ] Thenks
Jquery portlets - Fixed column height
Hi, I'm using the jquery portlets and I've runned into some problems. Is it possible to have max 3 portlets in a column? How can jquery control this? Thanks //Randomizer
Newbie needs help - modal form, buttons and the form action
Hello, I have a modal dialog which pops up fine and I'm trying to get form data to work with a submit button. I've looked at some demos and examples but am failing to make the connection with how the html form action is referenced in jQuery? Or does jQuery require a different approach? So, I have this page: http://www.hardingweb.net/collyers/ If you click on "Claims Online" then it opens the dialog, the grey submit button is a legacy from the current website, it has a bunch of <inputs>s, several
how to pass argument in function with jquery
Hi All, I am using jquery validation class but I don't to pass parameter in that 'class'=>"validate[required,funcCall[validateurl]] input" I have call a function validateurl & I want to pass parameter in that function. I am waiting for your reply Please Help me Thanks MUKESH
datepicker too big!
Just getting my feet wet here. I managed to get datepicker attached to an input field. The datepicker is way too big. How do I control the size of the thing? Thanks!
Modal Dialog - Adding space at the bottom of the page
Hey guys, When the Dialog appears on the page, it adds a space at the bottom of the page, which isn't covered by the overlay. I've heavily styled the dialog box, so could this have something to do with it? My code is... JS $("#register").dialog({ modal: true, width: 791, height: 495, autoOpen: true, resizable: false }); $('#reg_link').click(function(){
Stop dragging with a conditional when condition is reached: issues
Hi there, I've been reading the post: https://forum.jquery.com/topic/how-to-cancel-drag-while-dragging People suggest to use trigger('mouseup') to stop the dragging and it really stops it, but it will return an error: this.helper is null You can check it with this code: <script type="text/javascript"> function stopit() { if($('#draggy').offset().left > 400) { $('#draggy').trigger('mouseup'); } } $(document).ready( function() { $('#draggy').draggable( {
$('#foo').effect('highlight') transform my inline-block into inline on a click
Hi all, I found a real problem with highlight and only highlight (I have not test all the jQuery UI effects but those which I tested works) and I really don't understand where the problem is. I made a little page for you to test the problem : francois.robichet.com/highlight/ If the input is filled, you gonna have a big green "Ok" will appear at its right. If it's empty, it's gonna be a big red "Requis" (require in French). You have 2 buttons, one wich use effect('highlight') after it check if the
dragable&sortable: resulting items list -> input field
Hi, i'd like to create a drag & sortable list of items.. (alike the way one can edit the symbols-bar on a OSX App). The shopping cart demo (http://ui-dev.jquery.com/demos/droppable/#shopping-cart) comes pretty close, however i'd need the result of the drag/sort as comma separated list (item2,item1,item5,..) in a hidden input field.. and have no clue how to get there. ;-) anyone a advice or good example? details on task: i'd like to create a drag/sort GUI to populate the menu of a markitup editor
jquery ui dialog box, with embeded javascript ( $(document).ready fires too early?
jquery ui dialog box, with embeded javascript ( $(document).ready fires too early? i'm trying to test out jquery ui dialog , i currently use the jquery plugin impromptu - it works well but not themable with jquery ui. anyhow i am displaying the dialog with a form in it, the form is loaded using ajax to return the html var $dialog = var $dialog = $('<div></div>') .html(data.html) //data.html is the return from ajax call .dialog({ autoOpen: true width: 400, modal: true, buttons:
jQuery Tabs on an MVC master page
Hi! I have successfully used Tabs on a "content" page inheriting a master page. But, I need tabs on all pages so I tried to insert a function for tabs on the master page but that didn't work. What am I doing wrong here? /Måns <%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title> <asp:ContentPlaceHolder
Layout troubles with latest version of datepicker
I'm having layout troubles when using a datepicker with UI version 1.8.1 and jQuery 1.4.2 when trying to migrate from the previous versions of both UI and jQuery. This is a very simple demo of the problem: http://users.telenet.be/DrakeAvatar/datepicker.html I've attached a screenshot too. I've tested this on Mac/Firefox and Mac/Chrome, but I'm pretty sure this occurs on other platforms too. For now, I suppose I'm stuck with using the previous version of UI. Drake
jQueryUI: Autocomplete
I want to insert 2 values in the same row in the autosuggest item. I also want to add a tab between these 2 values and grey out the 2nd value. Is that possible using the Autocomplete plugin? Below is the code which I am using..please see the highlighted line where i am trying to insert the second value..it appears in the dropdown of suggestions but there is no whitespace between 1st and 2nd value(also how do i change the font color for the sencond value?) $('#searchtext').autocomplete({
Scroll page under dialog
Hi, I would like to be able to scroll a page underneath an open dialog box, with the dialog remaining in a fixed place. I need this functionality, so if anybody else does, maybe the jQuery team might consider adding that option to the Dialog widget. Kind Regards Swami
using datepicker with different UI-theme than the rest of the site
Hello, we want to style the datepicker, and only the datepicker, with an other ui-theme than the rest of the site. We're using Liferay Portal 5.2.3, so the datepicker came along with the standard Liferay-Theme, but we don't want to change the whole back- and frontend-theme to our needs matching the site design. Is there a way to call something like this: $( ".mySelector" ).datepicker({ useThisTheme: 'myThemeName' }); to give the datepicker a different theme without applying it to the whole ui-elements
UI Slider continuously following mouse's x position
Hi all, I'm hitting a bug that only occurs when I place a slider inside a certain div on my page. In this div, once I click the first mousedown on a slider handle or slider bar, the handle continuously follows the mouse's x position (even when I click on or off the slider--it seems to be ignoring all mouseups and mouseups) until I click outside of the div, which correctly causes the handle to stop. If I place the slider on the same page but outside of this problematic div, it behaves normally.
ui-dialog alsoResize
I am boxing the box model again and have thrown in the towel on CSS - I will need JS to flex a component that I am displaying inside my ui-dialog. Now, ui-dialog is also a ui-resizable and I should thus have access to all the resizable options. Alas, the ui-dialog interface has made a hash of things (I think it should simply take { draggable: { draggable options }, resizable: { resizable options }, dialog options }). However, it occurred to me that I should be able to go in after init and patch
Getting ButtonSet to reflect current DOM state
I've got a 3 button (radio) buttonset which is essentially the main navigation of an iPhone app. When navigating using the buttonset, the buttons correctly show and hide their selected state, however, other links in the app can change the "page" in the app and thus require the buttonset to change to reflect the current state. Per the jQuery UI docs, it seemed that the way to do what I want is to manipulate the DOM as needs be, ie check and uncheck the radio buttons in question and then call the "refresh"
Add an icon to button from input type submit
Can I add an icon to button widget from an input type submit? I've tried it but it wasn't works.
Datepicker, problem with background/clear
As you can see from the attached file, my datepicker looks kind of weird. If you look closely you can see that both #ui-datepicker-div and .ui-datepicker-header is "collapsed", and I figure some kind of clear is not working properly? If I set the height manually to #ui-datepicker-div the whole background turns green (like I want it), but of course I need the height to be dynamic. All help is much appreciated! Stian
Jquery tablesorter and tabs on same page - screwy behavior
Hey guys - Hope your wisdom can lend me a hand here. I have a table on a page in which I've binded the tablesorter plugin. It works fine and sorts with no issues. However, I recently decided I needed to add tabs on the same page. The tabs themselves are configured in ajax mode. Everything there works fine. The table has pagination and I have it limited to 5 per page. On the first page load, everything sorts correctly. Only the currently displayed (5 rows) are being sorted. However, when I
JQuery UI
Hello, impossible de joindre l'URL de JQuery UI message du Serveur affiché : Welcome to nginx!
Can't download custom theme from theme roller.
Says the web page is not available.
jQuery UI - Form input return confirm to delete
I have the following form: <form action="delete.php" method="post"> <input type="hidden" name="id" value="<{$pid}>" /> <input type="hidden" name="picture" value="<{$lang_del_pic}>" /> <input type="image" src="<{xoImgUrl}>img/del-icon.gif" width="16" height="16" align="bottom" border="0" alt="Delete media" name="pictured" value="<{$lang_del_pic}>" onclick="javascript: return confirm('<{$lang_confirm_del}>');" /> </form> which calls standard confirmation window to delete file. Now I want it to be jQuery
dialog and dynamic forms
Hi all, im trying to use dialog/ui in an environment where I am creating forms on the fly. Basically on clicking of a button im using ajax to grab a form, placing the form in a div, then call dialog on that div. This goes fine the first time, but a second attempt at doing the same fails miserably. The content of the previous form is still being used, and things go all haywire. Ive tried destroying the dialog before starting a new dialog, but that doesnt seem to help. I can see in the dom that the
Dialog not positioning at all
Help, I'm losing my mind! I am creating a new UI dialog and am just trying to position it with the "position" option. I tried any permutation (mentioned in the manual) - none works. So I use Firebug to walk through the code and am now even more confused. My jQuery UI code calls jQuery.position like so: this.uiDialog // workaround for jQuery bug #5781 http://dev.jquery.com/ticket/5781 .css({ top: 0, left: 0 }) .position({ my: myAt.join('
Drag Drop DIV from one another
I'm trying to build a calender like gadget on my page and would like to be able to drag one div from it's container to another and get the id of the one it was dropped into. For instance, if I grab "not again" from container3 and drop into container1 I want to be able to get the destination div id? How can I do this? <div id="holder"> <div id="container1" class="days"> <div>stuff here</div> <div>second thing</div> </div> <div id="container2" class="days"> </div>
AutoComplete -> Combobox
I wish to make input=text autocomplete, as here http://jqueryui.com/demos/autocomplete/#default, but with the button as here http://jqueryui.com/demos/autocomplete/#combobox I.e. it is necessary for me that there was a dropping out list into which it is possible to enter any values, and not just those that are in the list.
Next Page