Nested Accordions bug
Hi, I'm trying the nested accordions written by Jörn Zaefferer. Working based on the example from his site. http://jquery.bassistance.de/accordion/demo/nested.html Problems I've encountered is. - Not sure how to hide level 2 (which has level 3 links) on load. - Level 2.1 doesn't expand on first click, only opens on 2nd click. - Level 2.2 doesn't slide down, but instead 'pops up'. Any help would be much appreciated :) Heres what I have... <script type="text/javascript"> $(document).ready(function()
Newbe needs a little help (badly)!!
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:Calibri; panose-1:2 15 5 2 2 2 4 3 2 4;} @font-face
ie6 select box and dialog modal display
Hi, I'm using a dialog with modal:true and a select box underneath (not in the dialog) is not obscured by the png background assigned in .ui- widget-overlay (ui-bg_diagonals-thick_15_444444_40x40.png). Any suggestions on how to fix that? Thanks in advance.
Trying to get the selected tab in a code behind
Hi Guys, I am using the UI for a form I am working on in an aspx page. I need to get which tab is selected in the code behind. I am not the best with javascript, and I am not sure how to use the get selected tab code from the documentation page, and pass that to the code behind. If anyone has done this before, or has a direction I can go in please let me know. Thanks.
UI Tabs Turn tab into a secure connection when selected
Hello, I am relatively new to jQuery UI and have a website using the UI Tabs functionality, which is very nice, by the way. My problem is that there are forms on two of the tabs that my customer wants to be secure (SSL). The content for each of the tabs is in a separate file and loaded when the tab is clicked. There are 6 tabs total. Conceptually, I think I need to reload the whole page using https and display the tab with the form. I'm not sure how to do this. I've been trying to do figure it our
Resizing, Moving and Disabling Them
Hi, Can someone help me out with a problem? I have a custom made window. I have applied draggable() and resizable () for it, but I would like to be able to disable them through JavaScript in specific situations. How would I do that? Moreover, whenever my window is 100% in width, it will eat whole horizontal space. Now, if I apply resizable() to it, suddenly I will get horizontal scrollbars and my document width has increased - why? How would I remove the additional space. When I apply resizable()
Question about sortables and portlets 1.7 not working
http://jsbin.com/olinu Just trying to see why this isn't a portlet type webpage. I thought I did what the ui docs said for portlets: http://jqueryui.com/demos/sortable/#portlets Thank you. Using firefox.
Index of current sortable item
I know I'm missing something really obvious, but being a little new to jquery I'm getting a little lost ... I would like very simply, to obtain the index of the item I've just moved in a sortable list, ie: $(function() { $("#sortableDiv").sortable({ update: function (event, ui) { alert("You just moved that element to the " + ______ + "th position in the list"); } }); }); I know it's something obvious, could someone please tell me? I was hoping ui.item.index would give me what I'm looking for, but
Sortable IE7 Error
I have a list that I want sortable, however in IE7, as soon as I start to drag the list item I get this error: 'tagName' is null or not an object. The item I'm attempting to drag is pulled out of the list but placed right where it started except the next item down has moved up and now overlaps the dragged item. In other words if I have a list 1, 2, 3 and I drag 1, it gets pulled out of the list, 2 moves up and overlaps 1. If I scroll over 2, then I can select 1 (but not drag it, same error occurs).
Dialog Box only IE 6 not honoring Height ever other open
This is similar to this problem found here http://www.nabble.com/Dialog-box-not-honouring-height-when-re-opened-td21258793s27240.html. Basically every other open of a dialog causes the dialog to not honor the height. Any help would be much appreciated. Thank you. Below is the code I am using. Jscript: popUp("#example", 800,700,true,"hello","somethingReturnedfromJsp.html"); HTML: <div id ="example"><iframe frameborder = 0 src= "" ></iframe></div> Script: function popUp(divId, initWidth, initHeight,
Place to intercept Accordion from changing pane?
I'm trying to fold in an accordion into a page and I'd like to stop the user from going to a lower pane unless something is selected in the previous ones (kind of using the Accordion like a wizard) is there any place to intercept the change to a new content pane while I check some logic first? I was hoping: $("#Page_Accordion").accordion({ change: function(e, ui) { return (my Logic here); } }) would do it, but that happens "too late" Also tried: $("#Page_Accordion h3").click(function() { return false;
Focus form field in dialog
Hi, I have a form in a div that I have made into a jquery-ui dialog (with effects). I'm trying to focus a field in this form with an option like this: show: 'drop', hide: 'drop', title: 'Log på', open: function(event, ui) { // todo focus in username field $('#usernameField').focus(); }, I see the cursor placed in the field briefly but then focus is lost again. If I disable the drop effect on "show" focus works fine. Any ideas on how to place focus in a field *after* the effect has completed? Thanks,
Dialogue open and close effects
Hey guys, i want to use open and close effects with dialogues but i dont know how. Now i am opening the dialogue simple using $("body").append("<div id='dialogueWindow' class='flora' title='"+title +"'>"+content+"</div>"); $("#dialogueWindow").dialog(); and i close it with the X button in a corner or my own button calling $ ( "#dialogueWindow" ).dialog("close"); My question is: Can i use some hide function (explosion) and open function (fadeIn) for the dialogue? I need to use the hide function for
Resizing and copy/clone sortables
Hello. I have two connected lists - A & B. When I drag an image from A over to B, I need the image to resize. How do I do that? Secondly The image shouldn't be moved from A to B. Rather Copied from A to B. How do I do that? Best regards
Using Autocomplete with data from different domain (JSONP?)
Hi all, I was playing with the demo http://view.jquery.com/trunk/plugins/autocomplete/demo/json.html and downloaded it to my laptop and am loading it via file://mydir/json.html, and now get what I believe is a cross domain permission error under FF3: uncaught exception: Access to restricted URI denied (NS_ERROR_DOM_BAD_URI) [Break on this error] xhr.open(type, s.url, s.async); Oddly enough it works just fine with Safari, which I think is because Safari is more lenient? Has anyone actually been able
Inline - parameter by GET
Hello, I'm using inline http://jqueryui.com/demos/datepicker/#inline How can I when the user clicks on a date to pass the parameter by jquery to get the same page, like a refresh on the page? Thanks
JQuery Tabs
Hi, I would like to know how to modify the href of a Jquery Tab in a javascript code <div id="mytabs"> <ul> <li><a href="tabs1.php" class="linkToModify" ><span>Tabs1</ span></a></li> <li><a href="tabs2.php"><span>Tabs2</span></a></li> <li><a href="tabs3.php"><span>Tabs3</span></a></li> </ul> </div> When i click on a button, it calls a method containing : var newUrl = "tabs1.php?id=" + $id; $("a.linkToModify").attr("href", newUrl); It seems to works 'cause it really change the href on the first tabs,
datepicker on multiple inputs
I tried using datepicker on multiple input fields with the following code. $(function() { $("#datepicker1").datepicker(); $("#datepicker2").datepicker(); }); <label for="EventStartDate">Event Start Date</label> <input type="text" name="EventStartDate" id="datepicker1" value="" /> <br /> <label for="EventEndDate">Event End Date</label> <input type="text" name="EventEndDate" id="datepicker2" value="" /> but something wrong with it. when I submit the form, it submits dates with
Datepicker highlight issue
Hi everyone, So I've come across a strange bug when using the jQuery UI Datepicker. I have an instance of the datepicker configured to show two months at a time (so two calendars displayed), and I have a CSS style defined for both hover and selection. The issue arises when I select the same date as today, but in the following month (so if I were to choose 30 April today), it applies the ui-state-hover class back to today's date. This only occurs when I select the same day in a different month. However,
onClose in datepicker?
The docs for the onClose event in datepicker say "The function receives the selected date as a Date and the datepicker instance as parameters." However, I can't seem to use this as a Date object: $('#date_pick').datepicker( { onClose: function(date) { var m = date.getMonth(); alert(m); } } ); This throws a "date.getMonth is not a function" error. How am I meant to use this? Thanks. (This is a much-shortened version of a question I sent last
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi,<div> </div><div>I want to add a flash movie to a page and the jquery flash plugin lijkt een goede oplossing.</div><div>But I want to load a other page if the movie is ready playing.</div><div> </div><div>Also some controls voor sound en stuff would be nice</div><div> </div><div> </div><div>Greetings Dirk <span class="Apple-style-span" style="font-family: Geneva; "></span></div><div><font
Jquery scroller controls
I have created a scroller at www.electricitynoida.com/moneyxe. I wish to provide the front end user a control panel where he can choose the speed of the scroller. The choices can be speed = slow, medium or fast (radio buttons). Is there a way to do this? I do not wish to reload the entire page, may be just the div. Could someone please help me?
Ajax tabs - redirect after form submission
Ok, I imagine this has been answered, but I cant find it. I have a tab, that loads a list of users. when you click on a username, it brings up a form, inside the tab. When you submit that form, it submits the form using ajax, no problem. But there is where I am stuck. How do I make the content of the tab reload back to the original content, ie the user list?
Dialog Modal; clicking "x" to close
I am running into an odd issue. I have a UI modal dialog box that asks the user to "Submit" or "Cancel". Both buttons unleash various actions. The problem I am running into is when the user closes the box by clicking "x" on the top right of the box, rather than "Cancel". No actions are unleashed when that happens. I have implemented closeOnEscape:false to remove that option, but I am wondering if: a) the "x" can be removed, or b) the "Cancel" actions can be assigned to the "x" (preferable option)
Dialog breaks on second click in IE
Hi, I hope someone can help with this problem. I am using ui Dialog that pops up on clicking a link with the same class. The problem is that the link work great once but if i click it again or another link with the same class then only the overlay loads but not the content box in IE only. It works great in firefox. My script includes an ajax post, if i remove the ajax code then the box works fine on every click. My code: $().ready(function() { $('#dialog').dialog({
UI 1.7 dialog autofit and scroll issues
Hi, when doing a mockup for a new app I decided to try out the new UI 1.7 for my dialogs... And bumped into things which either seem like a bug, or I don't understand how to handle it. Could someone of jQuery team have a look into it? The issues are (check the link): http://tmp.ahlers.com/test/bimv/timesheet.html (click on any table row to reveal the dialog) 1) dialog doesn't automatically fit the contents - but I remember that back in the day there was an option autoResize, which seemed to work
how to resize a dialog after load content on it
How can i resize a dialog when user take an action that load content on it?
portlet and dialog
Dear All, How can i know parent element (or i can say, which portlet ?) of the dialog box being called ? ----cut------- $("#maincontent .column .portlet-header .ui-icon-wrench").click(function() { ---------cut------- <!-- The HTML -- automatically generated --> <div id="gambarDuaSatu" class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="opacity: 1;"> <div class="portlet-header ui-widget-header ui-corner-all"><span class="ui-icon ui-icon-plusthick"/><span class="ui-icon
Slider is initialized with animate and event-functions but they got lost by using methods
Hi, I'm using the current version of Slider (jQuery 1.3.2 and jQuery UI 1.7.1) - I've initialized my Slider by following code: var min = 2000; var max = 2009; $("#slider").slider({ animate: true, min: min, max: max, change: function(event, ui) { $("#timeline_years li[class*='year']").removeClass("active"); $("#timeline_years li.year"+ui.value).addClass("active"); }, slide: function(event, ui) { $("#timeline_years li[class*='year']").removeClass("active");
more than one link to open dialog
i've got a dialog link on my page, but it occurs more than once. the first link on every page works, but then the next links "break" and redirect the page to "page.html#" is there anyway to bind the dialog open function to more than one link?
Problem with tab alignment on multiple tab rows
This topic has come up at least twice before ("Tabs wrapping problem" June 5th 2008 and "Tabs CSS issue" dec 2 2008) without solutions. I'm having the same problem: When I have a tab container where the tabs overflow the first row, the first tab on the second row doesn't align to the left. Instead It aligns to the right of the tab selected above So when you'd expect (where TAB is the currently selected tab) [tab][tab][TAB][tab][tab] [tab] you get [tab][tab][TAB][tab][tab] ____________[tab] Is there
Jquery tabs with Blueprint CSS
I am using Jquery Tabs with BlueprintCSS ( http://blueprintcss.org/demos/tabs.html ). But when I try putting in Google Maps in one of the tabs, it doesn't appear properly. I tried using the checkResize() method but didn't work. Can somebody give me inputs on how I could get it working thanks
Ok, totally stuck with AJAX UI Tabs and links
I have three issues currently, any help at this point is greatly appreciated. I am just totally stuck. URL: http://www.thisrand.com/jj Username: test Password: test Goto "Administration". (Not all the links across the top work.) I have a client that thinks AJAX is "cool". I agree, however, the scope of doing an entire app in it has proven more difficult than I thought. From there, I have two problems. 1) If you click on the "Campaigns" tab, the click on a campaign name, it brings up a page that will
Taskbar / Window manager
Hi I'm new to JavaScript and I've read a lot about jQuery. But one thing I'm missing... Isn't there any solution for a Taskbar / Window Manager? I've found the one build with Prototype... But I want to stay at jQuery! Is an integration into jQuery-UI possible? Please tell me if you something about. Kind regards Sven
fold out
Hi, I want to have a effect like slidedown (http://www.bazuin-webdesign.nl/test-3.html ) but then it most start in de middel en slide up and down. So the div is on its place and get revealed both in the upward and downword direction. Can this be done. Greetings Dirk
tab content DIVs outside the tabnavigation markup - how?
Hi all, why seems it not possible to use a markup structure like this: <div id="someid"> <div id="tabs"> <ul> <li>...</li>... </ul> </div> </div> <div id="tabs-1">tabscontent</div> <div id="tabs-2">etc</div> If the "tabs-x"-DIVs are within the "someid"-DIV it works, but that's not what I want. Are there any possibilities to achieve that without hacking the UI JS- file ? Thanks in advance Jug
Special Characters in Empty Cells of Datepicker
i am seeing special characters (�) in the empty cells of my datepicker control why is this so? code snippet: <tr><td class="ui-datepicker-week-end ui-datepicker-other-month ui- datepicker-unselectable ui-state-disabled">�</td><td class="ui- datepicker-other-month ui-datepicker-unselectable ui-state- disabled">�</td><td class="ui-datepicker-other-month ui-datepicker- unselectable ui-state-disabled">�</td><td class="" onclick="DP_jQuery.datepicker._selectDay('#atDivDate',3,2009, this);return false;"><a
Styles (Links)
i am trying to replicate the buttons with icons like in theme roller. but i noticed that by just coping and pasting the markup for the link alone dun seem to be all i need i still need to add floats etc? <a href="#" style="display: block; padding: 3px 6px 3px 3px; float: left; font-size: 11px; line-height: 1.5em" id="dialog_link" class="ui- state-default ui-corner-all"><span class="ui-icon ui-icon-newwin" style="float: left; margin-right: 3px"></span>Open Dialog</a> inline styles added by me. are
Problem using puff effect in tabs contest
Hi, i found that using puff effect intbs contest produces an error: "jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")] is not a function" The code is: var data = new Object(); data.act = 'ft_check_uploaded'; $.post("core.php", {act:"ft_check_uploaded"}, function(data){ if (data.sayok) { $("img#foto_anteprima").attr({ src: "../db/photos/thumbs/" + data.foto_nomefile, title: data.foto_didascalia, alt: data.foto_didascalia }); $("span#foto_didascalia").attr({
Probelm with ui dialog inside repeater
Hi, I am relatively new at jQuery and I have a problem with using Jquery ui dialog window. I have a asp repeater user control and in every list item I want to have link, so when the link is clicked, ui dialog is open. Here is the repeater control: <asp:repeater ID="rptDataList" runat="server"> <HeaderTemplate> <ul> </HeaderTemplate> <ItemTemplate> <li> <asp:Label runat=”server” Text = “Nekoj”/> <div style="display: none" class="dialog" id=”TombDiv”> <uc:MainControl ControlLinkURL="<%# ((EPiServer.Core.PageData)Container.DataItem).LinkURL
Next Page