Collapsible DIV for jQuery 1.3.2?
Hi, Does anyone know of a collapsible DIV plugin for jQuery 1.3.2 that i can toggle open/closed with a link or button and will retain its open/ closed state on browser refresh? Cheers, Duncan.
Slider set value ignores animate-option
Hi there, since jQuery UI 1.7 the "moveTo" method has been gone so i changed my scripts to "value". But i found out, that there is no animation, if a value is set. It's a simple change in the value-method since the _setData-function already uses a given animate-value: value: function(newValue) { if (arguments.length) { this._setData("value", newValue, this.options.animate); this._change(null, 0); } return this._value(); }, Maybe this should
Helper sortable list way off when scrolled down in Firefox
<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;} /* Style Definitions
Can't get .ui-dialog-titlebar height in Opera
Hello, I can't seem to get the Dailog titlebars height in Opera. I've tried numerous approaches. Try the below code in Opera with any page that contains a Dialog. Thanks var thisObj = $(".ui-dialog-titlebar"); var heightCalculation = parseInt(thisObj.css('height')) ; alert("CSS: Height for the (" + thisObj.selector + ") reads as " + heightCalculation +"px"); var heightCalculation = parseInt(thisObj.height()) ; alert("jQuery: .height() for the (" + thisObj.selector + ") reads as " + heightCalculation
Problem with a sortable list
Hi All, I need to have a list (ul, li) with input boxes in it , but in my case the li is very hard to select/click on in order to sort it. You realy have only 1px hight to click on. Is there anything I can adjust so I can click on the whole li, but then without removing the input boxes or changingthe layout? Tips and pointers of any kind are more then welcome!! Below is an example page which I created to test this... <html> <head> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
Dialogs and IE8...bugginess?
I've posted a test page to show my findings. Open below in FF and IE8 (assuming you upgraded..and I use that term loosely) http://www.christopherchin.com/blog/demos/jquery/jquerydialog.html First link: Open once, no problemo. Open twice, it's enormous! Second link: Blind open is so fast it's just not a blind. Blind close flickers at the end Third link: This flickers too on closing. Ok..just tested something on the Third Link dialog. When I move the dialog around the screen, the dialog shrinks a bit
Sortable list offset problem when scrolling in Firefox
Hi, I have a problem with a sortable list in Firefox. When I'm scrolled down a bit, the helper has an offset of the same height that I'm scrolled down. I've seen a coupe of posted about this happening in IE6 or IE7, but there I don't have the problem. I only have the problem in Firefox. Could someone point me in the right direction to fix this offset problem. Thanks! Sander
sortable helper issue
Hi Guys, I am using jquery sortable in the latest version (1.7.1) , and found out helper and placeholder option is not quite working as I was expecting. If I do something like below, when I move around each div's, original divs are the one that actually moves, not the clone. I just want to keep the original visibility still remains until being sorted/moved. Any idea or suggestion ? $(#col).sortable( { helper:'clone', opacity:'0.1' } ) <div id="col"> <div class="t" /> <div class="t" /> <div class="t"
Tabs inside dialog, bug?
1. I create a dialog with tabs inside 2. I select tab #2 3. I close the dialog with the tabs inside 4. I open the dialog 5. Problem: Both tab #0 + tab #2 is selected (active?) when I open the dialog again. I just want tab #2 to be selected. thanks
How to create tabs like 'eclipse style'?
Hi all, How can I create a tabs with an eclipse (3.0+) editor header style? The 'eclipse style' means has cyclograph on right bottom, and pined the right tab.
Create one droppable with hundreds of child's
i am creating a website that holds hundreds of draggables/droppables. Especially the droppables are creating a huge performance drop. CPU is running hot at 100% for a while while creating the hundreds droppables, and when dragging a bit around with a draggable it has the same behaviour. I decide to pull out the droppables.. everything is going smooth now. So I am trying to have one droppable with al the hundreds of childs (non-droppables!) within it. But now the question, how to determine on which
About JQuery Tab
Hi All, Currently I'm a newbie in JQuery. I have created tabs using JQuery UI ver 1.7. Approximately I intend to do 17 tabs in my project. @_@ But the things quite strange, the tabs didn't arranged properly. Any idea to solve this? I spent a lot of time for this and still didn't know what's wrong with it. >.< Thanks. Best Regards, Hatjhie
Multiple datepickers in one page
Hi, I need to display multiple datepickers on the same page, it use to work perfectly with a previous version of jquery-ui but I can't get it work with 1.7.1. The code below only displays a datepicker for the first input, the others are ignored. Is there anyhting wrong with it? JS code : $(document).ready(function() { $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['fr'])); $(".calendar").datepicker({ yearRange: '1850:2015', showOn: "button",
NEWS: This Week in jQuery UI vol. 2
See blog post: This Week in jQuery UI vol. 2 <a href="http://blog.jqueryui.com/2009/03/this-week-in-jquery-ui-vol-2/">http://blog.jqueryui.com/2009/03/this-week-in-jquery-ui-vol-2/</a> - Richard
Debugging jquery UI problems?
Hi, Are there any good tools or recommandations on how to find problems when using jquery UI? I'm currently seeing two problems, which may be caused by other javascript or jquery plugins, but I have trouble determining what the problems might be caused by. 1) Effects don't work. I've tried using "bounce" directly on a div (that has been modified by the FishEye plugin). I've also tried using "slide" on hide/show options of a dialog. This causes the dialog to not be shown at all. 2) Accordion doesn't
NEWS: jQuery UI 1.7 released
I'm pleased to announce that the 1.7 release of jQuery UI is final. See <a href="http://blog.jqueryui.com/2009/03/jquery-ui-17/">http://blog.jqueryui.com/2009/03/jquery-ui-17/</a> for full details, including a huge thanks to the nearly 300 people that contributed. - Richard Richard D. Worth jQuery UI Release Manager
Sliding Background Menu - Help
I'm trying to duplicate the menu on the Flash site shown below using jQuery. It's the menu shown at the bottom of the page. It looks pretty basic, it's a sliding background effect. Is there any one that could point me in the right direction on how to accomplish this in jQuery? I'm new to jQuery and I'm working on a tight deadline. I appreciate any help on this. Thanks. http://www.mcnallytemple.com/
how to use drag and resize
$(ui.draggable).clone().appendTo($(this)).draggable().resizable() .resizable is work .draggable is didn't work
Dialog Understanding issues
Hey guys, This is a pretty noob question, so I wouldn't be surprised to see some hostile answers =P; problem: The dialog box does not close. The 'x' or any cancel button I give it... it just doesn't close the darn thing. Weirdest part is, I've searched around and no one seems to have this problem. I'm starting to wonder if it's Fire Fox, or if there is a part I was supposed to set but didn't. Regardless of the case, I'm super confused! Any help would be appreciated. My bare bones setup below won't
Datepicker 'clickable' header
I am looking to make a calendar page for an internal application we use and am wondering if there is a way to make the title, or header - the part that displays say.. March 2009, clickable. I want to be able to click the header and update the larger calendar that the datepicker is controlling.
jQuery UI Theming
I cannot for the life of me find anything on the web, or figure out, how to apply themes to the UI plugins. The only successful way I have found is to use the Theme Roller, copy and paste all the files, and then use the .js file bundled with it. Is there a way that I can use one of the default themes and apply it to the jquery ui js file from google code? I just figured there would be a way to pass a param somewhere to include a theme.. thanks for any help in advance!
Debugging jquery ui problems?
Hi, Are there any good hints or tutorials for figuring out problems with using jquery ui? I cannot get effects to work. I tried using "slide" for hide/show options of dialog(). I also tried using "bounce" directly. Bot nothing happens whatsoever. There are other javascript files / plugins that may be causing the problem, but I cannot figure it out. For instance I'm using the "FishEye()" plugin that creates a mac osx like dock out of some icons. Also I'm trying to make an accordion with tables with
Widgets stops working after i cache dom and render again.
hi, in our application we are caching the dom when we change tabs. by caching i mean we clone whole dom in a javascript variable and keep in memory. once the user returns to the cached tab we render that dom again. what i have created here is a simple example of what we are doing in our application. here in example i an taking full dom in a variable when you press "cache and render again". you will see some alerts which will explain the process. http://reach1to1.com/sandbox/jquery/cache_problem/index.html
Dynamically created DIV + Dialog = no show :(
Added a click function to an anchor tag <a href="" id="newDialog">click here</a> I am creating a div and adding content to the div and appending it to the body. Then I want to open a dialog box with the content I've created dynamically. Check the code below: $('#newDialog').click(function(e) { $('<p id="newDialogText">') .html('Some HTML Text') .css('display', 'none') .appendTo("body"); $("#newDialogText").dialog("open"); return false; }); In checking the generated HTML, the DIV is
Dialog not centered in window
Hi, the Dialog box is centered correctly horizontally, but not vertically. The top of the dialog is centered in the middle of the screen, and tall dialogs will therefore cover the lower part of your screen. Is this a bug, or am I doing something wrong? I tried fiddling with the options, but nothing works. Stian
[UI] Tabs broken in IE7
Here's my site source code: <!DOCTYPE html> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
Tabs not working in IE7, but working in FF
Hello everyone; I am trying to use tabs in my site for navigation. When I view the site in FF, it looks and works perfectly. However, in IE, this is what it looks like: http://tinyurl.com/d79rrj Contents of site/html source: <!-- START --> <!DOCTYPE html> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
Dialog Height style is auto until drag
I have a dialog window that I have defined as: var top = 50; var left = 35; $('#commandMenu').dialog({ draggable: true, height: 70, width: 180, position: [left, top] }); When I open the dialog box and firebug inspect it the style for the height is auto. Once I have dragged the dialog the height gets set to the right size. Is there some setting that I am missing that tells it to resize on the first open? I'm using the latest 1.3.2 of jQuery and the 1.7.1 or jQuery UI.
jcarousel display problem
hi, i'm new here and i'm new using javascript and jquery. I hope you can help me. I'm trying to build a webpage with the following 3 jquery components: - jQuery Accordion Menu (http://www.michaeljacobdavis.com/tutorials/ statesavingaccordion.html) - jCarousel (http://sorgalla.com/jcarousel/) - Shadowbox.js (http://mjijackson.com/shadowbox/index.html) It is a bit hard for me to describe the problem. The best is you look at this page with my stage of development: http://www.projekt360.de/09/index.php
UI 1.7.1
I'm getting an error with the 1.7.1 release.. IE8: ----- Message: Invalid character Line: 1 Char: 1 Code: 0 URI: file:///c:/design/js/jquery/jquery-ui-1.7.1.custom.min.js FF3 reports this as a problem in jQuery 1.3.2. ----- o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function jquery-1.3.2.min.js Line 19
<button onclik="???"> open url in the current tab
How open a url in the current tab, a <button> using onclik (via ajax)? My Tabs is Ajax: <div id="tabs"> <ul> <li><a href="content1.html">Tab1</a></li> <li><a href="content2.html">Tab2</a></li> <li><a href="content3.html">Tab2</a></li> </ul> </div> In content1.html: <button onclick="???">open otherpage.html</button> Help-me please! Thanks. Sorry my bad english.
Get element of "drop receiver"?
I am trying to figure out the element an item was dropped on.. before I would use $(ui.instance.element).. what is this in jquery 1.7?
button onclik="???" -> open url in the current tab
How open a url in the current tab, a <button> using onclik (via ajax)? My Tabs is Ajax: <div id="tabs"> <ul> <li><a href="content1.html">Tab1</a></li> <li><a href="content2.html">Tab2</a></li> <li><a href="content3.html">Tab2</a></li> </ul> </div> In content1.html: <button onclick="???">open otherpage.html</button> Help-me please! Thanks. Sorry my bad english. endereco izotermi rua jose vitorino pereira 303 vl sao roque ou sapopemba
Using tabs with normal links
Hi, Recently I've started to re-build my website and after some time trying to design the layout I gave up. I'm a programmer and as mostly of us I'm terrible designing interfaces. :) So, as I'm a heavy user of jquery I decided to use jquery-ui with the defaults styles which I can just customize later on. My problem is that I want to create my tabs in a easy way (only calling the $('.selector').tabs() for example) but I don't want mostly of the default behaviors. Why? 1-) Adding divs with not related
JQuery Sortable List with
I am having an issue trying to get only selected items to be connected with another sortable list while keeping them all movable. For example I have two sortable lists. LIST 1 Item A Item B Item C LIST 2 Item D Item E Item F I want all items to be sortable on either list execpt for Item A. Item A i want to be able to move up and down only in its parent list (LIST 1). I cannot achieve this. The containment property will apply to all items in that list and the cancel property will make that item unmovable.
Draggable produce graphicserror
Hi, i write a small Plugin that use the draggable. But in Safari it produce graphicserror. You can see it here : http://www.sparbunker.de You can drag the small Icons and when you small it from north to south slowly, you cann the the error :( Help!? :) Benny
Problems compressing CSS files
Ugghh..... So I used this tool CSS Tidy (http://csstidy.sourceforge.net/) to compress the CSS files in the "smoothness" theme... Only option I used was "template=low", which resulted in this file (which looks like it just removed comments) http://stuff.morningz.com/public/Coding/jQuery/smoothness.low.css That downsized the 162kb file all the way down to 22kb Works fine in FireFox (not a surprise), but doesn't work in IE7 (not all that much a surprise) http://i41.tinypic.com/714rqx.jpg shows what
UI Dialog buttons need more control / theme options
Hi guys. I have been build a fairly complex purchase flow (cart) using the UI Dialog (1.6rc6 and now 1.7), and I have been struggling with the buttons option. First, while a theme specifies Interaction Cues for the buttons (secondary, primary etc.), these are not configurable within the buttons construct. This means that in the "open" callback or at some other point post-initialization, you have to manually add the widget css classes to the button elements. This raises a second problem insomuch as
dialog content refresh delays
Hi, I have a page with a list of products. A link on each product generates a diaolog containing more information about the specific product. When I click on a second dialog link after closing the first, the content from the first appears for a few seconds while the contents from the second product loads. Is there a way to show a loading image and/or clear the data from the first dialog? The <div class="previewLink" style="display:none;"> <a href="/browse/f_quick_buy.jsp?productId=300994401&pdpUrl=//
UI 1.7, Resizable and style problem
Hello, I applied resizable() for an image, so it can be resized, and all is good - it's being resized, etc. Problem is that image's code looks like: <img src="image.jpg" style="margin:0 auto;display:block" /> With this code, image is centered. When I use resizable, and before saving make resizable('destroy'), I get code similar to this: <img src="image.jpg" style="margin:0;display:block" /> And now image is not centered anymore. Does anybody know how to fix that? Thanks! Simon
Next Page