Does themeroller dev tool for firefox work at all?
I don't know if Im missing something, but I installed the devtool, I open it on a theme I downloaded (the index.htm file opened in firefox, with all of the accompanying js and css files in their proper directories) and it is unusable. The accordian tabs dont even open, so it literally is just there for decoration. My assumption is that when you open it on a page built with theme roller you are supposed to be able to use it to tweak the theme? Please tell me if I am missing something.
Dragging elements doesn't work for some reason
Hey guys, I'm pretty new to jQuery and Javascript. I've been playing around with different effects like fading divs in and out, scaling them and so on. What I want to achieve is the following: I have two divs. One, which is entitled "toolbox", carries different elements like a textfield, a checkbox, a radio button, a textarea and a select dropdown. The other div is supposed to be an empty form on which I want to drag and drop multiple elements from the toolbox div by cloning them. Both divs are hidden
Datepicker: Select a time range by dragging
Hello all, I am looking for a Datepicker that allows me to select the beginning and end of a time range by clicking on the first day and dragging to the last one. The end date is selected then on releasing the mouse button. The time range is marked by a different colour already at selection time. Anyone who understands what I mean? I believe I have to perform some changes to get the datepicker to behave like that. Anyone an idea where to start? Thanks guys.
I dont want to remove the tab if it is disabled
I dont want to remove the tab if it is disabled, i am able to do it if one tab is disabled but when more than one tab is disabled its not working. I've disabled tab 0 & 2 $('#remove').click(function(){ var $indexNum = $('#indexNum').val() - 1; if($('#myTabs').tabs('option', 'disabled') == $indexNum) { alert("cannot remove tab as it is disabled"); } else { $('#myTabs').tabs("remove", $indexNum);
uncaught exception: Syntax error, unrecognized expression: #
I am using jQuery 1.4.2 and jQueryUI 1.7.2 on http://www.kimburda.com/Paul-Bakaus However, I keep getting "uncaught exception: Syntax error, unrecognized expression: #" error when I try to drag and drop content widgets. Please advise, thanks.
How to catch datepicker events ?
Hi to all !!! :D... I am really excited as I have discovered this javascript library !!! :D... Just wanted to know how to catch datepicker events ? such as when the user selects a different date... this is my idea... that according to the selected day, month and year I get through ajax the information about my friend's birthday... I saw there is this code... <script type="text/javascript"> //define function to be executed on document ready $(function(){ //define
jQuery UI Slider bug on top and bottom level
The top and bottom step is wrong, and the next to bottom step is the correct one. Example: http://nyheter.sortere.no/knapp/ Slide all the way to the left, and it will say 165. Go one right and it will say 150. The same goes for the top. Why is that? It's weird and unpleasant for users... I've tried with present version, legacy and the 1.8a1
CKEditor in UI dialog box
hi, I am trying to open dialog box with CKeditor, but I can't make it work. It appears in the textarea control as a plain text. I have also used patch from ticket http://dev.jqueryui.com/ticket/4727, still no luck. here is my code. function showdialog(detail) { $(function() { $(detail).dialog({ bgiframe: true, modal: true, width: 700, height: 600,
using tinymce editor in jquery dialog box in firefox
Hi, I am aware that this has been and issue (tinymce editor loads into dialog in firefox but is not functional...ie can't type) Has there been a fix for this? Thank you
Need help opening a tab from a text link
Hi, I'm new to Joomla and jquery. I have been trying to figure out how to open a specific tab from a text link. Here are my tabs: <ul> <li> <a href="#tab1">Details</a> </li> <li> <a href="#editorReviewTab">Editor Reviews</a> </li> <li> <a href="#tab2">User Reviews</a> </li> <li> <a href="#tab5">Related Content</a> </li> </ul> I have found this in the documentation
Pb with Accordion
Hi, I have a (i suppose) z-index problem with Accordion : I have an accordion in which each "content" is a vertical drop-down menu (a suckerfish dropdown one). On page load, my first content is opened, and it works fine. But, once i activated the accordion (meaning clicking on a header), the drop-down menu bugs, going under the page content in z-index (there is an image just aside the menu, and the items are stuck UNDER the image, whatever i do with the z-index of the menus in the css stylesheet).
jQuery UI Accordion with WordPress
Hey Guys, I'm pretty new to jQuery so please forgive me if I'm missing something obvious. I am trying to use the jQuery UI Accordion in WordPress and so far it's going ok, but the accordion loads with some problems, but after clicking on on of the accordion bars it looks fine. For some reason when the page loads, the first bar loads 2 arrow images and no background image. The page where it is is here - http://jesuspeopleplanet.com/how-can-i-help/ I have taken the script that comes in the index.html
jquery 1.4 and jquery UI
I'd like to use the delay function that was introduced in jquery 1.4, but I'm currently using features in jquery UI 1.7 which only works with JQuery 1.3. Is UI 1.8 suposed to be compatible with 1.4?
Problem when using more than one DatePicker
Hello, I'm having trouble with ui.datepicker. I have the following code: <input type="text" name="dtFrom" class="dpk"> <input type="text" name="dtUntil" class="dpk"> <script type="text/javascript"> $(":text.dpk").datepicker(); </script> When I click [dtFrom] its respective datepicker opens and if I don't select any date, clicking straight on [dtUntil], [dtUntil] opens with no animation, closes with animation, and opens with animation. That's wrong, [dtFrom] should be closed and [dtUntil] should
In default resizable demo eastern handle doesn't work in IE
Hello, The eastern handle in the default resizable demo doesn't work initially in IE, the southern and south-eastern do work. When I have used one of the last two, the eastern handle does work. Am I doing something wrong? Thanks, Eric J.
Tabs Problem
I have recently updated my version of jQuery from 1.3.2 to the latest version and i'm now having a problem where my jQuery ui tab's are no longer working. Now the only difference between the two versions (except it working on the old version!) i've found is now the tabs are referencing: #ui-tabs-[object Object] as their target rather than before it was #ui-tabs-87
[Common Problem] jQuery UI and jQuery 1.4.x
Seems to be a lot of threads starting everyday that are having problems with jQuery UI 1.7.2 and jQuery 1.4.x. I'd like to try to help by putting this information more up front. jQuery UI 1.7.2 is only supported with jQuery 1.3.2 and jQuery UI 1.8 RC 2+ is supported with jQuery 1.3.2 and jQuery 1.4.2 You need to use the right version of jQuery with the right version of jQuery UI. If you run into problems with jQuery UI please make sure you are using the correct version of jQuery for the version
tabs - Storing selected tab in a variable
I am sorry if this has been covered earlier. I have a newbie question regarding events in tabs using jquery 1.3.2 and jquery.ui 1.7.2 The following code shows my tabs and works like charm. <script type="text/javascript"> //<![CDATA[ $(function(){ $tabs = $("#MainTab"); $tabs.tabs(); $tabs.show(); }); //]]> </script> However I need to store the selected tab in a variable and have tried onclick and onbeforeclick to no avail. $('#MainTab').tabs({ onBeforeClick: function(event,
Call UI Tabs from Ajax
I want to call a local page via ajax that will contain UI Tabs. However the tabs are not displaying or working correctly...any ideas?
Call Tabs using Ajax
Ok I'm trying to load tabs from a page that is created dynamically using ajax. The tabs aren't display or working correctly. To be more descriptive.... I want to click a link that loads another local page using ajax. That page needs to have UI Tabs loaded in it. Any help...?
Only allow Thursday's in datepicker
I have reports that are only produced on Thursday's and I only want to have Thursday's as a selection option.
Sortable Portlets, initial state
Hi, I was wondering how I could just make the initial portlet state to minimized instead of toggled? The behavior is the same just wanted them to start minimized to see all the portlets available without scrolling. Thanks!
How to load content into a tab only on click?
How do I load content into a tab only on click? The code that follows loads content into all tabs after page is loaded <?php if (!defined('BASEPATH')) exit('No direct script access allowed'); // get selected language $_lang = $this->config->item('lang_selected'); if (empty($_lang)) { $_lang = "en"; } // send headers for expiration and last modification $_gmdat = gmdate("D, d M Y H:i:s", time()); $this->output->set_header("Expires: $_gmdat GMT"); $this->output->set_header("Last-Modified: $_gmdat
Categorized autocomplete
Hi, I'm well aware that the autocomplete functions isn't fully released yet. Although, I'd like the results from the autocomplete function to be separated into categories. A clarifying image can be found below: This question have been introduced at the wiki already, however I do not fully grasp the response: using the custom processing functions you can probably achieve this, your basically trying to create a similar display to a select group/optgroup layout. i do think this is possible with the
How to create and resize a div with single click
This has been wrecking my brain... I want to be able to create aa div on mouse down, set it as resizable and (using the existing mousedown event), drag to resize the resizable form say the SE draggable. Can anyone shed some light on this?
Dialog and webkit page scroll problem
Hello, I have problem using jQuery UI dialog in webkit browsers. When I open dialog as a modal window, in webkit browsers functionality of the scroll bar is crashed. Clicking on the arrows (up, down) and scroll bar has no effect - the page doesn`t scroll. You may try this problem on the http://jqueryui.com/demos/dialog/#modal-form in webkit browser and small window size. How to fix this?
jquery ui dialog and sIFR3
hi all, I have problem using sIFR3 in a jquery dialog. The sIFR3 works perfectly in all other site sections, however it doesn't work in the open ui dialog section. The dialog's html is situated in a hidden div in my page html, and when I make it visible there sIFR3 title is showing fine. The problem arise only when the dialog is loaded. Please see the image below. "Application Form" should be displayed as "Helen Bg'. Does anyone know what is the problem? Thanks
Dialog animation on Firefox 3.6 [SOLVED]
Opening a Dialog with the options "show: 'scale'" and "hide: 'scale'" is not working on Firefox 3.6. I'm using Fedora 12 64 bits, and Firefox 3.6 64 bits. Google Chrome 64 bits is working well. Thanks.
how to display the datepicker properly in the dialogue box
Hi guys, i have this little problem with my jquery ui. in my page i have this dialogue box that uses jquery and inside this dialog box i have a form and that uses datepicker. Now the problem is when I click the datepicker the calendar seems to display at the back of the dialog box, is there some other way i can display it on the front? John
draggable like igoogle
I don't know what to call this, but does jquery draggable support behavior like igoogle where widgets get out of each other's way? For example, if I move a widget from the third column to the first, it will displace whatever widget is already there. Thanks!
[datepicker] Restrict dynamically dates
Hello guys, I need to be able to select a date range so I have created 2 datepickers using UI.datepicker and now I'd like to restrict the available values. How can I force the from_date not to be after the to date and vice-versa? Here my last try $('#datepicker_from').datepicker({onSelect: function(dateText) { $('#datepicker_to').datepicker('option', 'minDate', new Date(dateText));}}); but it doesn't do anything. Thanks and have a nice weekend Sig
Draggables: refocusing snap after drop
Hi guys, I'm currently trying to get a snap functionality working, but the item to be snapped to needs to change. There will basically be 5 boxes, and a list of Products, the idea being that you drag a product from the list to box 1, then to box 2, then to box 3, etc. I'm messing about with the example draggable from jqueryui.com to try and get this to work, and my method so far is, to have each list item have class "1", then on drop, I remove class 1 and add class 2. Adding/removing classes is working,
Accordion: Line break after Icon problem
Hello, I searched before I posted this but didn't find anyone that was having this problem. For some reason, the Icon of my Accordion header is getting put on a different line from the Header text itself. I have attached an image of what is going on. Upon Firebug inspection of the page, the HTML is as follows: <h4> <a href="#">Communication Information</a> </h4> <div id="comm" > <div> <label for="PhoneNumber">Phone Number:</label> <input id="PhoneNumber" name="PhoneNumber"
display:none for accordion content panels causes sizing issues
I've got an accordion panel and I'm loading the contents of those panels with JQGrids. The loads are occurring dynamically as users make selections so the content panels have to be loaded while they are hidden. Since the hidden content panels have the display:none attribute set, this is causing some width anomalies with the grids since the widths cannot be computed correctly while hidden. It seems that there would be a better way to hide the content by using absolute positioning and shifting the
JQuery tables within dialog IE6
Hello, I am designing a CMS and am using a table, with cell, within a dialog to gather information from the user. When the user clicks the 'OK' button the information entered into inputs within the table cells is sent off to be inserted into a MySql database. My problem is that I cannot get the table to display in the dialog correctly. This problem only occurs in IE (what a surprise!). I cannot constrain the width of the table to be the same size as the dialog window. The width of the table is around
onChange event not firing in IE8 when clicking on 'X' to close the dialog with most recent focus in changed input
I have a simple form that is displayed in a jquery-ui dialog box. I've added an onchange event handler to all input fields of the form to mark the input with the "dirty" class when the input field changes. Then in the beforeclose of the dialog, I check to see if there are any inputs with the "dirty" class. If so I warn the user, that they've modified something in case they'd like to go back and save their changes. The problem occurs when a user types in a field, then clicks the 'X' to close the
[Accordion] Unstyled text can be seen before Theme/Accordion is applied. Especially in IE
This happens mostly in Internet Explorer, but sometimes it can be seen in Firefox, also. The page loads, and you can see all the data that would be in the accordion, in the unstyled-way it would be without the accordion applied. Then, the accordion is applied and everything looks fine. The problem is, the more data that's in the accordion div, the more it looks like garbage before it's rendered. Here's a link to the page: http://new.thestashinventory.com/stash.php?action=assetDetails&assetid=B018600
jQuery UI 1.8rc2 Released
The second release candidate for jQuery UI 1.8 is out and ready for testing. You can download it here: Download File Downloads Development Bundle: http://jquery-ui.googlecode.com/files/jquery-ui-1.8rc2.zip Svn svn checkout http://jquery-ui.googlecode.com/svn/tags/1.8rc2/ Browse source code: http://code.google.com/p/jquery-ui/source/browse/#svn/tags/1.8rc2 Changelog See the 1.8rc2 Changelog for what’s been fixed since 1.8rc1. For a list of all issues fixed since 1.7.2, see previous 1.8 changelogs.
jquery: class="ui-corner-all" is not working with IE
jquery-ui-1.7.2.custom.css in this file following styles is there? but it working nice without IE... /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px;
IE text input problem with dialogs
Hi, I have a problem with some text inputs, inside a dialog, being displayed incorrectly in IE. I'm using jQuery 1.3.2 and jQuery UI 1.7.2. I have a very simple form inside a dialog. I'm using a table for the layout and some labels and inputs. With webkit or mozilla everything works fine, but with IE6 and 7 (I haven't tested it with IE8) I get some shrunken inputs (check the attachment). Has anyone faced this problem? Am I doing something that I shouldn't be doing? Here's the code: <!DOCTYPE html
Next Page