[blockUI] - issue closing element modal
Hi- I need a modal window within an element on my page and BlockUI works great for this. The problem is that I want a button on the blockUI message that will close the block. I can't seem to get this to work. If I put the button elsewhere on the page, it works to close the block, but whenever the button is actually in the block div, it doesn't work. A close button in the block div works fine for full UI blocking, just not for element blocking. Is this possible? Any ideas would be much appreciated.
Accodion adds space to footer
I've posted previously but no answer so here goes again. I'm using Blueprint along with the stickyfooter css for my layout. Everything lays out fine but as soon as I add the accoridion script it adds a 8px space to the bottom and shifts everything to the left.
Radio Button Question
Hey all What I am working on is a form that has a bunch of yes or no questions. So I am using radio buttons for the yes or no. If a user clicks the yes radio, there will be additional questions that appear below for them to answer. If the user then clicks the no radio, the additional questions will hide again. I have the jQuery working just fine to show and hide the additional questions. Where my problem is, when the user clicks either of the radio buttons, the jQuery fires, but the radio button
Calling 'activate' on an accordion element steals focus
I have a page with an automated accordion, where a new element opens every few seconds. I do this by calling $("#accordion").accordion('activate', elementIndex); But this always seems to steal focus, which is particularly annoying when a user is trying to fill in a login form. Is there any way to activate the element without stealing focus?
Dialog Modal disable other element.
Hi, I had a Modal Dialog and inside there's a DatePicker. If I set Dialog Modal = True, other elements outside the Dialog are disabled. But if I turn off Modal then I'm fine. Any twisted solution? Thanks in advance.
How can I set a button "Alt" attribute in a dialog modal form?
How can I set a button "Alt" attribute in a dialog modal form? Follow an example about button "OK" in my dialog modal form: $("#modalForm").dialog({ bgiframe: true, autoOpen: false, modal: true, buttons: { Ok: function() ... ...
Sortable portlets
I seem to have the delimma so many of us have with saving the state of the sortables (portlets). Yes, I can use the toArray to save it to a cookie, but then how do I load the array back?? There are no examples of this that work with jQuery 1.3.1+. Any ideas out there? I must be able to save/restore the sortables sequence (two columns) to cookies and just can't find anything that works....
Problems with UI.shake
I was just using UI.shake when I realised, that it didn't work fine in IE and FireFox! The page is: premium.bettipps.de When you click "Login" the box is shaking. In FF it's okay. But if you click it double, the box disappears into the top left corner. In IE it is even worse. The Box is disappearing into the bottom, the first time you click. Anyone a idea how to solve this? ->Sorry for my bad English ;) Im form Germany so.. my English is not perfect.
Loading a page into a dialog with ASP .Net Buttons doesn't fire button click event
0 vote down star Hi,I am loading a page into a jquery dialog. $(document).ready(function() { var $loading = $('<img src="../Images/loading.gif" alt="loading">'); var $dialog = $('<div></div>') .append($loading); var $link = $("#<%=lnkCustomise.ClientID %>").one('click', function() { $dialog .load($link.attr('href')) .dialog({ title: $link.attr('title'), width: 500, height: 550 }); $link.click(function()
IE6 + 7 jQuery Accordion not working
I am having a problem with the jQuery UI Accordion working on IE6 + 7. All functionality isn't working. Very confused why. I was wondering if someone has come across this problem before and how to fix it. If someone could help me I would appreciate it. Problem is at: http://www.electricvisualgoggles.com/ Please let me know if someone can help. Thank you.
How to set animation speed on the slider widget?
Hi, I would like to know the syntax for setting the animation speed of the the animation: true.
themeroller broken on mac
I've tried a number of times, but each time I download the custom theme I've created, I just get one of the stock themes. I open the zip file and check this css file and it doesn't have any of the styles or colors I've selected. This is the file inside the zip package that I am checking. /css/custom_theme/jquery-ui-1.7.2.custom.css I've tried this in both safari and firefox on the mac (haven't tried pc, so I don't know if it works there). I start by editing the styles on the themeroller, then when
Problem with themeroller downloading
Hi, I'm having trouble downloading a custom theme. I end up getting the default theme. Below is the uri at the download page after making the theme. Can anyone tell me what's happening here? http://jqueryui.com/download/?themeParams=%3FffDefault%3D%2522Lucida+Grande%2522%252C+Arial%252C+sans-serif%26fwDefault%3Dbold%26fsDefault%3D1.1em%26cornerRadius%3D4px%26bgColorHeader%3D67B462%26bgTextureHeader%3D01_flat.png%26bgImgOpacityHeader%3D35%26borderColorHeader%3D67B462%26fcHeader%3Dffffff%26iconColorHeader%3Dffffff%26bgColorContent%3Deeeeee%26bgTextureContent%3D03_highlight_soft.png%26bgImgOpacityContent%3D100%26borderColorContent%3Ddddddd%26fcContent%3D333333%26iconColorContent%3D222222%26bgColorDefault%3Dffffff%26bgTextureDefault%3D01_flat.png%26bgImgOpacityDefault%3D100%26borderColorDefault%3Dcccccc%26fcDefault%3D67B462%26iconColorDefault%3D67B462%26bgColorHover%3Dffffff%26bgTextureHover%3D01_flat.png%26bgImgOpacityHover%3D100%26borderColorHover%3D67B462%26fcHover%3D448240%26iconColorHover%3D447641%26bgColorActive%3Dffffff%26bgTextureActive%3D01_flat.png%26bgImgOpacityActive%3D65%26borderColorActive%3D67B462%26fcActive%3D407b3d%26iconColorActive%3D416a3e%26bgColorHighlight%3Dffe45c%26bgTextureHighlight%3D03_highlight_soft.png%26bgImgOpacityHighlight%3D75%26borderColorHighlight%3Dfed22f%26fcHighlight%3D363636%26iconColorHighlight%3D67B462%26bgColorError%3Db81900%26bgTextureError%3D08_diagonals_thick.png%26bgImgOpacityError%3D18%26borderColorError%3Dcd0a0a%26fcError%3Dffffff%26iconColorError%3Dffd27a%26bgColorOverlay%3D666666%26bgTextureOverlay%3D01_flat.png%26bgImgOpacityOverlay%3D50%26opacityOverlay%3D50%26bgColorShadow%3D000000%26bgTextureShadow%3D01_flat.png%26bgImgOpacityShadow%3D10%26opacityShadow%3D20%26thicknessShadow%3D5px%26offsetTopShadow%3D-5px%26offsetLeftShadow%3D-5px%26cornerRadiusShadow%3D5px
Handling custom events in widgets
Hi, all. I'm trying to figure out how to develop UI widgets. Here is an example of what i want to implement http://paste.pocoo.org/show/136745/ In two words. I want to run '_render' method after the 'loaded' event has been fired (data loading is an asynchronous action in my case). But my solution doesn't works. Could you help me, please?
Problem with icons rendered using ui-icon inside a jquery UI Tab
The issue is that icons styled using ui-icon CSS class (part of jquery UI CSS framework) do not render properly inside a Tab. I traced the issue to a Problem Ticket - http://dev.jqueryui.com/ticket/4401. However, this is targeted for 1.8 release and I was wondering if anyone had seen this problem and if there are any workarounds with jqueryui 1.7.2 Thanks, Kishore
Close ui dialog from external url and redirect to 3rd url?
I have a php form that is embedded inside a JQuery UI Dialog but the form is in a different URL. In other words, the dialogopen opens an IFrame that contains the form. The form works perfectly (data uploaded to mySQL fine) and, after running the upload script, I want it to close the UI Dialog and redirect to another page (a receipt form). The problem is that the form script resides inside a different URL from where the original jQuery call comes from. So...how can I do the following two things: 1)
Datepicker - change colour of several days in one month
Hello, small question... Is there any way to change the colour ( or set the number to bold ) of several days in a month? For following example: as an indication to the user that something is happening on that date ( given dates are coming from the database ) so he better selects one of them. Any thoughts? Greets Glenn
Widget Development Questions
I'm working on converting a plug-in to UI Widget format, and am confused about how the factory handles instances and prototypes... In a normal Javascript object that will be instantiated, I put only the instance-specific data in the base object. I create all methods as prototypes so that they are *not* instantiated. I have looked at numerous widgets for examples of prototyping, but have not seen any pattern that makes sense to me. So my question is, should widgets be created using prototypes? Or
Help with Dialog showing big buttons in IE6
Hi, I've looked in as many places as I could find for a solution to this issue, and before I move to something other than UI Dialog, I figured I'd give posting to this group a chance to work. The core of the issue is: With two out of perhaps twenty users of a page that contains a dialog, the dialog shows up almost looking like it's ignoring css for ui.dialog. Buttons are huge, elements on dialog out of place, etc... For the remaining users everything is fine. I've tried to recreate the issue, however
how do i change the date picker date format? it really doesnt work!!
Look at the following code. It puts the date in the span in a format not specified by myself. <div style="" id = "date1"></div> <span id="date1show"></span> <script language="JavaScript" type="text/javascript"> $("#date1").datepicker({minDate: '0'}); $('#date1').datepicker('option', 'dateFormat', 'yy'); var d1 = $("#date1").datepicker('getDate'); document.getElementById("date1show").innerHTML = d1; </script>
datepicker won't lose focus
I have two date fields. After the first date is selected the second field gets focused making the second datepicker pop up but it won't close after the second date is selected. This problem is present in Firefox 3.5 and Opera 9 but not in IE6/7. Source: http://repulj.hu/newsite/a.html
Tabs 1.7.2, how to prevent that all links in a <ul> are converted to tabs?
hi everyone! hope your doing well. i currently have a small problem with the Tabs widget. if i have an unordered list (ul) within a tab, and inside a link (a), then the first link is also changed into a tab link (eg href="#ui- tabs-6") how can i supress this behaviour? thanks a lot in advance! walter ps: <div id="tabs"> <div id="tabs-menu"> <ul> <li><a href="#info-tab"><span class="info-tab">Info</span></ a></li> <li><a href="#biography-tab"><span>Biography</span></a></li> <li><a href="#comment-tab"><span>Comments</span></a></li>
How come nothing works?
Nothing is working, nothing is where its supposed to be... I just want to use the dialog() functionality. I found the demo @ http://jqueryui.com/demos/dialog/ For "dependencies", the only requirement looks to be "UI Core". Downloaded UI Core (plus about 1000 other files that I have no idea as to their purpose). No readme or anything, so I dig through and finally find ui.core.js. Link it into my test page. Try to run $(foo).dialog() and I get "object doesn't support this property or method". Console
cursor in Drag and drop
hi, I have made a demo of Drag and drop,but met a trouble. It is always keeping a large distance between the cursor and the pictrue which I drag , not together they should be. Could someone tell me why or the way to solve? Thanks.
Dialog: Link problem and scrollbar in IE
I've created this sample page: http://www.dennismadsen.com/uploads/jquery/dialogProblem.html It shows my to problems: 1) In IE8 or FF I see a strange dashed border on the "Link"-text in the dialog. How can I remove it? 2) In IE8 when the dialog is open there are scrollbar both vertical and horizonal in my browser. How can I remove them? Hope someone can help me solve this problems!
UI Tabs
Hello, I wanted to know if there is a possibility to use UI Tabs with given urls (ie.: <a title="#b150" id="h150" rel="bra" href="/Auto-und- Verkehr_idbra,150,pidbra,150,page,0,gid,2,type,firmenindex.html"> Auto & Verkehr</a>) WITHOUT ajax functionality. I want UI Tabs to open tab "#b150" and not load the given href url with ajax. I need the true URL in href for fallback. (url only gives back content further down and not the tab content) And I do some own JS /ajax magic with href. Thank you,
Saw some spam on a ticket
http://dev.jqueryui.com/ticket/4333 right at the bottom by nikecitycn and sunrise1 What's the proceedure on this? Ant
Copy Sortable Item
I have 2 sortable lists, #pieces and #grid. I want to drag items from #peices and add them to #grid without removing them from #peices. The current code i have is: <script type="text/javascript"> $(function() { $("#peices, #grid).sortable({ connectWith: '.column' }).disableSelection(); }); </script> Can someone help me out. cheers for any help!
Drag & Drop between two containers
Hi! I tried to do some dragging and dropping between to containers, but I couldn't apply the correct combinations of options to be successful: $(function() { $("#item1").draggable(); $("#item2").draggable(); $("#container1").droppable(); $("#container2").droppable(); }) <div id="container1" style="height:100px;background-color:#CCC"> <div id="item1" class="ui-widget-content"> Hello</div> <div id="item2" class="ui-widget-content"> Hello</div> </div> <div id="container2" style="height:100px;background-color:#AAA">
Sortable and clone
I got stuck into problem since 2 days. Here we have drug and drop and we want to do clone items from right box to left. If i use draggable, it works, but all droped items is no more possible to delete after drop ??? If i use both sortable, there is not posible to clone (sortible dont support clone) ??? How can i resolve this. is it bug or am i doing something wrong. Gol is to have "read only" items in right side with possibility to drag and drop to left side and after to manipulate left list with
Accordion inside a modal dialog?
I'm trying to put a accordion inside a modal dialog: http://www.dennismadsen.com/uploads/jquery/accordionInsideDialog.html As you see it does not look as it should. Could someone tell me, what I'm doing wrong?
Problem with formatResult in autocomplete, don't work
Hello, I'm working with Symfony Framework and jquery autocomplete. The autocomplete function works fine, but i want to custom the output format that shows the items. I was looking the documentation and in the configuration of jquery autocomplete I add this: minChars: 2, mustMatch:false, formatItem: function(data, i, n, value){ return value[0]; }, formatResult: function(data,i,n){ alert("hello"); return data[0]; } The data received is 'Name|Image', in formatItem I will use split to shows an image
Resizeable not working properly - JQ Vers:v1.3.2 UI 1.7.2
I have a page that is called and pops up a dialog box first. That works well and is resizable, draggable etc. When that is closed the page displays as it should. There is a <DIV> on it that should be draggable and resizeable. I can drag it, but the resizeable call will not work. Indeed, if it is moved in the code to before the draggable call, the draggable call stops working. The resizable call is in its most basic form. The code to run resizeable is obviously working with the dialog box. Why is
Cross Frame Drag & Drop
Hi. This afternoon I've been playing around with some ideas and I can drag'n'drop between iframes and the parent. I've done this by using a "spoof" div instead of the helper. This is rendered on the parent. The way it works so far is; (1) User "clicks" on an item (2) Item is cloned then removed from the DOM, (3) The clone is injected to the spoof and the spoof is shown at current mouse position. (3) User then is able to "click and drag" the spoof to the target, because the spoof is draggable() All
"snap" between dialogs
Hi there, I designed my website (http://diogobaeder.com.br/) using dialogs for content boxes, but now I want these dialogs to snap to each other... how can I accomplish that using jQueryUI? I tried to set the options in many different ways, but none of them seem to work. :-( Any ideas? Thanks, Diogo
Add Links To Non-UL List Elements
Hi all... im trying to embed this accordion menu on a web page which is including my test things. I recognized that, if i use one list element single, it can't forward the page to the link... Look at this list; <div style="height:0px; position: absolute; top: 0px; left: 0px;"> <ul id="navigation"> <li> <a class="head" href="http://www.google.com/">Google</ a> </li> <li> <a class="head" href="http://www.yahoo.com">Yahoo</a> </li> <li> <a class="head" href="?p=1.1.3">Accordion Here</a> <ul> <li><a
Is it possible to have the accordion expand and open a new page on click
Hello, I have an accordion menu working fine however I have been asked to do something that does not seem possible but I thought I'd check. The menu structure looks like this: Category 1 Subcategory Subcategory Category 2 Subcategory Subcategory The Category 1 and 2 and the SubCategories are links to other pages. If the event is set to 'mouseover' and they click on Category 1 a new page opens. If the event is 'click', the accordion just expands. What they want is both, click on Category 1 and have
Progress Bar Animated Theming
In the Progress Bar demo, changing the theme for the animated progress bar does not actually change the animation color, which is orange (the UI Lightness theme). When I download using the theme roller a different theme the animation file provided: pbar-ani.gif, is orange. Is there no animated GIFs for the progress bar matching the other themes?
making a rounded border
Greetings, my dear fellow JQuery UI developers, Can someone give me some pointers how to make a rounded border using jquery ui? many thx, Zhiyin
Style tabs independently from the accordion
Hello there, I am trying to style the tabs without affecting the other elements (eg. accordion) on the same page. Is this possible or do I always have to have one "theme" that applies to all? I have tried to edit "ui-tabs-nav" class but then the *(&%#@ "ui- widget-header" over rides the styles. eg. <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget- header"> But if I edit the "ui-widget-header" the it affect any element where this class is called.... So how do I style things in UI
Next Page