Trouble with overlap of styled links...
I'm having some trouble with overlapping links. I don't see an issue with line-height or anything and am a bit stumped. The site can be seen as a work-in-progress at safe.ismyobsession.com. The page is safe for work though other pages in the site are definitely not. The trouble is apparent in the "Quick Links" on the right side. Any help will be appreciated... Thanks! --
tabs with ajax content and a numeric spinner
I originally started this on the jquery forum, but was redirected to this forum. here is the original post http://groups.google.com/group/jquery-en/browse_thread/thread/dfe79943ef15563e. plugin references: the spinner is jQuery.ui.spinner 1.10 written by Brant Burnett. jquery-ui-1.7.2.custom.min.js. I'm using modals, tabs and datepicker. scenario: I have a set of tabs that load with ajax content. within this content is a textbox that will transformed into a spinner. the spinner calculates the height/width/margins
accordian - not working from bassistance site
http://iconadvertising.co.nz/FiberFresh/ff-website/index.html Please advise what I am doing wrong. I wish to use the guitar example from the bassistance.de site many thanks --
JQuery Tab in SharePoint Form Causes Issue with Calendar field.
I have taken a sharepoint form and implemented the JQuery Tab control. It works quite well, except all of my calandar fields show up really really tiny. I wrapped each tab section similar to this: <div> <table> info </table> <div> Has anyone run into this before? --
Problem with Dialog box
Hi I am a new to jquery can some on point me in right direction on this. I have a html page where a table is generated using jquery ajax function and jquery datatables plugin . In this table for every row in the table there will be 3 buttons each button inturn will call a ajax function which i have done a working fine. But the critical part is when a specific button is clicked it should open a dialog box. Below is the sample structure $(document).ready(function(){ //dialog box $("#dialog").dialog({
jQuery dialog before close
I'm at a loss. I have hooked a beforeclose function, and that works fine. The issue that is killing me is when I want to close the dialog after the beforeclose returns false, nothing happens!! On the pnlNotesConfirmation there is a "No" button. On that "No" I try to perform: $('#notesDialog').dialog('close'); No event action occurs. I tried the following line first: $('#notesDialog').dialog('option', 'beforeclose', function(ev, ui) {return true;}); Still it doesn't close. The only way I got to work
Minimizing Portlets Loses Bottom Spacing
I'm using the demo page for portlets. When I minimize each portlet it loses the spacing around the portlet including the correct spacing around the header. This may be caused by the Toggle(). When I start to drag the minimized portlet the spacing magically is corrected. Does anyone know how to fix this issue so when I minimize each portlet it maintains the correct spacing below the portlet and around the header? I'm using IE 8. Thanks! --
jQuery UI 1.7.2 Tabs do not work in IE7 with disabled
When using tabs and disabling a tab, IE7 throws the following error: Object doesn't support this property or method. The code breaks on: // Take disabling tabs via class attribute from HTML // into account and update option properly. // A selected tab cannot become disabled. o.disabled = $.unique(o.disabled.concat( $.map(this.lis.filter('.ui-state-disabled'), function(n, i) { return self.lis.index(n); } ) )).sort(); --
help with dialog box
Hi I am a new to jquery can some on point me in right direction on this. I have a html page where a table is generated using jquery ajax function and jquery datatables plugin . In this table for every row in the table there will be 3 buttons each button inturn will call a ajax function which i have done a working fine. But the critical part is when a specific button is clicked it should open a dialog box. Below is the sample structure $(document).ready(function(){ //dialog box $("#dialog").dialog({
Multiple form submit dialogs
Hello, I am trying to use dialog windows to submit forms on a page. I have multiple dialogs with each containing a form to submit. But I can't seem to get it to submit the form based on the form id. If you look at the "Confirm" dialog button, I put some kind of reference to the specified form id $('form#delete-0'), $ ('form#delete-1'), etc.. Mind you I'm new to jquery so I'm not very familiar with the syntax. My code is something like this: $(function() { var n = 0; $("tbody tr td a.links-members").each(function()
jQuery AJAX Request with non-form Data
Hi jquery-users, I'm attempting to use jQuery to make an AJAX request. I'm able to successfully serialize form data from a POST submission and receive it on the server-side. However, I'd like to do something a little different. Rather than submitting form data, I'd like to submit the id from a div tag (e.g. <div id="foobar1">) to my server. For example, a user would click one of the divs below and the id for corresponding div should be sent in the ajax request: <div id="foobar1"></div> <div id="foobar2"></div>
how to pass a parameter to dialog in this situation?
Hi. i work with asp.net. i got a ajax updatepanel with a asp:repeater. the updatepanel display different events. now if the event is clicked i want to display it in a jquery dialog, so far so good. now my problem becomed that my dialog ui is set to ".dialog", so it triggers all events. now i pass (".dialog" + id) but how should i pass that parameter to the trigger in the script? <script type="text/javascript"> $(document).ready(function() { $(".btnCheck").live("click", function(evt) { evt.preventDefault();
Problem with Vista IE8 and Dialog
Hi , I noticed that IE 8 (8.0.6001.18828) with Windows Vista renders jqueryUI dialogs unusable (weird blocks, some parts are transparent, etc). The same source with Win XP and IE 6 -> 8 works fine. I was trying to figure why's that and noticed that bgiframe plugin has same sort of influence. When I removed loading of bgiframe plugin and commented out, 'bgiframe: true' from my dialog constructors source, dialogs appeared fine also with Vista. Is this a known problem and is there a better way to handle
Autocomplete JSON "result is not a function"
Hi, I'm able to get autocomplete work with newline-separated return values, but am unable to display the same data with the json format. I'm using the source code of this: http://jquery.bassistance.de/autocomplete/demo/json.html as a reference. I can see json data being returned fine (thanks to Firebug!) but this part gives an error: ... ).result(function(e, item) { // alert(format(item)); $("#content").append(" selected " + format(item) + ""); }); It says "result is not a function", which I found
Tabs + Accordion in each tab, auto height issue
Howdy! I am having an issue with the autoHeight option in accordion instances within a Tab instance. My first tab loads it's accordion instance fine and auto expands the height to match my content just fine. When I switch to tab 2, or 3, etc. The accordions in those tabs do not auto expand to match height of content. I have tried using clearStyle and fillSpace options, but can't seem to get those accordions in tabs 1, 2, 3 to auto expand the first section in the accordion. Any ideas what I am doing
Themeroller themes do not show on first visit
Hi, I'm trying to figure out why, upon first visit to my site, the theme portlets aren't showing up. Once you select a ui theme from the dropdown, everything looks ok, but until then the portlets don't show. This is only happening on the first visit to the page. http://lztest.gdd.net login/pass is guest/guest -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
Grid Jquery UI
Hello, Is there a grid in JqueryUi ? If not, what grid can I to use? I want to use a compatible grid with jquery ui themes. Thanks --
Problem in jQuery
Hi, i got a little problem with jQuery draggable and droppable functions. At the beginning I have to say, that I only work with the normal jQuery library not with the UI addon. I'm using the following code: $('#droppable').droppable({ tolerance : 'position', drop: function(event, ui) { var split = $(ui.draggable).attr('alt').split('#'); var var1 = split[0]; var var2 = split[1]; var var3 = split[2]; var random = Math.random(); $.get("angebot_picto_place_save_ajax.php",
scaling ui-slider-handle
I've got my slider working but have one extra thing I'd love to add. Is it possible to scale my ui-slider-handle, proportional to the amount of scrollable content in the manner of a traditional scrollbar? I.E. If the width of a page dictates that 50% of the content in my scrollable layer is hidden, (my scrollbar's within a fluid layout), I'd like my ui-slider-handle's width to be 50% of the sliders width. It's a simple to work out what the width of the ui-slider-handle should be; $("#myslider .ui-slider-handle").width(Math.round(($
Dialog with form issue
<form action="savedQueries.do?method=saveQuery"> <table> <tr> <td>Id:</td> <td><input type="text" name="queryId" /></td> </tr> <tr> <td>Descrizione:</td> <td><input type="text" name="queryDescription" /></td> </tr> <tr> <td colspan="2" align="right"> <input type="submit" value="Ok" /> </td> </tr> </table> </form> My css <link type="text/css" rel="stylesheet" href="http:// jqueryui.com/latest/themes/base/ui.all.css"
jquery alters some tag with its html function
Hi all, I'm looking for a shortcut to manipulate a dom XML, and for that I need the html function from jquery. My problem is that Jquery alters some tag when using html function, by instance : code : var test = '<div><image src="images/icons.png></image></div>'; console.log ($(test).html ()); result : <img src="images/icons.png"> My image tag is transformed in img tag. If someone has an idea, I'm will be really grateful. --
JQueryUI and Accordion 1.7.2 refreshing problem on IE7 and IE8 (compatibility mode)
Sorry for cross-posting but I need help as soon as possible from the community. Follows a post that describes my problem with JQueryUI Accordion: I have refreshing problem with Accordion on IE7 and IE8 in Compatibility Mode. I opened a ticket in JQueryUI Developer track but there isn't any answer or suggested patch. The workaround that exist in the Web doesn't work for me and so I opened a ticket in JQueryUI track http://dev.jqueryui.com/ticket/4989. There you can find a link to my test page that
question about resizable
Hi Few questions. 1. How to force resizable to resize only with one dimension x or y? 2. Is it possible to bound resizing by element that is contained by resizable. Ex <div id="main"> <div id="inner" style="{width:30}"></div> </div> #main is resizable, and I want to stop resizing when border meets borders of #innner. Greetings --
IE - icons and hover state (caching problem??)
I've constructed a page that uses icons in a similar way as you have done on the theme roller page (as buttons). When I hover over a button I add the ui-state-hover class, which changes the background image. Unfortuneately, each time you hover, the page makes a request to the server to get the image. The same thing happens here: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ Though, it doesn't happen on the themeroller page. What have you done there
Submit form to other tab
Hiya Folks, Is there a way to have a form field on tab1 that sends post data to tab2 (and then shows tab2)? -- ______________________________________________________________ Clayton Dukes ______________________________________________________________ --
jQuery UI tab : disable Ajax functionality
I have code like this: <div id="tabs"> <ul> <li><a href="app/content1.html">Tab 1</a></li> <li><a href="app/content2.html">Tab 2</a></li> </ul> </div> It is using ajax functionality,how can i disable ajax functionality and let page directly navigate to link? Thanks in advance --
Open link at active tab
I use jQuery UI Tabs. When user click on link, that apears at tab, he goes to new page. But I want to load new content via ajax in that tab. How can I do this? --
Progress bar in IE7 using RTL language
Hi all, I'm having trouble with a progress bar using a RTL language. Specifically, the bar loads from right to left in Firefox (as expected) but in IE6/7 it loads from left to right. Does anyone have any ideas about how to get it to behave the same (right to left) in all browsers? Thanks in advance, Tony --
Alert(), prompt() etc()...
Hi every body! First, sory for my bad english :s I'm new to jQuery UI, and I would like to ask you some help. I have to adapt an ooooold script, very ugly. To make it cute, I use UI, but I would like to replace all prompt() and alert() by home made jquery UI dialog function, but every time I try, it doesn't work. I have to keep as much as possible the code like the original, so I can't use the classic UI syntax. If you don't anderstand (very hard to explain with a poor vocabulary), i can try to extand
Default scroll position of jQuery UI Dialog
Hi All, I've got a jQuery UI dialog that has a good bit of text. I've got an explicit height set, so it gives me a scrollbar along the righthand side. This is great. The problem is that by default, when the dialog pops up, it's scrolled all the way down to the end of the text. I want it to start at the top, that way a user can start reading at the top and scroll down as necessary. Is there a way to get this behavior? Thanks! -Josh --
Problem with sortable in Internet Explorer
Hi there I have now spend almost 3 days trying to get this to work in Internet Explorer: http://www.faggrupper.dk/sortable.html I have testet in Chrome, Firefox, Safari and Opera, and it's working just fine, but in Internet Explorer (testet in 7 and 8) it's not possible to sort the sub items in. Can anybody tell me how to get this to work in Internet Explorer? Kind Regards, Moxen --
Droppable, SSL & IE
After the drop event is triggered I get the following message: "Do you want to view only the webpage content that was delivered securely?" It doesn't matter if I assign any event handlers of my own so my only conclusion is that its some where in jquery. Am I doing something wrong? Where I click "yes" or "no" it doesn't matter, the behavior of the JS is the same which makes this particularly difficult for me to figure out. --
Can I get rid of the "x" on the jQuery UI Dialog widget?
Hi All, We'd like to use the jQuery UI Dialog widget (here: http://jqueryui.com/demos/dialog/#modal-confirmation ) to show to users when they're accepting/rejecting the terms and conditions of our site, after they first login. The problem is that it has an "X" button, which is not clearly accepting or rejecting the conditions. I want the only options for closing the window to be the "Accept" or "Reject" buttons. Is there a way to do that? -Josh --
Slider reverse Min and Max
I am working on a slider to select a year-based date range. I need to reverse the Min and Max.... for example; 2009 - 1950 and I need 2009 to be on the LEFT. I can only get it to go to Right because it's the highst number. How do I reverse the polarity (so to speak)? Thanks JD --
Icon's not showing properly (custom theme)
System: Windows 7 / Firefox 3.5.5 JQuery Versions: jQuery 1.3.2 / jQuery-UI 1.7.2 Running on PHP 5.3.0 / MySQL 5.1.37 I have made a custom theme and downloaded the full jQuery and jQueryUI packages I can call datepicker, however no icons appear in the prev and next buttons. I have a span with classes ui-icon and ui-icon-arrowstop-1-w, again this shows no image in the area. I Also have FullCalendar running and yet again no image appears in the buttons. Help -- View this message in context: http://old.nabble.com/Icon%27s-not-showing-properly-%28custom-theme%29-tp26692798s27240p26692798.html
Aligning sortable columns inside tabs
Can someone help me? I've added tabs, but my sortable boxes are appearing outside (below) the tab content. I suspect it's because of this: <style type="text/css"> .column { width: 33%; float: left; padding-bottom: 100px; } But I don't know how to fix it... if I remove the float, they appear inside the tab correctly, but then all columns are on the left side of the page (not 3 columns) here's the page: http://lztest.gdd.net login/pass is guest/guest (note: for some reason, the page doesn't render
altField to next day or date
Hi Just started to use the date picker plugin. On a form I have two input fields, arrival and departure date. What I'm hoping to achieve is that when the datepicker is used to update the arrival field, then the departure field is set to the next day. So far I have this code snippet: $('#arrive').datepicker({ showOn: 'button', buttonImage: '/images/cal.png', buttonImageOnly: true, dateFormat: 'D dd / mm / yy', showOn: 'both', dayNamesShort:
JQuery Tabs and checkboxes
Hi, Sorry my english is not so good, but i try to explain my problem. I have created tabs via JQuery and i want to place before every "tabname" a checkbox. Here is an Examplecode with checkboxes: http://nopaste.info/0978feb9a1.html The problem is that the checkboxes are not "clickable". How can i solve this problem ? Has anybody an Idea ? -- View this message in context: http://old.nabble.com/JQuery-Tabs-and-checkboxes-tp26693324s27240p26693324.html Sent from the jQuery UI Discussion mailing list
Datepicker - cant set minDate on second datepicker after choosing first date
I know this has been brought up before, but I have been unable to get the solution previously offered to work. Here is what I need to do. I have two datepickers on my page, in a "arrive" and "depart" type of scenario. What I need to happen is to set the minDate of the "depart" datepicker to be no sooner than date chosen by the "arrive" datepicker. For example, someone chooses to arrive on January 1, 2010. The depart datepicker should not allow a date earlier than January 1, 2010 to be chosen. The
jQuery Dilaog Resize Issue in IE
Hi I am using resizable jQuery dialog. When resized, the content inside the dialog shows OK in firefox but in IE a vertical scroll bar appears. The bottom arrow of the scroll bar is not visible and out of the dialog. When I inspect it using IE developer tool, it shows that the content is going out of the dialog height. If I close the dialog and open again the content shows normally and the scroll bar doesn't appear anymore. Your help is appreciated. Thanks Kapil --
Next Page