jQuery Toggle ?
Hello dear jQuery funs; I'm a new jQuery user. I have a trouble about toggle function. The trouble is that i use the toggle function for scaling a image. When i scale photo to new size (auto or clicking a element in page) i promt user with a div bar which appear on photo. and in the promt div it writes down "The photo is scaled to best view in ur screen resolution. If you want to see the original form of photo click here". (promt bar scales the photo to original dimensions). Up to here everything
Slider startValue not honored inside table in Internet Explorer
Hi - I have several sliders defined inside a table (in this case the slider is used to manipulate tabular data, so this is a legitimate and necessary use of table-as-structure). When viewed in IE, the startValue is not honored (all sliders default to 0). The sliders display correctly in Firefox 3.0.3 and Chrome 0.2.149.30. I haven't seen anything else about this, so I was wondering if anyone else had or if anyone can think of a workaround? The problem is readily reproducible; contrast this: <div
Sortable Multiple connectWith Problem
How to convert this into Jquery. --------------- Handler.add(window, "load", init); function init() { var updating = false; Draglist.add(document.getElementById("col1"), 'g1'); Draglist.add(document.getElementById("col2"), 'g1'); Draglist.add(document.getElementById("col3"), 'g1'); Draglist.addDropFunc("g1", updateOrder); function updateOrder(group) { if(updating) return; else updating = true; var
Draggables & Sortables - selecting text
Hi all, Using the jquery UI draggable and sortable. I'd like to be able to select and copy the text with the mouse, within the draggable and sortable divs. found a good hint on using the draggable handle, attaching it to a title div within the draggable. $('#my_dragable').draggable({ handle : '#my_dragable_title' }); which stops the entire div moving when i try to select the text - but still does not let you select the text with the mouse. so next idea - create an inner div and place all the
jQuery Tabs fxSpeed
Hello everyone, I am a real beginner in the whole JavaScript thing, let alone in jQuery. Anyways, I was struggling to understand the Tabs UI as documented here (http://www.stilbuero.de/jquery/tabs_3/) and everything was pretty simple until I tried to experiment with the effect speed. He says that you can specify the speed for animations as Slide or Fade using the "fxSpeed: value" syntax. If I do this in the previous version of the Tabs (http://www.stilbuero.de/jquery/tabs/) I can do it without any
tiny modify to animate the progressbar
~ line 120 in ui.progressbar.js replace this.bar.width(this.pixelState); with var ScriptEngineMinorVersion = ScriptEngineMinorVersion || function() {return 9}; var lowerThanIE8 = (ScriptEngineMinorVersion() < 8); if ( lowerThanIE8 ) { this.bar.width(this.pixelState); } else { this.bar.stop().animate({width:this.pixelState},300); } Since I use 6 progressbar same time, it deny animation in IE6/7 for performance issue. If you want to have animation, you could modify it like code above. or only
ACCORDIAN - link not working
Hey there, I am using according and it all works as expected EXCEPT that where there is a link in the expanded DIV, clicking on the link simply closes the DIV again and doesn't shove off to the next page. Any thoughts on why? I have looked at the demos and I can't see that I am doing anything different. CODE: <script type="text/javascript" src="includes/jquery.accordion.js"></ script> <script type="text/javascript"> jQuery().ready(function(){ jQuery('#list1b').accordion({ autoheight:
modal dialog keyboard focus
We found what appears to be a bug with modal dialogs. If you go to the dialog demo: http://ui.jquery.com/repository/latest/demos/functional/#ui.dialog Close the dialog that's there, and launch a modal dialog (with or without overlay). Keyboard focus seems to be lost, and tabbing doesn't seem to be possible for the document. Please see related: http://ui.jquery.com/bugs/ticket/3327 Any ideas? cheers, David
slideUp & slideDown problem (bug?)
Hi, I've encountered a problem when using the slide functions along with the hover event. I wish to only show a sub-list within a list when the mouse cursor is over the sub-list's parent list item. A concise version of my code is shown below and a working copy can be found here: http://www.paulpepper.co.uk/scratch/gnasher.html. The difficulty occurs when passing the mouse cursor over the second item in the top-level list - finish the mouse movement in the right place, just below the sub-list, and
jQuery Tabs fxSpeed
Hello everyone, I am a realy beginner in JavaScript, or even less than so. I have been struggling to understand the UI Tabs 3 as documented here (http:// www.stilbuero.de/jquery/tabs_3/) and I quite grasp how it works, but when it comes to set the speed for the effects I am stuck. He says I can set the speed of, for example, the Fade In effect by adding the "fxSpeed: value" option; if I try doing this with the previous version of the UI, it works perfectly, but I cannot manage to guess the syntax
Placeholder in sortable
In layman terms i need to be able to see where i am placing an object in sortable, like on igoogle and bbc homepage. Here's my CSS: .sortableHelper { background-color: yellow; opacity: 0.6; z-index:1; } And here's my JS: $("#columnLeft").sortable({ connectWith: ["#columnRight"], placeholder : 'sortableHelper' } I thought this would show a yellow block where the object is going to be dropped, but it doesn't. I am lost to quite what the placeholder option is meant to do and i can't find any example
Jquery tab mouseover return first selected ...
Hi all, I'm using Jquery Tab V3, custom event mouseover, i want to creat a menu which can return first selected tab when mouseout menu (ex: www.vnexpress.net ), but only has a litter English and Jquery.Who can help my, thanks
slideUp & slideDown problem (bug?)
Hi, I've encountered a problem when using the slide functions along with the hover event. I wish to only show a sub-list within a list when the mouse cursor is over the sub-list's parent list item. A concise version of my code is shown below and a working copy can be found here: http://www.paulpepper.co.uk/scratch/gnasher.html. The difficulty occurs when passing the mouse cursor over the second item in the top-level list - finish the mouse movement in the right place, just below the sub-list, and
slide problem with hover (bouncing slider!)
Hi, I've encountered a problem when using the slide functions along with the hover event. I wish to only show a sub-list within a list when the mouse cursor is over the sub-list's parent list item. A concise version of my code is shown below and a working copy can be found here: http://www.paulpepper.co.uk/scratch/gnasher.html. The difficulty occurs when passing the mouse cursor over the second item in the top-level list - finish the mouse movement in the right place, just below the sub-list, and
slide problem with hover (bouncing slider!)
Hi, I've encountered a problem when using the slide functions along with the hover event. I wish to only show a sub-list within a list when the mouse cursor is over the sub-list's parent list item. A concise version of my code is shown below and a working copy can be found here: http://www.paulpepper.co.uk/scratch/gnasher.html. The difficulty occurs when passing the mouse cursor over the second item in the top-level list - finish the mouse movement in the right place, just below the sub-list, and
problem with UI/Slider on EI 7
Hi, I'm form chile and I have one problem with UI/Slideron EI, the situation is when I click in <input type="button" class="more"> I execute $('.more').slidet('movetTo','-=1'), but EI send me an error "Not valid argument"...any body can help me?...
droppable: why not working?
<div dir="ltr">Hello i don't get that.. why doesn't that work? startitem is draggable, but tableitem does not seem to be droppable.. HTML: [...] <script type="text/javascript" src="jquery-1.2.6.js"></<div id=":8g" class="ArwC7c ckChnd">script> <script type="text/javascript" src="ui/ui.core.js"></script> <script type="text/javascript" src="ui/ui.draggable.js"></script> <script type="text/javascript" src="ui/ui.droppable.js"></script> [...] <div class="tableitem" id="tableitem"></div>
Droppables: what am i doing wrong?
Hello i don't get that.. why doesn't that work? HTML: [...] <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="ui/ui.core.js"></script> <script type="text/javascript" src="ui/ui.draggable.js"></script> <script type="text/javascript" src="ui/ui.droppable.js"></script> [...] <div class="tableitem" id="tableitem"></div> <div class="todoitem" id="startitem"></div> [...] <script type="text/javascript" src="my.js"></script> [...] CSS: .todoitem{
Draggable + IE7
When I load this page in IE7 http://stijn.web.shphosting.com/test/ then I can drag the green box. But when I make the window height smaller until I won't see the box and then refresh, then the handeling of the box is rubbish. How can I fix it, that it will work in IE7? Thx!
sortable - tolerence?
Hi, Just trying to use sortable on some fairly basic div's and getting odd behaviour as I attempt to reposition them. I find that when dragging an object, and the mouse cursor is over the front half of another object, then it attempts to insert that dragged object after it, not before. Similar if it over the back half it actually inserts it before... :\ Attempting to move it to the start or end of the list isn't always the easiest either... I have tried tolerence of both 'pointer' and 'intersect'
Possible Bug in Sortables 1.6rc2 ??
Anyone else had probelms getting the refresh method to work properly? It doesn't error, but it doesn't appear to do anything else either :) If you move an element to a new list using appendTo() as opposed to dragging the sortable to the new list, then call refresh, the new list doesn't register the appended sortable
accordion jump
I'm having trouble figuring out why my accordion is jumping at the end of the animation...even when remove all padding and margins from the containers it still jumps. any help would be much appreciated. example on this page http://www.rev.somatonedesign.com/people/values.php JS: $('.drawers').accordion({ header: 'a.handle', active: false, autoheight: false, alwaysOpen: false }); jQuery('.drawers').accordion("activate",false); MARKUP: <div class="drawers"> <a class="handle">Think
[nubie] - how to use jquery ui
hi, sorry to ask such lame question. but i'm new in using jquery so far. i was looking for a tutorial that explain what should i do with all the theme files i download from jquery ui theme roller. sorry to bother you all, i hope someone can enlighten me here. thanks a million.
[bug] UI Dialog: margin/padding error with dialog content
the bugtracker seems to be out of order, so i'll post this bug over here. the ui-dialog-content div becomes to wide for the enclosing container. this is caused by misreading the margin and forgetting about the padding of .ui-dialog-content when resizing the dialog. in version 1.5.2 the size functions looks like this: size: function() { ... tbMargin = parseInt(content.css('margin-top'),10) + parseInt(content.css('margin-bottom'),10), lrMargin = parseInt(content.css('margin-left'),10) +
Accordion {Navigation} - matching current link
Hi there, I'm sure there are plenty of you familiar with the Accordion extension.... I'm trying to use it for a left hand side navigation menu, and most of it is ideal. However, it seems to want an exact match of the page URI (after tld) and the <li> link. This works in many cases but as soon as I append something to the URI it fails to open any menu whatsoever. i.e. so if the link was 'data.php?ext=money', everything is fine, but 'data.php?ext=money&sort=1' breaks it. I think I can see why it's
open tab -> make img resizable -> error
Hello jQuery, I'm working on a t-shirt design module with jQuery. Check it out here: http://84.86.134.134/shirt/ No worries, it's my home development server. Nothing bad happenin'. ;) This is how to produce the error in Firefox 3 (and I suspect in other browsers too): 1) Switch to the backside of the shirt by clicking the "Achterkant" tab in the top left. 2) Drag the image on the right onto the t-shirts canvas area (marked with a dotted border). 3) Click on the button "Transformeren" which is found
Can't retrieve selected Tab
Hi, I'm tryng to retrieve the selected tab, and after reading the doc I wrote this code: $(document).ready(function(){ $tabs = $(".tabs").tabs({ select : function(event, ui) { $('<li>Select Event</li>').appendTo($('#logs')); $('<li>Tab Selected :'+ui.index+'</li>').appendTo($('#logs')); }}); $('<li>Tabs Created</li>').appendTo($('#logs')); $('<li>Selected Tab on load :'+$tabs.data('selected.tabs')+'</ li>').appendTo($('#logs')); $tabs.bind('tabsselect', function() { $('<li>Tab Clicked</li>').appendTo($('#logs'));
Unhandled exception in jquery-1.2.6.min.js
Hi I'm attempting to use the jQuery library within VS 2008 with no luck. Here is what I did: 1. Created a new MVC app having a View linked to an MVC Master Page 2. Copied the jQuery lib to the content folder 3. Dragged jquery-1.2.6.min.js to the HEAD section of the Master Pager src="../../Content/jquery-1.2.6.min.js" type="text/javascript"> (excluding script tag intentionally) 4. Dragged jquery-ui-1.6rc2.min.js to the HEAD section of the Master Pager src="../../Content/jquery-ui-1.6rc2.min.js" type="text/javascript">
Anyone know if the UI MENU code works? Where? Demo yet?
Thanks! So.... I figure that the UI menu will be great... there's some code etc. there, (UI site area) and around there's been talk that a demo was there and now the page is dead... anyone have a beta or anything.... Know anything? I've read every thread about it though they mostly go back to June or earlier...
working slider within dialog / modal window?
I was wondering if anyone has successfully gotten the ui.slider (1.5.2 or 1.6rc2) to work in a modal window? I have tried multiple modal windows (jqmodal, facebook, thickbox, and nyromodal) with no success. I am able to place the slider html within a div and it displays in a modal window (the containing div) but when trying to move the slider handle it does not slide. I have attempted to tweak attributes including the css z-index of the various components but it has not helped. As a note, the slider
Links on UI tabs
Is it possible to make the actual tab a link to another page and still have its tab content window show on a mouseover? Thanks!
Dialog dropping height when resized
Hello, When resizing the dialog in IE6 and IE7, it falls, vertically, by the amount the browser has been scrolled down. Check out this demo: http://www.adventureson.org/dev/dialog002/test-2.html The demo page validates and is not giving any javascript errors. Is this a bug in the ui code or in my code? Thanks
Inner sortable
Hello everyone, I´m trying to get a sortable UL that is inside a LI element of another sortable UL but the behaviour is like the inner sortable UL where just a dragable, it can moves the LI elements, but does not drop them on the correct position. Has anyone tryied this before? Thanks, Marcos,
Draggables/Resizables and selecting text
When adding .draggable or .resizable to an element it and all of it's child elements lose the ability to select/highlight text with the mouse. Is there any way to turn this back on even if for only one child element that isn't a handle? I've seen the enableSelect and disableSelect methods in the code but cannot figure a way to use these. Anyone know a solution or workaround for this other than stopping dragging/resizing temporarily to select?
UI tabs, select and move to anchor
Any way to programatically to select a tab and move to an anchor within it? My method below doesn’t work. $tabs.tabs(’select’, 1); var targetOffset = $(’#target’).offset().top; $(’html, body’).animate({scrollTop: targetOffset}, 400); Thanks
[Autocomplete] bug with max in 1.6rc2
Would post a ticket but the trac is down.... in the _init method 22: max: !this.options.scroll ? 10 : 150, overrides whatever the developer has supplied for the "max" option. something along the lines of this works. max: !this.options.max ? (!this.options.scroll ? 10 : 150) : this.options.max. However I'm inclined to think the inner ternary should be moved down to $.Autocomplete.defaults....
bug - ui-dialog-content height - v. 1.6rc2
Hi for all, well, I found a little bug in ui-dialog. I have changed the css code to make the ui-dialog-content with scroll bars. When I inserts a button panel on this dialog, the panel overwrite the ui-dialog-content. For solve this, I changed the ui.dialog.js and insert a simple verification on code to calculate the ui-dialog-content height. I changed the line 393 (v. 1.6rc2): content.height(container.height() - titlebar.outerHeight() - tbMargin); to: content.height(container.height() - titlebar.outerHeight()
Solution for this sortable need
Hi, i'm using .sortable() on 2 connected lists. I need to dynamically set/unset items that are sortables. How can i archieve this ? I tried: return false on start callback. .draggable("disable") on the items doing ul.sortable({ cancel : '.theitemsclass'}) (gives error) .data to change "options" Is there anyway i can modify the options which i first used ? Please i can't think of a solution to this.
Dynamically-generated sliders, startValue, moveTo, and other problems...
Hi all - This is my first post; I have been enjoying learning jQuery, but have now run into a brick wall. I have a form that contains dynamically-generated sliders. My intent is to display these sliders, have a user set them and, upon form submission, save the values. On subsequent page views, I'd like to have the slider display the previously-saved value. There can be many of these sliders (currently there are about 168 on a given page(!)). I have tried setting the startValue using the previously-stored
Sharing Themes
I'm not sure if all of the quirks have been worked out of the themeroller yet. But I thought it would be a neat idea to share themes. It would greatly benefit those of us who are less artistically inclined. Perhaps this group is not the best place. Since the themeroller works off the querystring sharing them is just a matter of pasting a url like this: http://tinyurl.com/3mckhf The urls are long so it's best to run them through tinyurl first. What do you think?
Next Page