[jquery-ui] Re: Can't remove dropped items
Sorry, here it is without the asp.net code. http://www.w3.org/1999/xhtml"; > Manage the custom control /* */ Drop the controls over here. These are the controls available to the form. Projects dropdownlist Customers Customers dropdownlist Customers External actuals On Aug 19, 3:25 pm, Jörn Zaefferer wrote: > Can you provide a (simplified) testpage? Having asp code doesn't help much. > > Jörn > > On Wed, Aug 19, 2009 at 2:09 PM, Casper wrote: > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Setting JQuery UI Dialog buttons label with the content of a variable
It works fine. Thank you for your help.
Bernard
On 19 août, 22:23, Jörn Zaefferer
wrote:
> Something like this should do the trick:
>
> var buttons = {};
> buttons[okButtonText] = okButtonCallback;
> $(...).dialog({
> buttons: buttons
>
> });
>
> Where okButtontext is the variable you mention.
>
> Jörn
>
> On Wed, Aug 19, 2009 at 7:10 PM, bear1492 wrote:
>
> > Hi,
>
> > I use JQuery UI 1.7.2. Dialog widget.
>
> > Is it possible to set the label of a button with a value contained in
> > a variable ? I need to build a generic dialog box, the label of the
> > buttons being not known until runtime. May be the answer is more on
> > the javascript side rather than on the Jquery UI side ...
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] mousemove event not binding on all elements
Using the latest jQuery/UI that are hosted at Google. I've got the
following markup:
One
Two
Three
And the following javascript:
$(document).ready(function(){
// Droppable callbacks
function dragOver(overEvent, ui_object) {
$(this).mousemove(function(moveEvent){
console.log("moved over", this);
});
}
function drop_deactivate() {
$(this).unbind();
}
function drag_out() {
$(this).unbind();
}
// Actual dragging
$("#tree li").draggable({
revert: true,
revertDuration: 0
});
// Actual dropping
$("a").droppable({
tolerance: "pointer",
over: dragOver,
deactivate: drop_deactivate,
out: drag_out
});
});
If I drag the first li down over the second or third, the mousemove
function fires (and firebug logs the output). If I drag the second li
down over the third, the event mousemove function fires, but if I drag
it up over the first li it does not. Nor does it fire when I drag the
third element back up over either of the first two. You can see this
live at http://jsbin.com/ezihe. I've only tested this in Firefox
3.5.2.
It seems either the mousemove event is only binding to elements later
in the DOM than the one being dragged, or only those later elements
are receiving the 'over' callback function from droppable(). Is there
a reason for this? Should I be trapping the mousemove event in some
other way? Am I doing something wrong?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Flicking in Firefox with toggle or show/hide
Will do test page asap. Also, I already posted it there but thanks for the suggestion anyway. On Aug 19, 4:33 pm, Jörn Zaefferer wrote: > Please provide a testpage. And if you're using only jQuery effects, > and not jQuery UI, post that to jQuery > list:http://groups.google.com/group/jquery-en/ > > Jörn > > On Wed, Aug 19, 2009 at 9:05 PM, jen wrote: > > > I'm getting a "flickering" effect in Firefox when using jQuery "show" > > and "hide" or "toggle" on some div's. Any idea why this could be > > happening? > > > Seems to be more pronounced when scrollbar is at bottom and window has > > to resize. Scrollbar does not disappear and reappear so it's not due > > to that. > > > Thanks. > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Flicking in Firefox with toggle or show/hide
Will do test page asap. Also, I already posted it there but thanks for the suggestion anyway. On Aug 19, 4:33 pm, Jörn Zaefferer wrote: > Please provide a testpage. And if you're using only jQuery effects, > and not jQuery UI, post that to jQuery > list:http://groups.google.com/group/jquery-en/ > > Jörn > > On Wed, Aug 19, 2009 at 9:05 PM, jen wrote: > > > I'm getting a "flickering" effect in Firefox when using jQuery "show" > > and "hide" or "toggle" on some div's. Any idea why this could be > > happening? > > > Seems to be more pronounced when scrollbar is at bottom and window has > > to resize. Scrollbar does not disappear and reappear so it's not due > > to that. > > > Thanks. > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Flicking in Firefox with toggle or show/hide
Please provide a testpage. And if you're using only jQuery effects, and not jQuery UI, post that to jQuery list: http://groups.google.com/group/jquery-en/ Jörn On Wed, Aug 19, 2009 at 9:05 PM, jen wrote: > > I'm getting a "flickering" effect in Firefox when using jQuery "show" > and "hide" or "toggle" on some div's. Any idea why this could be > happening? > > Seems to be more pronounced when scrollbar is at bottom and window has > to resize. Scrollbar does not disappear and reappear so it's not due > to that. > > Thanks. > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Setting JQuery UI Dialog buttons label with the content of a variable
Something like this should do the trick:
var buttons = {};
buttons[okButtonText] = okButtonCallback;
$(...).dialog({
buttons: buttons
});
Where okButtontext is the variable you mention.
Jörn
On Wed, Aug 19, 2009 at 7:10 PM, bear1492 wrote:
>
> Hi,
>
> I use JQuery UI 1.7.2. Dialog widget.
>
> Is it possible to set the label of a button with a value contained in
> a variable ? I need to build a generic dialog box, the label of the
> buttons being not known until runtime. May be the answer is more on
> the javascript side rather than on the Jquery UI side ...
>
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Flickering / flashing in Firefox with toggle or show/hide
I'm getting a "flickering / flashing" effect in Firefox when using jQuery "show" and "hide" or "toggle" on some div's. Any idea why this could be happening? Seems to be more pronounced when scrollbar is at bottom and window has to resize. Scrollbar does not disappear and reappear so it's not due to that. Thanks. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Flicking in Firefox with toggle or show/hide
I'm getting a "flickering" effect in Firefox when using jQuery "show" and "hide" or "toggle" on some div's. Any idea why this could be happening? Seems to be more pronounced when scrollbar is at bottom and window has to resize. Scrollbar does not disappear and reappear so it's not due to that. Thanks. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Setting JQuery UI Dialog buttons label with the content of a variable
Hi, I use JQuery UI 1.7.2. Dialog widget. Is it possible to set the label of a button with a value contained in a variable ? I need to build a generic dialog box, the label of the buttons being not known until runtime. May be the answer is more on the javascript side rather than on the Jquery UI side ... --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Rendering issue with IE7 and ui.sortable
I have a problem that is similar (if not the same--hard to tell). I
have a ui.sortable that is also a ui.accordion. In IE (7, and 8),
sorting renders the sorted item invisible, until the cursor hovers
over another item in the list. While the item is invisible, it's DOM
is still fine, and it's not hidden. By looking at the DOM, you'd think
you should be able to see it.
I have narrowed the problem down to "position: relative" in my own
style for items in ui.sortable, as well as in ui.accordion-header
style:
.ui-accordion .ui-accordion-header { cursor: pointer; position:
relative; margin-top: 1px; zoom: 1; }
Removing "position: relative" from both fixes the problem--after that
sorting does not cause sorted items to disappear. Unfortunately, this
change messes up the ui-icon in ui-accordion-header... The other thing
is, I've been trying to reproduce the problem in a smaller test on
jsbin.com, so I can share it, but haven't been able to. That indicates
that there is more to it--the interactions are more complex... Anyway,
I hope this bit of info helps...
Edin
On Aug 19, 2:10 am, Jörn Zaefferer
wrote:
> Creating a simplified testpage that shows the same problem is the
> challenge here. You'd have to start with your complex page, and remove
> stuff until the issue disappears, then revert the last step.
>
> Without any code I can't even make wild guesses...
>
> Jörn
>
> On Wed, Aug 19, 2009 at 10:25 AM, Tobias Herrmann
> wrote:
>
> > Hi Jörn,
>
> > the html structure and css of my page are quite complex. There are also
> > additional dom-operations triggered by the sorting. The page is not
> > available online and I can't reproduce the problem in a simplified
> > test-page. This is really a part of my problem.
>
> > My question is, have you seen this kind of problem before and do you
> > have any hints what may cause this?
>
> > I would appreciate any guesses and hints, what to look for.
>
> > Greetings, Tobias
>
> > Jörn Zaefferer schrieb:
> >> Can you provide a testpage for this?
>
> >> Jörn
>
> >> On Tue, Aug 18, 2009 at 9:47 AM, tobirius wrote:
>
> >>> Hi List,
>
> >>> I've got a rendering issue with IE7 and ui.sortable. After sorting
> >>> elements on my page disappear or overlap even though the dom is build
> >>> correctly. Triggering another dom operation may cause IE7 to re-render
> >>> the page and everything is fine.
> >>> I am sure this is a bug in IE7 and it is probably not directly related
> >>> to ui.sortable, but maybe someone had this kind problem before? Has
> >>> anybody some insight what exactly triggers these issues and how to
> >>> avoid them?
>
> >>> Greetings, Tobias
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: alsoResize problem
I removed last message, cause it wasn't a right description of my
problem!
Wow, that was a really simple solution!
Costed me hours with no solution at all.
Thank you Jorn,
it works,
at least, all the divs are resizing together now.
but it is like sience now, solving a problem, returns a new
problem.
The grid is set on 50, but this only counts for the resizing
div, not for the alsoResizing divs?
So the border structure becomes ugly, while it only should be resized
with a grid of 50 too.
I myself can't imagine how to solve this?
So maybe you have another "Wow!" solution?
On 19 aug, 09:35, Jörn Zaefferer
wrote:
> The problem is that you specify alosResize multiple times, resulting
> only the last one to be resized. You have to put those into one
> selector: alsoResize: "#id, #id2, #idn"
>
> Jörn
>
> On Wed, Aug 19, 2009 at 1:31 AM, Terradon wrote:
>
> > I found this:
> >http://dev.jqueryui.com/ticket/4666
>
> > but i do not know if this is applicable to my problem and.
> > i really do not understand this kind of code:(
>
> > On 18 aug, 22:28, Terradon wrote:
> >> Hi, i have isolated the problem to 1 page now.
>
> >>http://www.helena-schaken.nl/V34/testbord.php
>
> >> When in a game, the red field in the middle is the place where the
> >> game will be placed. (works)
> >> because this is an isolated page, no game is visible now.
>
> >> The borderpart does not resize, rest should only resize with grid = 50
> >> and aspectratio = true.
> >> Nevertheless, i can resize like aspectRatio = false?
>
> >> Thanks for taking a look at it.
>
> >> On 18 aug, 21:43, Jörn Zaefferer
> >> wrote:
>
> >> > Can you provide a testpage? Its a little to complex to debug with just
> >> > the excerpt you posted.
>
> >> > Jörn
>
> >> > On Tue, Aug 18, 2009 at 8:36 PM,
>
> >> > webmas...@terradon.nl wrote:
>
> >> > > Hi all,
> >> > > i have several nested div sections, used for border effects for a
> >> > > square game board. This game board is resizable.
> >> > > The outer div is resizable, all others should resize too when resizing
> >> > > the outer div.
> >> > > But not all nested div's are resizing too?
>
> >> > > I have used the next code:
>
> >> > >
> >> > >
> >> > > $(function() {
> >> > > $("#bordwrapper").resizable({
> >> > > alsoResize: '#bordContainer',
> >> > > alsoResize: '#buitenrand',
> >> > > alsoResize: '#middenrand',
> >> > > alsoResize: '#binnenrand',
> >> > > alsoResize: '#bordframe',
> >> > > maxHeight: 550,
> >> > > maxWidth: 550,
> >> > > minHeight: 300,
> >> > > minWidth: 300,
> >> > > aspectRatio: true,
> >> > > grid: 50,
> >> > > stop: function(event, ui) {
> >> > > // square image, so just one size needed
> >> > > var newWidth = $(this).width();
> >> > > //use the image with right size, grid =
> >> > > 50;
> >> > > $(this).css({'background-image' :
> >> > > 'url(images/bord/bg' + newWidth
> >> > > + '.png)'});
> >> > > //test: not working
> >> > > //$("buitenrand") .css("width","385");
>
> >> > > }// end event ui
> >> > > });
> >> > > });
>
> >> > >
>
> >> > > First i was thinking to change the css of nested div's, but i cant get
> >> > > that working too...
> >> > > The only thing what really works, is changing the background image for
> >> > > the right one, after resizing.
>
> >> > > Please, help is really appreciated!
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: alsoResize problem
Wow, that was a really simple solution!
Costed me hours with no solution at all.
Thank you Jorn,
it works,
at least, all the divs are resizing together now.
but it is like sience now, solving a problem, returns a new
problem.
The aspectRatio is set on true, but this only counts for the resizing
div, not for the alsoResizing divs?
So the border structure becomes ugly, while it only should be resized
in same ratio as then main div.
I myself can't imagine how to solve this?
So maybe you have another "Wow!" solution?
On 19 aug, 09:35, Jörn Zaefferer
wrote:
> The problem is that you specify alosResize multiple times, resulting
> only the last one to be resized. You have to put those into one
> selector: alsoResize: "#id, #id2, #idn"
>
> Jörn
>
> On Wed, Aug 19, 2009 at 1:31 AM, Terradon wrote:
>
> > I found this:
> >http://dev.jqueryui.com/ticket/4666
>
> > but i do not know if this is applicable to my problem and.
> > i really do not understand this kind of code:(
>
> > On 18 aug, 22:28, Terradon wrote:
> >> Hi, i have isolated the problem to 1 page now.
>
> >>http://www.helena-schaken.nl/V34/testbord.php
>
> >> When in a game, the red field in the middle is the place where the
> >> game will be placed. (works)
> >> because this is an isolated page, no game is visible now.
>
> >> The borderpart does not resize, rest should only resize with grid = 50
> >> and aspectratio = true.
> >> Nevertheless, i can resize like aspectRatio = false?
>
> >> Thanks for taking a look at it.
>
> >> On 18 aug, 21:43, Jörn Zaefferer
> >> wrote:
>
> >> > Can you provide a testpage? Its a little to complex to debug with just
> >> > the excerpt you posted.
>
> >> > Jörn
>
> >> > On Tue, Aug 18, 2009 at 8:36 PM,
>
> >> > webmas...@terradon.nl wrote:
>
> >> > > Hi all,
> >> > > i have several nested div sections, used for border effects for a
> >> > > square game board. This game board is resizable.
> >> > > The outer div is resizable, all others should resize too when resizing
> >> > > the outer div.
> >> > > But not all nested div's are resizing too?
>
> >> > > I have used the next code:
>
> >> > >
> >> > >
> >> > > $(function() {
> >> > > $("#bordwrapper").resizable({
> >> > > alsoResize: '#bordContainer',
> >> > > alsoResize: '#buitenrand',
> >> > > alsoResize: '#middenrand',
> >> > > alsoResize: '#binnenrand',
> >> > > alsoResize: '#bordframe',
> >> > > maxHeight: 550,
> >> > > maxWidth: 550,
> >> > > minHeight: 300,
> >> > > minWidth: 300,
> >> > > aspectRatio: true,
> >> > > grid: 50,
> >> > > stop: function(event, ui) {
> >> > > // square image, so just one size needed
> >> > > var newWidth = $(this).width();
> >> > > //use the image with right size, grid =
> >> > > 50;
> >> > > $(this).css({'background-image' :
> >> > > 'url(images/bord/bg' + newWidth
> >> > > + '.png)'});
> >> > > //test: not working
> >> > > //$("buitenrand") .css("width","385");
>
> >> > > }// end event ui
> >> > > });
> >> > > });
>
> >> > >
>
> >> > > First i was thinking to change the css of nested div's, but i cant get
> >> > > that working too...
> >> > > The only thing what really works, is changing the background image for
> >> > > the right one, after resizing.
>
> >> > > Please, help is really appreciated!
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: javascript in ajax loaded tab
Loading the content with ajax would make it rather inaccessible. There are better ways to speed up the page load time. Check the recommendations by YSlow or Google's pagespeed, or read High Performance Web Sites by Steve Souders. It covers the metrics YSlow measures in detail. Jörn On Wed, Aug 19, 2009 at 6:06 PM, Aaron J Hanson wrote: > my thought process was that by loading the tabs in ajax it would reduce > server load and also make the tabs accessible with javascript disabled. > Perhaps I am inappropriately using ajax. > excuse my new-ness.. just learning. and thanks for your help! > cheers. > On Wed, Aug 19, 2009 at 12:37 AM, Jörn Zaefferer > wrote: >> >> e these ajax tabs? You could just load the content on the >> initial page load. > > > -- > -- > > www.aaronhanson.com > drink from ceylon 'tis of thee. > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Gap between tabs and tab panel
Can't see anything wrong with that.
Can you upload a working page where the issue occurs, but contains
nothing unrelated?
Jörn
On Wed, Aug 19, 2009 at 5:31 PM, vansmith wrote:
>
> Sorry about that.
>
> Here is the HTML for the tabs:
>
>
> Home
> Twitter
> Updates
> href="#van_stats">van_stats
> Mac Wiki
> Blog
>
> Content
> Content
> Content
> Content
> Content.
>
>
> And here is the JS again, which is in a separate js file (if this
> makes a difference):
> $(document).ready (
> function() {
> $("#mainTabBar").tabs();
> }
> );
>
> I tried this in Opera 9 as well and have the same problem, despite my
> belief that there is little to nothing wrong with the way this HTML
> and JS are set up right now.
>
> Thanks,
> Bryan
>
> On Aug 19, 3:31 am, Jörn Zaefferer
> wrote:
>> Trimming down the page until only code directly related to the issue
>> is left is the best way to get this solved.
>>
>> Jörn
>>
>>
>>
>> On Tue, Aug 18, 2009 at 9:16 PM, vansmith wrote:
>>
>> > Hi everyone,
>>
>> > I'm working on a page right now that centers around the jqueryui tabs
>> > as the main form of navigation. Right now, the page works fine on
>> > Safari, FF and Chromium (OS X) but it doesn't work in the new beta of
>> > Opera 10. I had initially thought this would be Opera's fault as a
>> > beta but the tab examples on the jqueryui site work perfectly fine.
>> > I've combed through my code (I'm new to web dev so bear with me) and
>> > nothing appears to be wrong. The js for the tabs is as follows:
>>
>> > $(document).ready (
>> > function() {
>> > $("#mainTabBar").tabs();
>> > }
>> > );
>>
>> > I would post the html code here for the tabs but there is quite a bit
>> > of content and for brevity's sake, I direct you to the page that isn't
>> > working:www.vansmith.net. I also don't want to trim down the code for
>> > posting here because I don't want to trim out anything that might be
>> > important.
>>
>> > Thanks in advance,
>> > Bryan
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Investigation into memory leaks in jQuery UI and possible workarounds
[note: I posted this http://dev.jqueryui.com/ticket/4566 but think
this is the right place to post]
In my jQuery UI tests I have been experiencing memory leaks in IE 7
caused by the repeated use of filter: in the theme css which is used
to apply a transparent overlay on modal dialogs or to create shadow
effects such as :
.ui-datepicker-cover { ... filter: mask(); /*must have*/}
.ui-widget-overlay { ... filter:Alpha(Opacity=30);}
.ui-widget-shadow { ... filter:Alpha(Opacity=30);}
IE has a known bug where filter: will claim memory each time it is
used. The memory is only released when the page is navigated away from
or refreshed which is a big problem for single-page dynamic ajax
applications
There is a workaround for this which stops the memory leak; edit the
theme's css file and remove all filter: rules. In the case of the .ui-
widget-overlay rule, which dims the background page during a modal
dialog, I replaced the filter: with this :
background: transparent url(images/GridLattice.gif) top left
repeat;
The grid lattice gif is just a gif with alternative coloured pixels
and transparent pixels. It's ugly but does the job without memory
leaks.
I checked out extJS which uses filter: in the same way for modal
dialogs but it doesn't suffer from increasing memory leaks. This is
because the overlay div is always present so filter: is only
instantiated once. You do get a memory hit on the first dialog but no
more leaks after that because the same filter: element is used for all
subsequent modal dialogs.
I suspect that jQuery UI creates new dom elements each time it needs a
filter: which explains why the memory usage rises continuously on the
same page with use.
A possible fix would be to do what extJS does and leave a filter: dom
element ever present on the screen and just show/hide as necessary,
this would work for modal dialogs at least.
For now I'm happy with the grid lattice gif fix and it's a relief to
see memory usage stable when I open new dialogs as it was making me
wonder if jQuery UI is ready for the kind of app I'm writing. I'd
already had to rule out extJS because it is too slow on the typical
target machines my users will be using, and I was running out of
options other than self-build!
I don't know if this has been reported before but if not then it could
explain some of the other IE memory leaks that have been reported. All
it takes is a filter:
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: onChangeMonthYear and inline datepicker
2009/8/19 Richard D. Worth
>
> On Wed, Aug 19, 2009 at 5:29 AM, Cyril wrote:
>
>> 2009/8/18 Jörn Zaefferer
>>
>>>
>>> As a workaround, you could set that option after init:
>>>
>>> $('#options #date').datepicker({
>>> minDate: 0,
>>> maxDate: "+2Y",
>>> regional: $('html').attr('lang'),
>>> changeMonth: true,
>>> changeYear: true,
>>> showOtherMonths: true,
>>> hideIfNoPrevNext: true,
>>> dateFormat: 'yy-mm-dd',
>>> defaultDate: new Date($('ul.events li:first span.date').attr
>>> ('title')),
>>> beforeShowDay: highlightEventDates,
>>> onSelect: showEventsOnDate
>>> }).datepicker("option", { onChangeMonthYear: showEventsFromMonth });
>>>
>>
>>
>> Hello,
>> Why your regional option isn't in the doc (
>> http://jqueryui.com/demos/datepicker/) ?
>>
>
> It looks like we have a demo that shows it
>
> http://jqueryui.com/demos/datepicker/#localization
>
> but it's not documented otherwise. Thanks for pointing this out. Ticket
> created:
>
> http://dev.jqueryui.com/ticket/4790
>
> - Richard
>
Thanks for your response Richard.
--
Lopez Cyril - Nethik
http://www.nethik.fr
http://www.blogalwarming.com
http://www.libratoi.net
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: javascript in ajax loaded tab
my thought process was that by loading the tabs in ajax it would reduce server load and also make the tabs accessible with javascript disabled. Perhaps I am inappropriately using ajax. excuse my new-ness.. just learning. and thanks for your help! cheers. On Wed, Aug 19, 2009 at 12:37 AM, Jörn Zaefferer < joern.zaeffe...@googlemail.com> wrote: > e these ajax tabs? You could just load the content on the > initial page load. > -- -- www.aaronhanson.com drink from ceylon 'tis of thee. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: onChangeMonthYear and inline datepicker
setting the option after init solved the problem. thank you
On 18 Aug., 21:46, Jörn Zaefferer
wrote:
> As a workaround, you could set that option after init:
>
> $('#options #date').datepicker({
> minDate: 0,
> maxDate: "+2Y",
> regional: $('html').attr('lang'),
> changeMonth: true,
> changeYear: true,
> showOtherMonths: true,
> hideIfNoPrevNext: true,
> dateFormat: 'yy-mm-dd',
> defaultDate: new Date($('ul.events li:first span.date').attr
> ('title')),
> beforeShowDay: highlightEventDates,
> onSelect: showEventsOnDate
>
> }).datepicker("option", { onChangeMonthYear: showEventsFromMonth });
>
> If that doesn't work, set a flag in the function to check if its the
> first time that its invoked, and ignore that.
>
> If the issue remains, please file a
> ticket:http://dev.jqueryui.com/newticket(requires login/registration)
>
> Jörn
>
> On Tue, Aug 18, 2009 at 5:21 PM, Matthias
> wrote:
>
> > hi,
>
> > i have an inline datepicker with the following options:
>
> > $('#options #date').datepicker({
> > minDate: 0,
> > maxDate: "+2Y",
> > regional: $('html').attr('lang'),
> > changeMonth: true,
> > changeYear: true,
> > showOtherMonths: true,
> > hideIfNoPrevNext: true,
> > dateFormat: 'yy-mm-dd',
> > defaultDate: new Date($('ul.events li:first span.date').attr
> > ('title')),
> > beforeShowDay: highlightEventDates,
> > onSelect: showEventsOnDate,
> > onChangeMonthYear: showEventsFromMonth
> > });
>
> > The problem:
>
> > it seems like the onChangeMonthYear event is fired inmediatly as the
> > page loads, not only when the dropdown is changed. my function
> > showEventsFromMonth() changes the window.location.href and now the
> > page always will be reloaded.
>
> > to make it clear, i want to change the window.location.href, when the
> > user changes the month or the year dropdown in the datepicker, not
> > when the page loads.
> > Does anybody have an idea how to achieve this?
>
> > thanks
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Gap between tabs and tab panel
Sorry about that.
Here is the HTML for the tabs:
Home
Twitter
Updates
van_stats
Mac Wiki
Blog
Content
Content
Content
Content
Content.
And here is the JS again, which is in a separate js file (if this
makes a difference):
$(document).ready (
function() {
$("#mainTabBar").tabs();
}
);
I tried this in Opera 9 as well and have the same problem, despite my
belief that there is little to nothing wrong with the way this HTML
and JS are set up right now.
Thanks,
Bryan
On Aug 19, 3:31 am, Jörn Zaefferer
wrote:
> Trimming down the page until only code directly related to the issue
> is left is the best way to get this solved.
>
> Jörn
>
>
>
> On Tue, Aug 18, 2009 at 9:16 PM, vansmith wrote:
>
> > Hi everyone,
>
> > I'm working on a page right now that centers around the jqueryui tabs
> > as the main form of navigation. Right now, the page works fine on
> > Safari, FF and Chromium (OS X) but it doesn't work in the new beta of
> > Opera 10. I had initially thought this would be Opera's fault as a
> > beta but the tab examples on the jqueryui site work perfectly fine.
> > I've combed through my code (I'm new to web dev so bear with me) and
> > nothing appears to be wrong. The js for the tabs is as follows:
>
> > $(document).ready (
> > function() {
> > $("#mainTabBar").tabs();
> > }
> > );
>
> > I would post the html code here for the tabs but there is quite a bit
> > of content and for brevity's sake, I direct you to the page that isn't
> > working:www.vansmith.net. I also don't want to trim down the code for
> > posting here because I don't want to trim out anything that might be
> > important.
>
> > Thanks in advance,
> > Bryan
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Get directions on google map with jquery
Hi, This list is for UI related issues only. Please post your question on the main jQuery list: http://groups.google.com/group/jquery-en Thanks. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Get directions on google map with jquery
Hi guys,
I am using a google maps implementation in an asp.net page.
Essentially i have a business with its location shown on a google map
on the page. On the asp.net side i just return instructions based on
the locations properties. let me show you my script
foreach(GoogleMapLocation g in profileElement.GetGoogleMapLocations())
{
%>
$(document).ready(function() {
if(GBrowserIsCompatible()) {
var map = new
GMap2(document.getElementById('map_canvas'));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(<%=g.GetLatitude()%>,
<%=g.GetLongtitude
()%>), <%=g.GetZoomLevel()%>);
var point = new GLatLng(<%=g.GetLatitude()%>,
<%=g.GetLongtitude()
%>);
var freeIcon = new GIcon();
zIcon.image =
"http://www.mysite.com/images/map/zpointer.png";;
zIcon.shadow =
"http://www.mysite.com/images/map/zshadow.png";;
zIcon.iconSize = new GSize(20, 32);
zIcon.shadowSize = new GSize(25, 32);
zIcon.iconAnchor = new GPoint(10, 31);
zIcon.infoWindowAnchor = new GPoint(9, 2);
zIcon.infoShadowAnchor = new GPoint(18, 25);
var premiumIcon = new GIcon();
FirstIcon.image =
"http://www.mysite.com/images/map/
Firstpointer.png";
FirstIcon.shadow =
"http://www.mysite.com/images/map/
Firstshadow.png";
FirstIcon.iconSize = new GSize(20, 32);
FirstIcon.shadowSize = new GSize(25, 32);
FirstIcon.iconAnchor = new GPoint(10, 31);
FirstIcon.infoWindowAnchor = new GPoint(9, 2);
FirstIcon.infoShadowAnchor = new GPoint(18, 25);
map.addOverlay(new GMarker(point, { title: '<
%=profileElement.GetTitle().Replace("'", "\\'")%>', icon: <%=
(profileElement.GetStatus() == ProfileStatus.Premium) ? "FirstIcon" :
"zIcon"%> }));
}
});
<%
}
%>
so <%=g.GetLatitude()%>, <%=g.GetLongtitude()%> gives me the lat long
for the business. Now i want to add the ability for a user to get
directions (gdir) but im not sure how to do that, can anyone help?
know i need a form entry to collec the users startlocation and a
submit to postback to this page but im not sure how to implement.
thanks,
ind1g3n
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Activating accordion panel with selector
You select the header-element, eg. "h3:first" to activate the first header. Jörn On Wed, Aug 19, 2009 at 3:12 PM, MarcusX wrote: > > Hi! > > In the jQuery UI documentation > http://jqueryui.com/demos/accordion/#method-activate > it says: > > Activate a content part of the Accordion programmatically. The index > can be a zero-indexed number to match the position of the header to > close or a Selector matching an element. Pass false... > > I wanted to use an selector instead of an index number, but what will > I have to select? I tried to select an element in the header of the > panel I want to open, but only got an error. Can anyone supply an > example of activating an accordion with a selector? > > Thanks an regards > marcus > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Can't remove dropped items
Can you provide a (simplified) testpage? Having asp code doesn't help much.
Jörn
On Wed, Aug 19, 2009 at 2:09 PM, Casper wrote:
>
> With Richards help I've managed to create the dropzone so the controls
> dropped there can be gathered afterwards as child elements.
> I can't seem to figure out how to get them out of there again, e.g. in
> case they were dropped by mistake.
> I would like my original containing DIV to be able to act as droppable
> for items which were moved by mistake.
> I hope this makes sense to someone...
>
> Anyway, this is my code (we're using controls from devExpress, hence
> the dxe tagprefixes):
>
>
>
> /* $(document).ready(function(){
> $(".ui-draggable").draggable({
> grid: [5,5],
> cursorAt: { left: 5, top: 5 },
> cursor: 'crosshair',
> revert: "invalid",
> opacity: 0.35
> });
> $("#droppable").resizable({
> handles: 'se',
> containment: $("#container")
> });
> $("#droppable").droppable({
> drop: function(event, ui) {
> // Also subtract the cursorAt property
> var left = event.pageX - this.offsetLeft - 5;
> var top = event.pageY - this.offsetTop - 5;
> if ($(ui.draggable).parent().attr("id") ===
> "initialContainer"){
> $(this).append(ui.draggable);
> ui.draggable.css("left", left);
> ui.draggable.css("top", top);
> }
> }
> });
> $("#gathercontrols").click(function(e){
> e.preventDefault();
> var $children = $("#droppable").children();
> var resultString = "";
> $children.each(function(i){
> // Do the stuff here...
> if(this.id !== ''){
> resultString += this.id + "\n Top:" + $(this).css
> ("top") + "\n left:" + $(this).css("left") + "\n position:" + $
> (this).css("position") + "\n";
> }
> });
> if (resultString !== ""){
> alert(resultString);
> }
> });
> $("#initialContainer").droppable({
> drop: function(event, ui){
> $(ui.draggable).appendTo($("#droppable"));
> }
> });
> });
>
> /* ]]> */
>
>
>
> Drop the controls over here. h3>
>
>
>
>
>
> These are the controls
> available to the form.
> id="initialContainer">
>
> runat="server">
> runat="server">
>
>
>
>
>
>
>
> runat="server">
>
>
>
>
>
>
> runat="server">
> Width="170px">
>
>
>
>
>
> When I debug in Firebug the drop function for the $
> ("#initialContainer").droppable doesn't get called.
> Any ideas why?
>
> Thanks,
> Casper
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Activating accordion panel with selector
Hi! In the jQuery UI documentation http://jqueryui.com/demos/accordion/#method-activate it says: Activate a content part of the Accordion programmatically. The index can be a zero-indexed number to match the position of the header to close or a Selector matching an element. Pass false... I wanted to use an selector instead of an index number, but what will I have to select? I tried to select an element in the header of the panel I want to open, but only got an error. Can anyone supply an example of activating an accordion with a selector? Thanks an regards marcus --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: jQuery tab select doesn't work.
I found the problem, i had an outdated version of jQuery itself.
On 19 aug, 14:28, Toreddo wrote:
> Hello,
>
> I am trying to use the UI Tabs widget, it shows fine but when i click
> a tab, the address bar does change with #tab-X. But nothing changes on
> the widget itself. It just hangs on the first tab.
>
> This is my code:
>
> $(document).ready(function(){
> $('#tabpage').tabs();});
>
>
>
>
>
> Content 1
> Content 2
> Content 3
>
> asdasd
> asdasd2
> asdasd3
>
>
>
> I really hope someone can help me because im searching for hours now.
>
> Thanks,
> Toreddo
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: onChangeMonthYear and inline datepicker
On Wed, Aug 19, 2009 at 5:29 AM, Cyril wrote:
> 2009/8/18 Jörn Zaefferer
>
>>
>> As a workaround, you could set that option after init:
>>
>> $('#options #date').datepicker({
>> minDate: 0,
>> maxDate: "+2Y",
>> regional: $('html').attr('lang'),
>> changeMonth: true,
>> changeYear: true,
>> showOtherMonths: true,
>> hideIfNoPrevNext: true,
>> dateFormat: 'yy-mm-dd',
>> defaultDate: new Date($('ul.events li:first span.date').attr
>> ('title')),
>> beforeShowDay: highlightEventDates,
>> onSelect: showEventsOnDate
>> }).datepicker("option", { onChangeMonthYear: showEventsFromMonth });
>>
>
>
> Hello,
> Why your regional option isn't in the doc (
> http://jqueryui.com/demos/datepicker/) ?
>
It looks like we have a demo that shows it
http://jqueryui.com/demos/datepicker/#localization
but it's not documented otherwise. Thanks for pointing this out. Ticket
created:
http://dev.jqueryui.com/ticket/4790
- Richard
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] jQuery tab select doesn't work.
Hello,
I am trying to use the UI Tabs widget, it shows fine but when i click
a tab, the address bar does change with #tab-X. But nothing changes on
the widget itself. It just hangs on the first tab.
This is my code:
$(document).ready(function(){
$('#tabpage').tabs();
});
Content 1
Content 2
Content 3
asdasd
asdasd2
asdasd3
I really hope someone can help me because im searching for hours now.
Thanks,
Toreddo
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Can't remove dropped items
With Richards help I've managed to create the dropzone so the controls
dropped there can be gathered afterwards as child elements.
I can't seem to figure out how to get them out of there again, e.g. in
case they were dropped by mistake.
I would like my original containing DIV to be able to act as droppable
for items which were moved by mistake.
I hope this makes sense to someone...
Anyway, this is my code (we're using controls from devExpress, hence
the dxe tagprefixes):
/* */
Drop the controls over here.
These are the controls
available to the form.
When I debug in Firebug the drop function for the $
("#initialContainer").droppable doesn't get called.
Any ideas why?
Thanks,
Casper
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: [datepicker] turn off effect
thanx a lot :) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Question about draggable with helper function in UI 1.5.3
Hithanks for your reply! I ended up upgrading, kind of figured that time spent on finding the problem could instead be used as time spent on upgrading =) On Tue, Aug 18, 2009 at 10:01 PM, Jörn Zaefferer < joern.zaeffe...@googlemail.com> wrote: > > Alas, we can't provide support for a version that "old". 1.7 was > released in March... > > Maybe try to upgrade? We can help with that. > > Jörn > > On Fri, Aug 14, 2009 at 1:17 PM, Jonas_Mind > wrote: > > > > Hi i'm for diffrent reasons still using jquery core 1.2.6 and UI 1.5.3 > > and at this moment not able to switch to the newest versions. > > I have looked at the example code for making a draggable with helper > > function on http://jqueryui.com/demos/draggable/#visual-feedback, this > > is UI version 1.7. > > The problem is that when i'm using the example code with my versions > > of jquery i keep getting a "e is undefiend"-error for the draggable > > with helper function. clone and original works fine thou. Has there > > been a signature change or is it another problem? > > i'm using the exact code from the example and have included my files > > correctly(otherwise clone and original wouldn't work), how should that > > code for helper function be written to work on jquery core 1.2.6 and > > UI 1.5.3? > > > > Many thanks! > > Jonas > > > > > > > > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Cant find draggable items in droppable div
Thanks for excellent support Richard.
I ended up doing this:
$("#droppable").droppable({
drop: function(event, ui) {
// Also subtract the cursorAt property
var left = event.pageX - this.offsetLeft - 5;
var top = event.pageY - this.offsetTop - 5;
if ($(ui.draggable).parent().attr("id") ===
"initialContainer"){
$(this).append(ui.draggable);
ui.draggable.css("left", left);
ui.draggable.css("top", top);
}
}
});
The #initialContainer is the DIV from where the controls are dragged.
I did this to prevent the moving about of the controls when
repositioning them after the initial drop.
/Casper
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: onChangeMonthYear and inline datepicker
2009/8/18 Jörn Zaefferer
>
> As a workaround, you could set that option after init:
>
> $('#options #date').datepicker({
> minDate: 0,
> maxDate: "+2Y",
> regional: $('html').attr('lang'),
> changeMonth: true,
> changeYear: true,
> showOtherMonths: true,
> hideIfNoPrevNext: true,
> dateFormat: 'yy-mm-dd',
> defaultDate: new Date($('ul.events li:first span.date').attr
> ('title')),
> beforeShowDay: highlightEventDates,
> onSelect: showEventsOnDate
> }).datepicker("option", { onChangeMonthYear: showEventsFromMonth });
>
Hello,
Why your regional option isn't in the doc (
http://jqueryui.com/demos/datepicker/) ?
Thanks.
--
Lopez Cyril - Nethik
http://www.nethik.fr
http://www.blogalwarming.com
http://www.libratoi.net
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Duplicate page content in tabs?
Hi, I worked it out - it was my CMS that was rewriting the page anchors so that there was a forward slash in front of them - which was triggering the Ajax load. I've stopped the rewrite and all is well :) On Aug 13, 11:44 am, "Cheng Chi(Cloudream)" wrote: > Could you provide your demo file? > > On Aug 13, 3:10 am,LesC wrote: > > > Hi, > > > I'm using jQuery 1.3.2 and UI 1.7.2 and having a little problem with > > my tabs implementation, and I'm totally stumped. > > > When I look at the generated source of my page it appears that the > > whole page is being loaded again within the tab panel, I'm guessing > > thru ajax. > > > I wondered if it was to do with the base tag causing the tabs to load > > the linked content, but removing it didn't change anything. > > > Has anyone else seen this? Is there a way to turn off the ajax > > loading? > > > Cheers > > > L > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Rendering issue with IE7 and ui.sortable
Creating a simplified testpage that shows the same problem is the challenge here. You'd have to start with your complex page, and remove stuff until the issue disappears, then revert the last step. Without any code I can't even make wild guesses... Jörn On Wed, Aug 19, 2009 at 10:25 AM, Tobias Herrmann wrote: > > Hi Jörn, > > the html structure and css of my page are quite complex. There are also > additional dom-operations triggered by the sorting. The page is not > available online and I can't reproduce the problem in a simplified > test-page. This is really a part of my problem. > > My question is, have you seen this kind of problem before and do you > have any hints what may cause this? > > I would appreciate any guesses and hints, what to look for. > > Greetings, Tobias > > Jörn Zaefferer schrieb: >> Can you provide a testpage for this? >> >> Jörn >> >> On Tue, Aug 18, 2009 at 9:47 AM, tobirius wrote: >> >>> Hi List, >>> >>> I've got a rendering issue with IE7 and ui.sortable. After sorting >>> elements on my page disappear or overlap even though the dom is build >>> correctly. Triggering another dom operation may cause IE7 to re-render >>> the page and everything is fine. >>> I am sure this is a bug in IE7 and it is probably not directly related >>> to ui.sortable, but maybe someone had this kind problem before? Has >>> anybody some insight what exactly triggers these issues and how to >>> avoid them? >>> >>> Greetings, Tobias >>> >> >> > >> > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Rendering issue with IE7 and ui.sortable
Hi Jörn, the html structure and css of my page are quite complex. There are also additional dom-operations triggered by the sorting. The page is not available online and I can't reproduce the problem in a simplified test-page. This is really a part of my problem. My question is, have you seen this kind of problem before and do you have any hints what may cause this? I would appreciate any guesses and hints, what to look for. Greetings, Tobias Jörn Zaefferer schrieb: > Can you provide a testpage for this? > > Jörn > > On Tue, Aug 18, 2009 at 9:47 AM, tobirius wrote: > >> Hi List, >> >> I've got a rendering issue with IE7 and ui.sortable. After sorting >> elements on my page disappear or overlap even though the dom is build >> correctly. Triggering another dom operation may cause IE7 to re-render >> the page and everything is fine. >> I am sure this is a bug in IE7 and it is probably not directly related >> to ui.sortable, but maybe someone had this kind problem before? Has >> anybody some insight what exactly triggers these issues and how to >> avoid them? >> >> Greetings, Tobias >> > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: Linkable Header and Persistant State for Accordion
Did you get this to work? I need the same functionality.
On 30 jul, 19:40, Geoff wrote:
> Hi,
>
> I'm trying to implement theaccordionnavigation menu for one of my
> sites and have a quick question on how to properly set up the call...I
> went through the documentation and I think that I'm obviously missing
> something...
>
> I want the header to be a link as well as any content within the div
> to contain links. So something like...
>
> Guitars (links to guitars.html)
> - Electric (links to guitarsElectric.html)
> - Accoustic (links to guitarsAccoustic.html)
> Drums (drums.html)
> - big (bigdrums.html
> - small (smalldrums.html
>
> Then, when I click on a header I want the header to expand and the
> browser to link to the coresponding page. Once the new page renders
> the clicked on header should already be expanded.
>
> I know I can set the active menu item like this...but I don't know how
> to make this choice persistant between page loads
>
> $("#category-menu").accordion({ header: "h3", active: 2 });
>
> Any advice?
>
> Thanks!
> Geoff
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: javascript in ajax loaded tab
Why are these ajax tabs? You could just load the content on the initial page load. Jörn On Tue, Aug 18, 2009 at 10:52 PM, redleaf wrote: > > I know that when loading tab content via ajax, all scripts get > stripped to prevent IE from returning a 'permission denied' error, but > i'm wondering if there is an alternative way to load scripts in an > ajax loaded tab. > > the example is the following page (click the professional" tab) > http://netimpact.org/displaycommon.cfm?an=1&subarticlenbr=2934 > > I'm trying to load a tab with ajax that has a fancybox content slider. > > Thanks for your help in advance - i am new and just learning! > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
[jquery-ui] Re: alsoResize problem
The problem is that you specify alosResize multiple times, resulting
only the last one to be resized. You have to put those into one
selector: alsoResize: "#id, #id2, #idn"
Jörn
On Wed, Aug 19, 2009 at 1:31 AM, Terradon wrote:
>
> I found this:
> http://dev.jqueryui.com/ticket/4666
>
> but i do not know if this is applicable to my problem and.
> i really do not understand this kind of code:(
>
> On 18 aug, 22:28, Terradon wrote:
>> Hi, i have isolated the problem to 1 page now.
>>
>> http://www.helena-schaken.nl/V34/testbord.php
>>
>> When in a game, the red field in the middle is the place where the
>> game will be placed. (works)
>> because this is an isolated page, no game is visible now.
>>
>> The borderpart does not resize, rest should only resize with grid = 50
>> and aspectratio = true.
>> Nevertheless, i can resize like aspectRatio = false?
>>
>> Thanks for taking a look at it.
>>
>> On 18 aug, 21:43, Jörn Zaefferer
>> wrote:
>>
>> > Can you provide a testpage? Its a little to complex to debug with just
>> > the excerpt you posted.
>>
>> > Jörn
>>
>> > On Tue, Aug 18, 2009 at 8:36 PM,
>>
>> > webmas...@terradon.nl wrote:
>>
>> > > Hi all,
>> > > i have several nested div sections, used for border effects for a
>> > > square game board. This game board is resizable.
>> > > The outer div is resizable, all others should resize too when resizing
>> > > the outer div.
>> > > But not all nested div's are resizing too?
>>
>> > > I have used the next code:
>>
>> > >
>> > >
>> > > $(function() {
>> > > $("#bordwrapper").resizable({
>> > > alsoResize: '#bordContainer',
>> > > alsoResize: '#buitenrand',
>> > > alsoResize: '#middenrand',
>> > > alsoResize: '#binnenrand',
>> > > alsoResize: '#bordframe',
>> > > maxHeight: 550,
>> > > maxWidth: 550,
>> > > minHeight: 300,
>> > > minWidth: 300,
>> > > aspectRatio: true,
>> > > grid: 50,
>> > > stop: function(event, ui) {
>> > > // square image, so just one size needed
>> > > var newWidth = $(this).width();
>> > > //use the image with right size, grid =
>> > > 50;
>> > > $(this).css({'background-image' :
>> > > 'url(images/bord/bg' + newWidth
>> > > + '.png)'});
>> > > //test: not working
>> > > //$("buitenrand") .css("width","385");
>>
>> > > }// end event ui
>> > > });
>> > > });
>>
>> > >
>>
>> > > First i was thinking to change the css of nested div's, but i cant get
>> > > that working too...
>> > > The only thing what really works, is changing the background image for
>> > > the right one, after resizing.
>>
>> > > Please, help is really appreciated!
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Gap between tabs and tab panel
Trimming down the page until only code directly related to the issue
is left is the best way to get this solved.
Jörn
On Tue, Aug 18, 2009 at 9:16 PM, vansmith wrote:
>
> Hi everyone,
>
> I'm working on a page right now that centers around the jqueryui tabs
> as the main form of navigation. Right now, the page works fine on
> Safari, FF and Chromium (OS X) but it doesn't work in the new beta of
> Opera 10. I had initially thought this would be Opera's fault as a
> beta but the tab examples on the jqueryui site work perfectly fine.
> I've combed through my code (I'm new to web dev so bear with me) and
> nothing appears to be wrong. The js for the tabs is as follows:
>
> $(document).ready (
> function() {
> $("#mainTabBar").tabs();
> }
> );
>
> I would post the html code here for the tabs but there is quite a bit
> of content and for brevity's sake, I direct you to the page that isn't
> working: www.vansmith.net. I also don't want to trim down the code for
> posting here because I don't want to trim out anything that might be
> important.
>
> Thanks in advance,
> Bryan
>
> >
>
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~--~~~~--~~--~--~---
[jquery-ui] Re: Dialog modal form
Much appreciated all I got it to work fine one rookie mistake was still having a normal button in the html while I was trying to submit with the javascript button . . . . .live and learn sorted now thank you could anyone give me a hand on this one http://groups.google.com/group/jquery-ui/browse_thread/thread/1d77a69481bb269f thank you in advance On Aug 12, 1:33 pm, Scott González wrote: > Here's a demo:http://sandbox.nemikor.com/dialog-form/ > > On Aug 11, 8:34 pm, fib wrote: > > > > > Hi all > > > I am struggling to submit the form that I am using > > > I am using the jqueryui dialog modal > > formhttp://jqueryui.com/demos/dialog/?#modal-form > > > the form is populated with the correct data from a database > > I have a button in place and am following the example to validate > > but > > how do I submit the form to a specific url? > > > thank you in advance > > much appreciated --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery-ui@googlegroups.com To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~--~~~~--~~--~--~---
