Removing Doctype give unwanted font size
Hi guys, In my html page, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <title>PPM - Powerful Project Manangement</title> <style> body { font:normal 11px Trebuchet MS; margin:0px; } </style> The font applies to all the controls but does not support table height 100%. Instead if i remove the
another accordion!
Please can someone help me? I have already posted on here but I need a more detailed reply! I have 2 accordion examples: This one http://www.cc-hs.com/testing/ is perfect cross-browser but I have a problem in that the accordion doesnt follow the browser through each page. I need the accordion to open on the relevant heading for each page. This one does the job, [i think] but is terrible in all versions of i.e! http://www.cc-hs.com/demo/ The first one is the one I want to stick with and I got it from
multiple forms on one page, fill in one at a time
hi guys, i have a huge form...well 21 fields - but the user audience are a fairly simple bunch and im trying to simplify the process as much as possible for them. i want to split the form into three smaller sub forms and to use jquery to handle the "submission" of one form, to go the second form - handle the submission of this 2nd form, then go the 3rd form and allow it to be submitted, which generates a "review page" allowing the users to go back basically i ask an initial question on the first
JQuery Calendar
Hi , I m new to JQuery..In my app ,i am creating the inputtags based onthe type selected using JQuery.. These things i have done..Now with the input tags created ,If i click on them i want a calendar poopup which allow me to select a date and the value will appears in the input box..For this i m using the cleancalendar.js file..In my app i have created the tag with the class name also(which is same as the classname in my calendar.js file)..But this doesn't works for me??? $("<input id=inputdate"+dateinc+"
[resizable] My example code
Hi, I posted a message regarding the bugs I found in the resizable plugin, but I don't see it ! I'm in a hurry, so I give you only the test code to reproduce all the bugs. http://pastie.org/487957 Kind regards, Renaud
Drag n Drop Requirement
Hi, I want to track an element[source] coordinates, when it is dragged into a specific element[target]. The coordinates should be relative to the target element. Please advice. Thanks Gokul
[ui resizable] A few issues...
Hi all, As a jQuery lover, I was sooo sad to fall upon a few bugs in the resizable plugin. Here they are : 1) CSS : Issue : I had to add the ".ui-resizable" css for that plugin to work (hopefully I found a website explaining that workaround). Proposal : automatically add the style if not found (is that possible ?), or at least explain it on the resizable doc page. 2) Scroll option : Issue : there is no "scroll" option as in draggable. Although it seems to be "false" by default in the resizable plugin,
Major issue with resizable containment
Hello all, I have an application that dynamically adds images to a container. The images are set to be both resizable and draggable. I'm trying to make it so that the user can't put any part of the image outside of the container, but I'm having major difficulty, as the resizable plugin allows my images to resize out of the container. This appears to be a bug in the latest version of the jquery ui code from the site. Anybody have an idea how I can fix this? I've been having problems with this for
JQuery Tabs
I have a trouble wit JQuery Tabs. i used it to make 3 tabs. in each tabs, i have a form to insert data. (FormView). but when i select tabs-3 and click Submit buton in it, page load and return to tabs-1. How can i fix this???
datepicker instance object
I would like to resuse call back methods for the datepicker i.e. onSelected or onMonthYrChange Both methods accept a datepicker instance object as a parameter. So I would like to call the onSelectedMonthYrChange method, what selector can I use to return a datepicker instance object to pass to this method?
Problem with arrow icon for accordion in ie6
The arrow icon display in ie6 is quirky. It disappears at times and then after about 20 seconds reappears. I was able to see this using the accordion sample page on ui site and in my own page: http://jqueryui.com/demos/accordion/ Is there a fix for this? fyi: I really like the jQuery UI tools - looking forward to using them extensively in upcoming projects.
please help a guy out!
Please can someone help me? I have already posted on here but I need a more detailed reply! I have 2 accordion examples: This one http://www.cc-hs.com/testing/ is perfect cross-browser but I have a problem in that the accordion doesnt follow the browser through each page. I need the accordion to open on the relevant heading for each page. This one does the job, [i think] but is terrible in all versions of i.e! http://www.cc-hs.com/demo/ The first one is the one I want to stick with and I got it from
get id of drag element in droppable.drop
Hi, I have the folowing problem: I need to get the ID of the element that was dropped on my droppable Element. I tried to get it with .attr('id') through the drop listener (with $ (ui.draggable)) and through the start listener(with $(this)) of the draggable, but both won't work. I was able to get class but that doesn't help me... Thanks! sebastian
Datatable inside dialog box cannot be scrolled in IE7
Hi all, this is a post from the datatables forums where they directed me here. Problem appears to be JQUI rather than the datatables. Original post is here - http://datatables.net/forums/comments.php?DiscussionID=265&page=1#Comment_1391 Here's the problem, thanks in advance for any help: I have a data table inside a JQuery UI dialog box. In IE7, no scrollbar appears (or on some systems the scrollbar appears but it scrolls the background instead of foreground). firefox 3, google chrome, and IE8 look
Accordion - Cycle Patch
I'm posting here because I'm not able to post on the dev list yet, moderated. I've made a patch to have the UI Accordion cycle. At first I was just going to make a sub class and add the needed code but decided to put that effort towards the real deal. I think it's fairly solid but looking for feedback. Any maybe inclusion at some point.?. Here is a link to a zip containing the modified accordion file for both 1.7.1 and head. Also there are Unix diff files for each, but I don't know how to create
Themeroller + Layout broken in IE8
Just a heads up in case you guys didn't already know this but there are some minor breaks in the layout of the Themeroller page in IE8. Specifically, the problems occur after switching tabs and accordion panes.
Accordion widget documentation error
This page has an error: http://jqueryui.com/demos/accordion/ The overview has incorrect markup (which just wasted my time until I figured out what was going on with FireBug.) This accordion markup is INCORRECT: <div id="accordion"> <div> <a href="#">First header</a> <div>First content</div> </div> <div> <a href="#">Second header</a> <div>Second content</div> </div> </div> The correct markup is: <div id="accordion"> <h3><a href="#">First header</a></h3> <!-- or other header --> <div>First content</div>
Jquery Tabs scroll to top bug
Hi all, I'm quite new to jquery so there may be a simple solution to this. On this page: http://www.thedentalimplantclinic.com/caseexamples.htm I use 2 levels of nested jquery tabs with the opacity: toggle function. Whenever you change tabs, it scrolls the page back up to the top, which is annoying when you change a nested tab. However, if I remove the opacity: toggle, it does not do this. Is there a way for me to get the effect without the scrolling? Here is the function I currently use to call
Datepicker - split date string into three fields (day, month, year)
Hi all I'm trying to integrate datepicker into an existing javascript which has six fields - a day, month and year field for From and To. The vars are startday, startmonth, startyear and endday, endmonth and endyear. I'd like Datepicker to split its date into three to populate the three fields. I've used the altField option but I seem to be able only to populate one alternative field. Is this possible? Any help would be much appreciated! :)
Using UI icons inline
I don't know about others, but the fact that "ui-icon" makes the SPAN a block element ruins most page-layouts. So, when I want to use jQuery UI icons, I instead do this so that they behave: <img class="ui-icon ui-icon-cancel" src="/images/spacer.gif"/> With this CSS: img.ui-icon { height: 16px; width: 16px; position: relative; display: inline; } The spacer.gif is a 1x1 pixel transparent image. This way the background-image can be seen. The reason why this works is that the IMG tag, although an inline
datepicker and dialog box
hi all, i am having an issue using datepicker within a jquery dialog (modal) box. the modal box gets called, the user clicks on the date input field, and the datepicker box pops up. all is grand. EXCEPT... if the user scrolls down the list of items on the initial screen, opens the dialog box and clicks in the date field within the modal box, the datepicker box opens, BUT it opens above the viewable area of the screen. the scrolling down before opening the modal box is the key element to the problem.
datepicker: month/year only ?
Hello All, Sometimes its desired to have a mm/yyyy (month/year) as input from user. Searching through datepicker's docs showed that its designed only for the full day/month/year input. Maybe I just failed on my research and there is a workaround to achieve what i want with datepicker ? If not, any plugin one might suggest ? Best, ~IF.
Why no update with blog.jqueryu.org?
How about 1.7.2 release?
jquery slider - I need to get the left position of the slider button
How can I get the css left position value of the two slider buttons I have on my slider? I am showing the values of the slider above the buttons... and want to move the values when the user moves the slider buttons Thanks
INettuts Clone with Drag
Hello, This is my first post to the group so if I say or write inappropriate please understand. I am new to the jQuery and jQuery UI and having trouble using the script. I think it's fairly simple matter but i just can't figure it out so any help will be greatly appreciate. What I am trying to do here is to duplicate a li tag once it's moved from the origianl position. the code is below. ------------------------------------- Scirpt ------------------------------------------------ if ($("#column1").children(".color-divider").size()
JQuery Tabs width - I need to wrap the text so all tabs will be in the same row
Hi All, I need to spread tabs evenly on one row and make the text wrap, when I am using fixed width for .ui-tabs-nav li the panel and nav are not aligned. I don't want the tabs to shift to the next line. If you take the sample tab page and limit the div width and then put long text in each tab you will see what I am talking about. PLEASE HELP!! !!!! Kobi
[accordion] right selector condition but wrong effect
Hey, i want to use the jquery accordion plug-in for a list created by the wordpress wp_list_pages function. this is the html: <ul id='navigation'> <li class="page_item page-item-23"><a href="">wanted item</a> <ul> <li class="page_item page-item-25"><a href="">unwanted item</a></ li> <li class="page_item page-item-85"><a href="" >unwanted item</a></ li> </ul> </li> <li class="page_item page-item-41 current_page_item"><a href="">and so on</a> and so on.... my jquery selector which seems to be right:
Noob needs a grid
New to jQuery and jQuery UI... I need a grid widget. I understand one is planned for 1.7. Can someone suggest something I can use in the interim that might be easy to convert to the "official" widget later on. Don't need anything fancy, mostly just something from which the user can pick an item from a list. Suggestions? Thanks, Michael
dialog break css menu
Hi, I have a classic css menu. Working easily on Firefox and co, and working with a behavior: url(tpl_fr/csshover.htc); on Internet explorer 6. when I use a jquery UI dialog and close it, all these menu does not work (until I reload the whole page). Any ideas ? Here is the code of the dialog : $(function() { $("#dialog_num_igle").dialog({ bgiframe: true, position:'center', modal: true, resizable:false, closeOnEscape:true, draggable:false, width:430,
Accordion with Different colours
I need an accordion with several sections and the possibility of every section in a different colour. That's possible??? Thanks.
Click elsewhere closes dialog
Hello, I use datapicker to choose a date, and I want it to close if clicked anywhere else. Is there something readymade in jQuery, or should I find another way? I don't want to use any other heavyweight JS library. Thanks, Marek
Themeroller - Corrupt files
Hey, It may just be a temporary email/I may have missed an announcement. But Themeroller/Jquery UI is generating corrupt ZIP files. I'm using latest build of WinRAR, works fine, but when I open up the ZIP file some files are there (important ones like the theme's css files are missing but the images are there). the CRC sums are all 000000000 and so to even extract I have to repair, again the main css files are still missing. Any ideas why? Cheers, Sam
Sortables / Portlets (get text with mouse disabled)
I'm using JQuery Portlets and I've noticed that you can't use the mouse to highlight any text within a portlet. In their own example on their site you can see what I'm talking about, http://jqueryui.com/demos/sortable/#portlets. I've figured out a way to use the Portlet 'Handle' option to set it up so that dragging only happens by clicking and dragging from the header of the Portlet, but the body of each portlet is still disabled and text selection with the mouse still doesn't work, http://jqueryui.com/demos/sortable/#option-handle
JQuery Tabs Ajax mode
Hi everyone, I'm new on jquery ui and I'm testing the tabs functionality. So far I'm able to retrieve a page for each tab loaded by ajax (pretty easy!) but now I'm trying to bring up complex pages that have js functionality and it seems that the tabs load them without the <scripts> tags, is that the normal behavior? Thanks in advance!
Events and UI documentation
Hi, Is there any documentation for the event and ui parameters that are returned in ui events functions? I'm looking specifically at the drag callback for the draggable plugin: http://docs.jquery.com/UI/Draggable#event-drag thanks for any help.
More custom sorting options?
I'll start off by saying I don't have much PHP or Javascript knowledge, hence the need for a simple way to have user sortable tables on my site. I using a great plugin that creates sortable tables using jQuery. (http://wordpress.org/extend/plugins/wp-table- reloaded/) That said, I need a bit more functionality in the tables for it to really work for me. Right now this is how my site functions, plain html, takes forever to update, separate pages for each 'sort option': http://www.thebenjaminresource.com/tbr/html/browse_by_title.html
nested draggable/resizable div auto resize or auto position?
I am dynamically creating draggable/resizable div elements (divInner[x]) and appending those to a draggable parent div (divOuter). What I would like is: 1. each divInner[x] to have its resizable borders auto shrunk to fit the text or image that is contained within it. 2. each divInner[x] to be auto positioned within divOuter such that divInner[1].top = 0, divInner[2].top = (divInner[1].top + divInner[1].height), etc. Currently I can get 1 XOR 2. I am instantiating each divInner with: $(divInner).draggable().resizable();
accordion
I can't seem to get the autoHeight turned off. Can anyone tell me what I'm doing wrong? I have the following: $('#navigation').accordion({ active: false, header: '.head', navigation: true, event: 'mouseover', fillSpace: false, autoHeight: false });
How to use draggable together with jcarousel?
I'm trying to drag items out of jcarousel, but the ul has relative position so all helpers I create can not be dragged out of this ul. Does anyone have a suggestion or an example of how to do this? Thanks
Help with Accordion Widget
When I copy the example as it is listed here in the source, http://jqueryui.com/demos/accordion/ The accordion isn't functional. The info states that the <a href="#"></a> is the default header unless otherwise specified using the header: property. It's almost as if it's not seeing the anchor tag. But if I use the header: property to specify say "h3" and use that heading tag for all the accordion section headings, it works fine. What am I missing? Thanks in advance!
Next Page