Jquery UI ui-widget class needs table as part of selector definition
I just recently used UI tabs in an application. Within a couple of the tabs I used tables for content (let's not have a religious debate about using tables for layout, please). Anyway, the font size came out much bigger than for text in a paragraph, for example. I looked at the custom.css file (generated by themeroller) and found this line: .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } -
Dialog without a title?
Hello, I'd like to have a _dialog without a title bar_ , actually I just want to read the word "loading" centered. So I add some lines: CSS: .centered { text-align: center } .unvisible { visibility: hidden } HTML: <div id=myDialog></div> JS: showDialog("myDialog", " (no title bar wanted) ", "Loading ..."); function showDialog(theDialog, theTitle, theText) { $("#"+ theDialog).innerHTML = theText; $("#"+ theDialog).dialog(); // important! $("#"+ theDialog).dialog('option', 'title', theTitle); // (Why
dialog -- close to form
I wanted a prompt dialog when they entered a note to pop up. Unfortunately, it pulls the dialog outside of the form element. What I think I want to do is to pull the dialog element back into the form when I press confirm. Can you help me think through the best way to do this? I'm going to take a stab at it. Let me know if there's a better way to do this. example html: <asp:LinkButton ID="btnAddNote" runat="server" Text="Add Note" CssClass="DialogNoteInputButton" OnClick="btnAddNote_Click" /> <div
Problem with dragging of datable rows.
I am trying to implement draggale + sortable on two datatables. I use the option item:'tr' in sortable to make the rows of the datatable sortable. But there is no such option in draggable.When i apply draggable on my table it makes the whole table draggable but i want only rows to be draggable. Please provide some inputs This is my code: <f:view> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> <title> </title> <link type="text/css" href="ui.all.css" rel="stylesheet"
"dialog" @ IE8
Hi out there, my funny IE8 does not his job: "dialog" doesn't work at all - not even the examples on the official site are working, but, however, e. g. "draggable" works fine! The "brilliant" debugger of IE8 cries at "line 10, char 12xx" - "return (var m = l !== undefined ..." ... but why other users don't have this problem? Any addons? Nope, not even one installed ("virgin" browser; default installation)! So, maybe my "security suite" (McAfee @ XP SP2 [daily updated]) is a little bit too "paranoid"
draggable option for jquery
I am using the jquery ui pluggin. <div> </div><div>If I enable the draggable option on drag of the dialog a space comes below the dialog.</div><div> </div><div>Does anybody have any idea on why it happens?</div> --
Core plugin refactoring
Just something i was thinking about as i follow pbworks quite alot and had noticed alot of new plugins getting alot of attention ( validation, menu etc). But i also noticed the core plugins (orginal ones) such as datepicker, selectables haven't been visited in a while so was just wondering when the refactor is going to happen to those and whether they'll be skipped in the next major version and whether other new plugins would be implemented. Personally i think more attention should be spent on the
UI dialog random results
Im not a pro by any means just playing around but I seem to be getting pretty random results from Dialog A bit of background. I have made a page that is a parent page it has the DTD declarations in it as wells a div that contains the navagation and a div container that loads the pages depending on what menu items is selected in the navagation. The main page has the includes for jquery, ui and another page which has my specific javascript. One of my pages has field which the users fill in to populate
Weirdness with tab restore from file
I've built a work-around to being able to re-add a deleted tab. The workaround builds the initial pages in an array, then echo's the contents out - and, at the same time, saves the contents to a temp directory. The reason I need to do it this way is I don't want to just "hide" data because some of it needs to be secured (like admin pages, etc) and users could easily view source. I have everything working, but for some odd reason, when I re-add the page from disk, some of the portlet headers are missing
strange problem with sortable/draggable
Hi, I've implemented the sortable and draggable in my website like the example on the jQuery site. The problem is that when I open the page, and try to drag an item into the sortable it doesn't work. When I touch an item in my sortable (only move 1 or 2 pixels) and then release it again, it works like a charm. The problem I think is that the sortable isn't listning to the draggable, only after touching the sortable items, it is starting to listning. Maybe for being complete. The 2 lists are build
Loading tab data from file is really slow
When my main pages load, everything loads up fast because I'm building the content from mysql. I have a couple of menu links (like an about page) that load a new tab from a file. For some reason, the load times are painfully slow (and these are pretty small files) when I load it this way. Can someone tell me if I'm doing something wrong? my test site: http:://<a href="http://lztest.gdd.net">lztest.gdd.net</a> login/pass is guest/guest Appreciate any insight you can provide :-) <br clear="all"> --
two accordian windows open at default
if someone could point me in the right direction. i'm using default jquery-ui and my client wants two accordian windows open by default, i.e. if there are three accordians, he wants 1 and 2 open by default as compared to just number 1 --
Dialog bug
Hello. I have iframe (100% width and height) and jQueryUI dialog on the page. I don't know why, but when I move or resize dialog, it's work not correctly. You could see example here: http://lst.zt.ua/example If I make width:50%, than dialog works very good on blank part of page, but don't work correctly on iframe part. --
How to open external link in jQuery ui Tabs?
I'm wondering if there's a simple way to allow a few tabs to open an html document existing on the server instead of only loading the selected tab. What do I need to do to make this function correctly? --
Help! jQuery UI Tabs + Microsoft Internet Explorer (yes, those dreaded 3 words…)
http://zaxcafe.net Works in all browsers EXCEPT Microsoft Internet Explorer. Woefully, all that shows is the page header div. All else is blank. What did I do wrong? Can anyone help me fix. TIA --Naum --
progress bar easing
does anyone have an example how to use the jquery.animation.easing plugin to control the animation of a progress bar? as the bar makes progress, i want it to 'slide fill' to the new value using any of the easing calculations --
NEWS: jQuery UI 1.8a2 released
blog post: <a href="http://blog.jqueryui.com/2009/12/jquery-ui-18a2/">http://blog.jqueryui.com/2009/12/jquery-ui-18a2/</a> changelog: <a href="http://jqueryui.com/docs/Changelog/1.8a2">http://jqueryui.com/docs/Changelog/1.8a2</a> - Richard Richard D. Worth jQuery UI Release Manager --
UI Tabs issue
Here is my current tabs configuration: $("#hero").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 200 } }); It does what it's supposed to do, for the most part, but I am having two issues with it... First, for the mouseover state, UI Tabs is appending "ui-state-active" to my list navigation. But it seems that jQuery "waits" until the fx animation is completed until it displays the actual mouseover event. Because of this, I had to create my own mouseover script to work in conjunction
UI Tabs
How I can get list opened tabs? I need some like 'ui.tab.text' for evry tabs. Как можно получить список открытых табов? Мне нужно что-то вроде 'ui.tab.text' но для всех открытых вкладок. --
Check how tab was choosen
I have a problem with the tabs in combination with the automatic tab rotation: Is it possible to get the set speed of the rotation - or - if the "tabsshow" event was invoked manually or by the automatic rotation? The reason why I am asking that is the following: I am trying to build tabs with images. One tab could be either an image itself or several images with only one label. The display flow should be the following: - show image tab 1 (using auto-rotation) - show image tab 2 (using auto-rotation)
Dialog with contents from another page
I want to have a dialog which contents should be loaded from another page. Is it possible? --
draggable ie listbox options
Hello. I've two listboxes on my page and want to drag the options from one to another listbox. It works fine in firefox, but neither in IE (7) nor in Opera. Has anyone an idea what's the problem and how to fix? (function($){ $.setupDragDrop = function() { $(function(){ // setup draggable items $("select option").draggable({ helper: function(event) { var htmlMove = "<div class='ddElemMove'><label> </ label><div> </div></div>"; return $(htmlMove) .children('label').text(this.text) .end()
Trigger start of resize
I have found other discussions on this, but no definitive answer, not even a workable one for me. This is what I want to do: create and size a box with one click. the steps would be on mousedown to create a box and trigger the start of resizing, continue to resize on drag, and complete resizing on mouseup. This behavior can be seen on google calendar when creating a new event (granted that is not jquery) The following does not work $("#active_area").mousedown(function(){ $("body").append("<div
UI- TABS
Hey all, I am sure that this is a simple fix, but I cant get my head around it. I am trying to overlay a class, on the content of the tabs, while it is loading. I have the spinner class working for the tab itself, but I also want the entire tab section(not screen) to go dark and have a spinner in the middle. I cant get this to work. Any ideas or suggestions. Thanks in advanced, Marc --
ajax loaded tabs possibly interfering with accordion/dialog box
I am trying to use jquerys ajax loaded tabs, along with other ui plugins such as accordion and dialog box. Everything will load fine via $(document).ready function, but if I try to use any of the methods after initial loading, the methods fail. But if I take out the snippet that loads the tabs, they work. So I think the problem is how I am calling tabs. Here is the code. $(document).ready(function(){ $('#accordion').accordion({alwaysOpen:true, }); $('#tester').click(function(event) { $('#accordion').accordion(
Need UI Developer - Direct Client Requirement
Job Title: Senior UI Developer Location: Park Ridge, NJ Duration: 6 Months Contract Should be 10/10 in Communicating. Job Description: The Senior UI Developer provides technical leadership to the UI Developers working on e-Commerce projects and ensures that the application architecture and development standards are followed. This person will also be responsible for the new development and optimization of the presentation layer. Responsibilities: • Lead the development of projects assigned by their
Execute Javascript after click on Tab
Hi, i'm using jQuery UI tabs with Ajax (this makes my app faster). I used to have one page for all the tabs but that became slow. Now I'm having a little problem. I'm using a jQuery validator (http:// www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/) that used to load on the $(document).ready function. But when the first tab is active the form that needs validation isn't accessible yet for the computer that happens when the second tab is clicked. How can
"Show" effect with <ul> in IE6
Hello, I've set up Jquery's show effect (http://jqueryui.com/demos/show/) to reveal a div containing an unordered list. The content of the list is hidden (large negative indent) and represented by background images for links and hovers etc. It works fine in most browsers with the exception of IE6; there the show effect plays, the li images are revealed (more or less where they belong) for about half a second, and then they disappear. I can't for the life of me figure out where they're going. Any
How to Jquery UI Dialog showing external information
Hi, I'm new in this of Jquery UI and I really like it, I have tested differents features and I like it. Now I'm trying to create a dialog box which shows the content of a external page. This is my situtation: I have a .jsp page called 'x.jsp'. In this page I have a link which open a popup window using simple javascript (openWindow). This popup shows a second .jsp file called 'b.jsp'. In order to show information on the popup with the b.jsp I'm using this javascipt on x.jsp: function productInfo(country_cd,destination_cd,resort_cd,product_cd)
quick launch style menu
Hey there, excuse me for this question, im a newbie to this whole thing. What I want to create is a sort of windows quicklaunch bar. What I have is a list of links which are controlled by classes to give different icons. I want the user to be able to drag a list item and drop it into the 'quick launch' type area, where only the icon is to be displayed. So far I have got it to drag and drop ok, but the problems that I am having are; 1. the origional item has been removed from the list and placed into
drag and drop into a dialog
Hi, I am trying hard to make this work! I have a list of images inside a div which i make draggable. I also have a dialog which is triggered (open) when dragging starts. For some reason I cannot drop inside this dialog. I can drop everywhere else on the page except inside a dialog. here is my code: $(document).ready(function(){ // Executed once all the page elements are loaded //setup new person dialog // Change overlay color and opacity $('#sample').dialog({ //dialog options autoOpen: false, draggable:
Missing prev next arrows on datepicker
I've added a datepicker to a page and it's missing the prev and next arrows. The prev and next functionality works if I click in that area but no arrows. This is my first time using jquery and I'm very weak w/ javascript so it could be something very simple. Thanks in advance. Jim --
"this.placeholder is undefined" Error in jQuery UI 1.7.2
I know this error was supposed to be fixed in 1.6 RC5, but I'm still having it. Here's the code if it will help: $('#lnkCancelActivityAttributeSortOrder').click(function() { $('#ulActivityAttributes').sortable('cancel'); $('.liAttributeItem').removeClass('sortableAttributeItem'); $('#lnkSortActivityAttributes').show(); $('#lnkSaveActivityAttributeSortOrder').hide(); $('#lnkCancelActivityAttributeSortOrder').hide(); }); I have re-downloaded 1.7.2 and overwritten
JQuery Modal AJAX and ASP.NET
I am a newbie of JQuery and got stuck with sending data from JQuery Modal to asp.net page. Here is my code: <code> function getGrower(rowid) { // get data in the selected row and prepare query string var c = 0; var str = ""; $("#result_tbl tr td." + rowid).each(function() { var cell_val = $(this).text(); cell_val = replace_and(cell_val); if (c == 0) str = "GrowerID=" + cell_val; if (c == 1) str += "&LicenseNumber=" + cell_val; if (c == 2) str += "&FarmName=" + cell_val; if (c == 3) str += "&FirstName="
dialog beforeClose Problem
Hi everybody, can someone please give an effective example for preventing the closing of a dialog? Sadly, the official jQuery UI documentation gives only the global syntax for the beforeClose event. I tried with this code : $('#preload').dialog({ autoOpen: false, width: 300, bgiframe:true, modal:true, resizable:false, closeOnEscape:false, draggable:false, title:'Chargement
Dialog and IFrame problem
Hello. I have iframe that set on 100% width and height on the page and jQueryUI dialog: ---------------------------------------------- <script> $("#dialog").dialog({ autoOpen: false, zIndex: 3999 }); $('#dialog').dialog('open'); }); </script> <iframe src="..." id="mainframe" name="mainframe"> Browser is not support iframes. </iframe> <div id="dialog" title="Basic dialog"> This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with
open links in the current tab in one tab only
hi, I m having jquery ui tab panel with 2 tabs on it. Is there any method by which i can open links on the same tab only when i click the links on second tab and not the first tab. For example i have the code ------------------------------------------------------------------------------------------------------------------------ $(function(){ $('#tabs').tabs( { load: function(e, ui) { $('a', ui.panel).click (function() { $('#tabs').tabs("url", 1, this.href).tabs("load",1);
datepicker from and to date
Hello, Hope someone can help me.. I am still new to jquery and i like to ask and learn :). Well i need help with datepicker. I have 2 inputs witch both triger datepicker. I need the "date from" value from the first datepicker and insert it to "date to" into the minDate. I need to do a minimal reservation days and would like to simply solve it with jquery. So for example "date from" is picked 1/1/2010 and i need 3 days minimal reservation, so if 1/1/2010 was picked i need the value of it and combine
Theme switcher & XHTML
Theme switcher does not work in an XHTML page but it is working in a similar HTML page. Am I missing something or is there a known issue with XHTML? --
UI Tabs, fixed width and height
Hi All, I am using the UI Tabs. Everything works great except the width of my tab panels seem to jump wider a bit I have 5 tabs. tabs 1 - 3 when clicked are the same size width wise, but 4 and 5 jump. Something is pushing them out, but I started each file for each tab the same way. What would I modify to keep the width and height of the UI Panel the same regardless. Like a fixed width and height. I have nested-jquery-yui.css and ui.tabs.css. I have tried various things for items that reference ui-tabs-panel
Next Page