Jquery UI - Tabs Ui
Hi All, I want to show Tabs vertically (ie different from default layout). How I can do it?? Any example is there? Thanks in advance Hiral
Maintain nth-child list item style with Sortable
Hi gang, I have a sortable list. I'm showing alternate colours using jquery's nth-child so that it will work in ie browsers too. The problem is, how do I maintain the alternating background colours after dragging list items? I've tried a stack of things along the lines of removeClass > addClass, but nothing seems to work. Here's a demo: http://dev.dezertdezine.com/match-game-sortable.html Can anyone put me on the right track? Cheers....
Resizable and .text()
Hey, i've created a resizable span, and when i use .text() on this span, the resize grip handler is gone and i can't resize the span anymore. Any suggestions what i could use instead? Thanks, Moe
Fx Bounce and JQuery Tabs
I just wanted to know if there is any way i can use the Effects JQueryUI provides like Bounce,Blind,Slide etc to be used in conjunction with JQueryUI tabs Fx options. if yes how do i do it? Someone provide me with working code or a template
UI Sortable seems to like List Items, but not Tables?
I've created two sortable grids as a test, one uses a table and the other uses lists. Here's the grid that uses a table: http://www.search-this.com/examples/test/drag-n-drop1.htm Here's the grid the uses a list: http://www.search-this.com/examples/test/drag-n-drop2.htm The code is pretty equivalent if you scrutinize it. But if you play with each grid by dragging and dropping (on the gray bar on top of the cell) it becomes apparent that the one comprised of lists works better than the table one. Why
Activate jQuery tab from link on other page
Hi, I have 3 jQuery tabs in one page and would like to load that page, and at the same time "activate" a certain tab and its content from a link on a different page, ex.<a href"tabpage.asp?selectedTab=3">SELECT_TAB_3</a> My code is: ############################### <link type="text/css" href="css/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery.ui.core.js"></script> <script type="text/javascript"
How to use ui-state-error with jQuery dialog
I have jQuery dialog working with my custom theme. I would like to use the "ui-state-error" css class to show errors in a dialog with that style. How do I incorporate that style within my own custom theme? thanks.
Print list items on autocomplete
Hello everybody! I'm trying to print list items on autocomplete search textbox, I know that this is an old issue but I passed a couple of hours in this without success, only <li></li>. I use linq on mvc to get Json data, and jquery to print the related items. I have in the controller: return Json( wl, JsonRequestBehavior.AllowGet ); wl is Enumerable<myClass> and it is returned as JsonResult, like this and what I get: [{"wordName":"Plan de clasificación","wordID":5,"langName":"español"},{"wordName":"Plan
jquery UI dialog fails with iframe
Hi everybody! =D I was recently trying to use the jquery UI dialog plugin together with iframes in order to create some sort of "popup windows", but I'm encountering an issue regarding the iframe sizeing, that is, it seems that when the iframe is turned into a dialog by the plugin, it somehow overwrites the width and height that I had set up for it. you can see what I mean here: http://jsfiddle.net/Xnsq6/4/ as you can notice, I'd like the iframe to fill all the available dialog space, but no matter
.Accordion problem on IE6+7
Hello Community ! I have realy hard Problems with .accordion in IE6+7 ! my code: jQuery('#navi').accordion({ header: '.navihead', event: 'mouseover', alwaysOpen: true, autoHeight: false, navigation: true, collapsible: true });and the navi: <div id="navi"> <dl> <dt id="navi1"><a href="?n=1">Aufgaben des Vereins</a></dt> <dt id="navi2"><a href="?n=2">Vereinsstatuten</a></dt>
Removing shopping cart draggables from placeholder
Hi all. I was hoping someone could help me with this as I have searched the forums but havent found the answer. Im sort of new to jQuery. I am currently using the Droppable shopping cart http://jqueryui.com/demos/droppable/#shopping-cart example. However I can't seem to remove items or lists from the placeholder (the div where the item is dropped). I am currently using the following function below. However this doesnt seem to target the area where the list is dropped, which has a class of placeholder.
Email Validation in Modal Form
Jquery is write less, do more. /* Contributed by Arman G. de Castro: http://armandecastro.wordpress.com */ bValid = bValid && checkRegexp(email,/^[_+a-z0-9-]+(\.[_+a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]{1,})*\.([a-z]{2,}){1}/,"Invalid Email Address eg. decastroarman@hotmail.com"); Thank you... Isaiah 9:6, Isaiah 7:14, Matthew 1:22-23, Jude 1:5, 1 John 4:2-3, I Timothy 3:16
Setting combobox value from code?
I just updated the UI library for a project to the 1.8.4 and am now trying to make use of the new autocomplete/combobox feature. I have this working fine, but need to dynamically set the value of the combobox when populating an edit form. I've tried setting the value on the original select and that is not working. I'm sure I can determine the selector for the dynamically created input box and set the value there, but is this the "right" way to do things? Thanks Shawn
Trigger event and passing event object
Hi, I am designing a widget which will use autocomplete but i have some problem with events. I have an hidden input which has autocomplete behaviour. Around that i generate other inputs which can share the autocomplete suggestions from the hidden input. On the "keydown" event from one of these inputs i need to propagate the event to the hidden input (to activate the suggestions). If i simply trigger "keydown" on it, it works but it doesn't know which key was hit because it doesn't have the event
do not swithch tab after postback
Hi, I am using a Tab control. In a tab i would like to have a CRUD (create read update delelte). I want this in the same tab. I have links in the tab that needs to be openend in the same tab. This works with the example in the documentation: $('#tabs').tabs({ load: function(event, ui) { $('a', ui.panel).live("click", function() { $(ui.panel).load(this.href); return false; }); } }); BUT, when i do a postback within the tab
Accordion icons. Alignment?
Hi. I've been going through the CSS files and I can't find a way to align the icons for the Accordion. I would like to have the icons on the right end of the header instead of the left. Is there a way to do this? Can someone point me in the right direction? This is what it looks like now: <icon><header name> And I would like to have it like this: <header name> <icon> Thanks for the help.
Inline Edit on span element
Hi there , bumped with another doubt so here it goes i have the structure like below <div class="ui-widget"> <div class="ui-widget-header"> Sales<span class="ui-icon ui-icon-comment"></span><span class="ui-icon ui-icon-trash"></span> </div> <span class="ui-widget-content">visual basic</span> </div> Now here is the functionality
jQuery UI - simple scroll - scroll-content width
I need to populate the scroller with dynamic data. That means that I might have different widths of the scroll-content which by default has a value of 2440px. http://jqueryui.com/demos/slider/#side-scroll Can scroll-content have automatic width based on how many items there are? Pleas let me know. Best Regards, Krystian
this.options is undefined in Firefox 3.6.8 out of jquery ui widget 1.8.1
My colleagues are not getting this error, we have the exact same code/data/etc, different environments. This error occurs: this.options is undefined when i select a tab, here is the most relevant js file: http://john.martirano.net/code/mytabs.js I had an earlier similar error where this.success is undefined was thrown for lack of a definition of success in the ajaxOptions passed into tabs. You can see in this file a declaration with an empty implementation. I'm not sure where options would be expected
Themeroller>Tabs>space too tall under tabs-with code
Hi, I have not made any changes to the code, but I cannot figure out how to make the blue space in the attachment tighten up to the bottom of the tabs where it is supposed to be. It works in the index example, but on my page, it does not. Thanks so much for your help. I have made no changes to any of the js or css. As I mention above, the index example works fine. However, here is the link to the themeroller http://tinyurl.com/3y3uv6s Thanks again for any help you can offer!
Autocomplete can't select on IE
I recently installed Autocomplete and I love it. I have a "citystate" field that collects data from geonames.org via JSON. It works great on FF and Chrome, but on IE (7 and 8) I'm experiencing a frustrating problem. When I select the city/state from the list that pops up, I cannot select it. Instead, I get an Javascript error: Message: Unexpected call to method or property access. Line: 104 Char: 68 Code: 0 The Developer Tool says "Unexpected call to method or property access". jquery-1.4.2.min.js,
Selecting a week number in datepicker()
I've enabled the week numbers to show in my datepicker(). Is there a way to make this into a link so i can grab the start/end date of the week? thanks!!! -modernrockstar
IE select shine through draggable div
Hello, i have a problem that through div i made draggable select elements in IE shine through it, is there a way to fix it, since i saw there are no related topic, i guess guys in the development solved it... this is how i made div draggable... $('.popdiv').draggable( { handle: 'div.popdiv,', cancel: '.popcontent, .popupClose', containment: 'window', cursor: 'move', scroll: false, iframeFix: true });
Load using tabsselect causes 'events' is null... error in IE (urgent help needed)
Regarding the following, I've tried 1.8 up to 1.8.4... The following error only happens in IE 8 I've stripped out anything other than the most basic functionality. Scenario: 1. example page layout... <body> <div id='workarea'> <div id='tab1>{tab defition...}</div> </div> </body> 2. Initialize tabs: $("#tab1").tabs( ); 3. Bind to tabsselect function to load data to tab: $t.bind('tabsselect', function (event, ui) { return $(this).LoadTabFunc(event, ui); }); 4. LoadTabFunction retrieves (via
Reverse ul List, first item not clickable
Hey guys, I'm encountering some slight problems using a reversed order as tab selector. e.g: Content to display: One, Two, Three, Four, and tabs: 4,3,2,1 So first element is showing One, but clicking on 4 does not work, Switching the tab programmatically with $("#tabs").tabs( "select" , "#tabs-4" );doesn't work at all. Does anyone have a solution for this? here is a slim example illustrating my issue: <!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="UTF-8" /> <title>JQuery Tab
How to access value passed from autocmplete.('search','thevalue') in the autocomplete search event?
I have a call to the search method $('myelem').autcomplete('search','thevalue'); and have an event handler for the search event search: function (e, ui){ var value=?? //need to acces "thevalue" here } where I need to access "thevalue" in the body of the function. Is the search method value passed to the search event in some way? Thanks, Chris
jQuery UI autocomplete problem
Hi, I'm using jQuery UI's autocomplete on my site, and recently I discovered a problem. When typing in the input field, the autocomplete seem to continue its search for what I've entered even if i type another letter. This is very noticable when having a slow internet connection. So, if I'm typing "walmart", and the search is triggered after "wal", the input field will eventually change to "wal" and show suggestions for "wal" when that search is completed, even if I finished typing the whole word.
JQuery Progress Bar and ASP.net
I am using making application asp.net 2.0. In my page there is Data List which is having two buttons. When user click on the button it is doing some process and taking some time. Due to that user some time click twice and it will make problem in application. So to stop that I wanted to show progress bar until button click process done. I am using following code ASPX Page Code <script language="javascript" src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script language="javascript"
Datepicker : custom buttons ?
Hi, Is it possible to add custom buttons (in my case "today" and "this week end") at the bottom of the calendar ? More generally, how to add custom HTML code in the datepicker HTML render code ? I have created js function to add my HTML code when the calendar is created, but when the month changes, then the entire calendar is re-rendered and my function is useless. tx, Aurélien from France
Issue with ui.sortable from one list to another
I am having a problem with two separate lists of images in two different containing div elements. Both divs are 100% width and one is on top of the other. The problem I am encountering is when i drag one image from the top list to the bottom list... the "ghost" image attached to the cursor is drawn under all of the second list, at the same time if i drag an item from the bottom list to the list above the "ghost" image is drawn on top of everything. I have tried changing the z-index for all of the
AutoComplete results?
Can the AutoComplete widget be configured to include many fields to get results for in the resulting dropdown? Ex: If a customer enters something he knows can it make suggestions (in drodown) from a table, like Name, Address, City, State Phone number, Zip code? If he enters an Address will he see the rest like Name? Thanks!
Any plugin of jQueryUI like jQuery EasyUI?
i've found this 3rd party plugin of jQueryUI jQuery EasyUI But i want to know is it another choice?
Hyperlink popup menu
I'm looking for a way to have a popup menu that shows up when hovering over a hyperlink? I'm not sure what the best way to approach something like this is - can I do it with jquery ui or should I look for a plugin?
How do I reload a parent tab after closing an iframe?
OK made progress. I now have the iframe successfully calling a function in the "parent" using parent.reloadtab (); Parent function: function reloadtab ( ) { $('#tabs').tabs('load', 2); } Trouble now is rather than just reloading the third tab, it appears to reload all of the tabs, and put the focus back on the first tab. This same function call works perfectly fine when the javascript is called from within the page rather than an iframe. Any ideas? _________________________________________________________________________________
How can we handle if menu has large no of options?
Software ------------- jQuery1.9M2 Problem ------------- How can we handle if menu has large no of options? I modified http://view.jqueryui.com/menu/demos/menu/contextmenu.html and added more no of options after some limit the menu did not display properly? I mean it scrolled on the top? --------------------------------------- Thanks in advance CSJakharia
jquery-ui sets content div to style="display:none;"
I'm new to jQuery and jQuery-UI. Just did a small test homepage to play around with. When clicking on an menu item the content is loaded without a full page reload. But when I add the jQuery-ui script, the content won't show up. Without this line (when it's commented out): <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>the content is loaded correctly. After clicking a menu item the content div somehow appends style="display:none;" I'm using the jquery-ui
Using 2 datepickers, when selecting last day of month, 2 datepicker shows blank days
Anyone see anything wrong with this? When you select a date from the 1st datepicker, onSelect it should auto-fill tomorrow's date in the 2nd datepicker. However if you select the last day of the month, in this case it happens to be August 31, the 2nd datepicker's value becomes equal to August 31 (should by +1day) and breaks everything. Any clue? $('#subscription_suspend_on').datepicker({ dateFormat: 'yy-mm-dd', numberOfMonths: 2, showOn: 'both', buttonImage: '/publisher/images/calendar-select.png',
Jquery draggable internet explorer issue
I have developed a website which uses draggable for the interface allowing li elements to be dragged to change the interface layout. Each li element monitors a hover event which swaps image to create a highlight mechanism. In internet explorer when an element is dragged and repositioned the non hover image in the li stops being visible but the hover image works fine. Please could someone have a look and see if you can work out what could be wrong http://www.origination.net Thanks
Problem connecting horizontal and vertical sortable ul's
I discovered a problem when connecting a normal vertical sortable ul to a horizontal (float: left) sortable ul. With the vertical one everything works fine, but the horizontal one uses mouse events if it were a vertical one. So when I'm trying to drag an item to the right in the horizontal ul, the mouse pointer has to be below the middle of the item. When dragging to the left the mouse pointer has to be above the middle of the item. This makes the behavior of dragging in the horizontal ul acting
Resizable feature is not working properly in IE6
Hi, When I was going through the jQuery UI resizable demo, I found that the e-cursor, w-cursor is not displaying initially on the east and west borders of the <div> after loading the page in the Internet Explorer6(Its working fine in IE7 and Mozilla). Thanks in advance.
Next Page