Rotation in Ui Tabs
Hi to all, I am trying to configure the Ui Tabs at my page. I want them to rotate and I find a lot of lines of code about animation plus plenty of web tutorials. However, no tutorial tells me where to insert the code for rotation. If I understood it correctly, I need to work with .tabs( "rotate" , ms , [continuing] )So - where do I need to insert that piece? Is it even in the ui.tabs.js or in a php? Being a total beginner, I really need help. Thank you!!!
Is this even possible?
I'm trying to build a type of plugin where the user has a "palette" where they can construct the layout of a page. They can add boxes with content anywhere they want inside the "palette" and it will be finally rendered into html where the html page will maintain the exact location of each box. To see what I'm talking about check this site out. http://pourite.com/resizable/resizable.html This in just a simple example but I wanted to know if theoretically and functionally it could be done. It's a real
Autocomplete with multiple values is not working
Even after copy-pasting the original example over to my page it still does not work. This seems to cause problems: source: function( request, response ) { // delegate back to autocomplete, but extract the last term response( $.ui.autocomplete.filter( availableTags, extractLast( request.term ) ) ); }, Somehow the "$.ui.autocomplete.filter" function is missing: "$.ui.autocomplete.filter is not a function" is what I'm getting in the console
how do I use resizable within a function
I've created a function to add boxes to a container and now I want to make every box I add resizable. How do I do this? Here's what I have so far... $(function(){ $('#box').hide(); $('#button').click(function(){ $('#container').append('<div id="box"></div>'); }); });
it does not work in IE (Help me)
etreecell.com Go to etreecell.com You can create DIV Object.(Click the "Cell(insert)") Then, you can select the "create DIV". (I using fn "$('').live" for reading DOM.) if you multi select it and move it, work it in FF, Chrome, Opera... But It doesn't work in IE. (if you drag for move DIVs, IE is cancle the select object). HELP ME PLEASE ;; this is script source. <script type="text/javascript"> $(document).ready(function(){ var counter = 1; var newCellDiv = $(document.createElement('div'))
Convert asp.net code to jquery/div
i m posting here sample code ,can any one can please convert this code behind code to jquery based ,but let me tell u what does it actually doing it create div on run time as many div's as radiobuttonlist number(1 to 7 ) clicked says. div include table then htmlrow and then htmlcell that htmlcell hold server side control like textboxes ,validation etc etc here is the code behind which need to be convert Protected Sub RadioButtonList2_SelectedIndexChanged(ByVal sender As Object, ByVal e As
automate the slider
I am using the slider and want to automate the position of the handle to move the width of the div that it positioned on. How can I do this? The div moves because through a java-script code that stating the progress of the playing song.
Datepicker does not open instantly after click
I'm trying to figure out why the datepicker opens only after other functions are executed in my "click" event handler. Here's what I'm doing... var datepicker_text_input_event_handler = function (evnt) { if (evnt.type == 'click') { $(evnt.target).datepicker('show'); if (!lightbox_visible) { lightbox_visible = true; show_lightbox(); } open_new_popup(); } }; The datepicker only "shows" after LINE 4 and LINE 5 have finished. Can anyone shed some light on this? My goal is to have the
JQuery UI 1.8.5 dialog - now has scrollbar since upgrade
Hi I upgraded from 1.8.4 to 1.8.5 and this has caused my dialog to display with a scroll bar. The only change is which version of jquery-ui.js file I am linking to. This is the html for the dialog: <div id="myDialog" title="My Title"><p>This text forms the first paragraph of my dialog text. Lorem Ispum blah test.</p><p>This is the second paragraph text of my dialog.</p></div> This is the code for showing it: var dlgOpts = { bgiframe: true, modal: true, closeText: "Ok" , buttons: {Ok: function() {$(this).dialog('close');}}
jQuery UI Slider conflict with Fancybox?
Did anybody have this problem before? After I add jQuery UI's slider, Fancybox does not work anymore... I was able to use Tab, Accordion etc. without any problem. jQuery 1.3.2, UI 1.7.3 Appreciate your help!!!
Bug with jQuery UI checkbox .button() Style does not change when script changes checked value
<input type="checkbox" id="check" /><label for="check">Toggle</label> <input type="button" id="button1" value="Turn it off" /> <script> // make the checkbox a jquery ui button $('#check').button(); // make the button turn off the Toggle checkbox $('#button1').addListener('click', function(e){ alert($('#check').attr('checked')); $('#check').attr('checked', false); alert($('#check').attr('checked')); }); </script> The style of the toggle button will not change, even though the attribute
dispose
Hello, Do the elements that are declared as draggable/droppable need to be disposed or unregistered when they are not used anymore? Thanks
jquery ui updates - how does it work / what´s to do?
hey i have used jquery ui addons (accordion menue) for a website. now i have read something about updates from jquery. how does it work with the updates, what´s to do? if jquery release a update - i have to update all sites i´ve ever build & integrate jquery stuff (change the html code or the js code or something like this) ? or does the homepages with the jquery features in it, update from it selfs to the latest version? for example i have to update the whole sites, whats the procedure, how i update
Dialog position issue
Hello all, I'm working with the Dialog widget in jQuery UI 1.7.2. I'm having trouble positioning the dialog for the first time in any version of Internet Explorer. I have the position attribute set to 'center'. The first time I open the dialog (height set to '' and width is 472 for IE), it opens at the bottom of the browser which ultimately adds height to the window. If you close the dialog and then open it again, it positions correctly. Any help is appreciated. Thanks, Preston
Weird data error
Has anybody ever come across this in IE? Message: 'data(...).options' is null or not an object Line: 22 Char: 12801 Code: 0 URI: http://localhost/scripts/jquery-ui-1.7.2.custom.min.js I'm using drag and drop and the draggable/droppable items are utilizing the $.data() method, not sure if that's causing the problem though.
Sortable - Nested lists problem
Hi, I'm using sortable() function in order to arrange nested lists. My html : <ul id="parent_0" class="parents"> <li id="child_1">Item 1 <ul id="parent_1" class="parents"> <li id="child_2">Item 2</li> </ul> </li> <li id="child_3">Item 3 <ul id="parent_2" class="parents"> <li id="child_4">Item 4</li> </ul> </li> </ul> My js : $('.parents').sortable( { items: '>li', handle: 'span.anchor', connectWith: '.parents', dropOnEmpty:true, helper:'clone',
Use jQuery UI autocomplete for Firefox plugin
Hi, I am working a firefox plugin called Trump for the Tellurium automated testing framework. I included jQuery UI widget autocomplete, but seems it does not work in Trump. The code snippet is as follows, Editor.prototype.switchToCustomizeTab = function(){ document.getElementById("editorTabs").selectedItem = document.getElementById("customizeTab"); var uitypes = tellurium.getRegisteredUiTypes(); logger.debug("Get registered UI types: " + uitypes.join(", ")); teJQuery("#uiType").autocomplete("option",
Portlet and their contents
Hi there, I use the example of Jquery UI with Portlets. But, in my portlets-contents, I want to use a Google Map. When I am clicking on the map to move the location, my portlet is selected and move ... There is a way to disable the click on the content ? The users will have to click on the header to move the portlet so. I tried these two things : $(".portlet-content").sortable({ disabled: true }); $( ".portlet" ).sortable({ handle: '.portlet-header' }); But ... ^^ Thanks
Link to select / display tab (bump!)
Hello, I hope someone will be able to help! I have JQuery UI Tabs installed and working, but what I am trying to achieve is to have a link on a different page select / display a specific tab. I have tried the direct link #tabs-1 and #tabs-2 and this works fine yet it anchors to where the tabs start on the page but what I am trying to achieve is to have the tab selected but the page still load at the top as there is content there that is still relevant to the tab itself. I have tried to implement
DatePicker call to setDate causes excess white space
I initialize the datepicker below<div> </div><div><div>$(document).ready(function() {</div><div> $("#dateStart").datepicker();</div><div> $("#dateEnd").datepicker();</div><div>}</div><div> </div> <div>If I then call</div><div> </div><div><div>$("#dateStart").datepicker('setDate', 'today');</div><div>$("#dateEnd").datepicker('setDate', 'today');</div><div> </div> <div>before either of the date pickers have been shown the page scroll bar appears and appends white space to the page. If I then trigger
tinymce(s) inside Tab(s) - first mce works, others not completely
jQuery UI 1.8.5 tinymce 3.3.9.1 (jQuery plugin version) Dirt and simple: using tabs to store tinymce editors, like this: First tinymce editors works fine. Second and thirds and other tinymce editors don't: a) See the suspicious Times New Roman font applied? b) In Firebug I get a "J is undefined" for every tinymce from tab 2 on. c) The changes I make to the text content, are not transmitted along POST data when I submit the form, always old unmodified data is transmitted. Tried to initialize tabs
Tabs - Close all on page load
Hi, I'm sure this is a breeze for you guys. I've started to use the Tabs functionality on a page, but instead of one of the tabs being open on page load, I want them all to be closed / collapsed. Does anyone know how to do this ? Thanks James
Dont trust jquery validation
Hi guys never trust in jquery validation.... try this.. Goto www.ronithomas.com/http://www.ronithomas.com/jquery-validation-problem/ simply press the submit button... The jquery will surely stop you if you didnt hav enter any text... Now refresh the page and keep on pressing the submit button without entering any text... Surely you 'll get redirected the thankyou.php page... :) If you dont redirected at the first attempt try few times, refreshing the page and click submit while refreshing.... So
DatePicker goes away after postback
I am using the version 1.8.5 DatePicker on a page in an ASP.Net 3.5 application. It is being used on an Ajax Modal Popup which is on a user control. The date picker is used as part of the criteria for a database search. On the initial load, the calendar button image is shown and the calendar works as normal. If the search crieteria does not return any values, a postback is completed and as expected the modal popup dissapears. However, if the button causing the modal popup to show is clicked
No response in autocomplete with remote source (JSP)
Hi, I'm completely new to jQuery, though I have some basic Javascript skill. I'm trying to use the autocomplete widget. It works fine with local data on the page, but I can't make the remote version (reading from database) work. The letters I type in the autocomplete textbox are forwarded properly to my backend JSP/Java code, but the list that I create there is never showed in the browser. Here are the two relevant snippets from my web page: <script> $(function() { $("#jquery_from_ob").autocomplete({
autocomplete-remote multiple returns undefined error on json data returned from asp.net 2.0 webservice
Hi, I have a hard time getting this one work. please give some hint and I have some deadline to make. here is the web service [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string GetJsonMemberCodes(string term) { suggestions = new List<Members>(); Data dt = new Data(); suggestions = dt.GetJsonMemberCodes(term); } return new JavaScriptSerializer().Serialize(suggestions); } here is the data
Save sortable li list order to database?
I have a li sortable list that gets its values from a database. I can rearange the list items as I should, good. But now I wonder what would be the best way to save the new order of the list (after I have rearange it) to the database? Im not sure how to do it, any suggestion appeciated, thanks.
How to get selectable selected id.
Hi I am new to jquery and please excuse if this is a stupid question. How do you get the list of selected nodes using selectable?? For example, there are 5 divs drawn on the screen and I want to know which div(s) are selected when the mouse is released from the drag. Thanks
Finding out how dialog was closed
Hi everyone, I guess there's a simple solution to my problem but I just don't see it. I have a jQuery dialog with two buttons: ok and cancel. Now I want some code to execute ONLY when the dialog was closed by anything other than the "ok" button (escape key, cancel button, X). Is there a way to get the button that was clicked in the close event?
Always show Datepicker
Hi all, is there a way to force the datepicker widget to always display? I want it to stay on the screen so the user can see the date range they have chosen in context. Which brings me to my second question: Is it possible to have 2 different date widgets displayed onscreen at the same time, to allow the user to select a date range?
is jQuery UI a competitor to Blueprint CSS?
If I want to design/theme/grid my entire site, and not just a widget, could I use jQuery UI? I know Blueprint CSS is intended to do this. But I don't know if jQuery UI is only meant for jQuery plugins/widgets. So is jQuery UI a direct competitor to Blueprint CSS (and other CSS frameworks)? Thoughts please?
maskedit input onBlur() problem.
Hi,The maskedit clear the input on lost focus (onBlur), in my case i'm using the onBlur function of the input for some function. the onBlur function that i'm using coms first and the value of the input is "_________" and in my function i'm chaking if myText.value == "" and its not, the value is "_________" and its cozing me problems. is the any way to forceing the masked input to do the clear of the input and then to do my function? thanks Shay
Dialog sticks on the left side in UI 1.8.5
Everything I try to center the dialog horizontally fails: position: 'center' OR position: ['center','center'] OR position:[300,'center'] OR $['#my_dialog'].dialog( 'option', 'position', [320, 500] ); Only thy vertical positioning seems to work. This happens with the 1.8.5 UI while 1.8 still works fine. Unfortunately I need some goodies from the new UI version... Could someone tell me how to center the dialog? Is there "a new right way" to do it or is it just a bug? Adrian
Themeswitcher tool not working as expected
Hi There I'm using the jQuery UI themeswitcher tool to allow my users to view the different themes applied to my widget. When you change the theme using the switcher tool, certain style rules are not being overrided, I believe due to the version differences. For example, using the black tie theme, you will find the following rule: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default When using the themeswitcher, it loads a theme that does not contain the above
JQuery in master page
Hi All, I developed a website using C# and .net 3.5 framework. The application has a master page and in that master page i have rad menu control. The menu control is loaded from DB. The problem is when ever i click on the menu item in master page, there will be a postback. While postback i want the retain the design. i want to use asynchronous Ajax from jquery. Can any one help?? Thanks in Advance
How to get the element which position is replaced
all function has params: item , but item only can get current dragged element, and how to get replaced element?
Dialog is always openening in top of the page?
Hi, I am using the dialog for conformation of deleting of a Item. The function is working perfect, but only the dialog is opening always on top the page. Reading the forum I understand that this is happening because the script is looking for the position of the message (and the message is one of the first lines within the body tag (hidden) that is loading). There would be 2 solutions for this problem according to this post http://forum.jquery.com/topic/position-the-content-of-a-dialog. But I cant
Sortables hiding when they are dragged out of a div.
Hi. I am having a problem with jQuery UI sortable and ie8. I have a div (id='menu2') which contains the list of sortables. When I add the css filter: alpha(opacity=60) to this div, the sortables can no longer be dragged out of the box. I have added a link to a simplified example. The div on the left (black) has no filtor, and it works fine. The div on the right is identical but it has the filtor added. Try dragging the sortables outside of this div. test.awardspace.us The problem only occurs
Sortible list working in page1 but not when loaded in page2?
I have tested to get a sortible list rearanged and it works great when I have the code in page1.asp, but if I load another page(page2.asp) into a div in page1.asp with jquery and I have the sortible code in page2.asp, then it doesnt work to rearange the list? What Im I missing? Im calling page2.asp with this code: $(document).ready(function(){ loadPage(); }); function loadPage(url) { $('#container').load(url + ' #content', hijackLinks); } function hijackLinks() { $('#container
Combined Resizable and Sortable not working !!!
I have Sortable div's and applied Resizable for each div... only resizable functionality working... can anybody got the solution please let me know.... Thanks & regards, Sankar R.
Next Page