[jQuery] Re: ui.jquery.com - down?
Nice one, thanks Richard. On Mon, Dec 1, 2008 at 3:31 PM, Richard D. Worth [EMAIL PROTECTED] wrote: You must've hit it while we were doing a quick update. It's up now. - Richard On Mon, Dec 1, 2008 at 5:50 AM, Lee Mc [EMAIL PROTECTED] wrote: Anyone know what the deal is with ui.jquery.com being down? I'm just getting a default Apache page. Any ideas when it will be available again?
[jQuery] Re: Lightbox/ThickBox/ui.dialog etc
Thanks Jack, i'll take a look. Lee. On Thu, Nov 27, 2008 at 8:49 PM, Jack Killpatrick [EMAIL PROTECTED] wrote: check this one out, I think it will do all that you need: http://dev.iceburg.net/jquery/jqModal/ - Jack Lee Mc wrote: Hi there, Does anyone have an opinion on what they think is the best lightbox implementation to use? It's not going to be used to display images, it's mainly form interaction. My only caveat's are: - Must be draggable - Must (unfortunately) work in IE6 - Must be modal I've been playing with ui.dialog and really like it. However I seem to be having some issues in IE6 - using the same theme as displayed on this page: http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog The close image on the title bar is causing some layout issues and also select elements from the underlying content are appearing through into the content of the dialog. A quick search brought back this: http://jquery.com/demo/thickbox/. Appears to do everything required except be draggable. Can anyone point me in the right direction? Cheers, Lee
[jQuery] Re: Lightbox/ThickBox/ui.dialog etc
@Richard - Thanks for that, I'll take a look at the fix you recommended. I'd much prefer to use ui.dialog so hopefully your recommendation will work on IE6. @webRat - thanks for that site - useful resource. I have other projects bubbling away on prototype so this will come in handy. Cheers, Lee On Fri, Nov 28, 2008 at 1:11 PM, Richard D. Worth [EMAIL PROTECTED] wrote: On Thu, Nov 27, 2008 at 9:36 AM, Lee Mc [EMAIL PROTECTED] wrote: - Must be draggable - Must (unfortunately) work in IE6 - Must be modal I've been playing with ui.dialog and really like it. However I seem to be having some issues in IE6 - using the same theme as displayed on this page: http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog I recommend grabbing a pre-made or custom (roll-your-own) theme from http://ThemeRoller.com/ The close image on the title bar is causing some layout issues and also select elements from the underlying content are appearing through into the content of the dialog. This is fixed by including the bgiframe plugin and including bgiframe:true in the dialog options. See http://docs.jquery.com/UI/Dialog/dialog#options - Richard
[jQuery] Re: $('#id').width()
Hi,
I've just run another couple of tests and have discovered the following:
When the form opens and defaults to the tab where the input is located,
$('#field_id').width() returns the correct width (i.e. 175 in this case).
However when the form opens and defaults to a different tab,
$('#field_id').width() is returning 0.
I've also tried applying the width of the field using it's id but this had
no effect i.e. the same problem was occurring.
So, has anyone else come across this issue of .width() returning 0?
Thanks,
Lee
On Fri, Nov 21, 2008 at 1:09 PM, Isaiah Fischer [EMAIL PROTECTED]wrote:
But now that I think about it... The image wouldn't appear if the element
hadn't been loaded either... So my previous suggestions probably won't fix
the problem... :/ I'll take another look this afternoon and see if I can
find out whats going wrong...
On Fri, Nov 21, 2008 at 2:10 AM, Lee McMullen [EMAIL PROTECTED]wrote:
Thanks, I'll try your suggestions and let you know.
Just out of curiosity, why would binding the field setup to the window
load have an effect? I thought that was the whole point of using
$(function(){}), so you didn't have to wait for the window to load?
On 21 Nov 2008, at 04:01, Isaiah Fischer [EMAIL PROTECTED]
wrote:
Then I have two possible solutions to what I think the problem may be...
One, have the field_setup() function bound to the window load as such:
$(window).bind(load,function(){field_setup()});
or define the width in the css of that field by its ID
If that doesn't work then I'll need to find a different problem to solve
:P
On Thu, Nov 20, 2008 at 4:23 PM, Lee Mc [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
The width is defined by a class the field has rather than it's ID.
On Nov 20, 8:06 pm, CodingCyb.org [EMAIL PROTECTED] wrote:
And in the css the width is defined for #test_field or w/e its
named? Or is it defined by a class that it has?
On Nov 20, 9:37 am, Lee Mc [EMAIL PROTECTED] wrote:
The width of the field gets set by a stylesheet which is pulled
through.
On Nov 20, 3:22 pm, CodingCyb.org [EMAIL PROTECTED] wrote:
Is the original width of the text field set in css? Or is it just
the
width it gets when page loads?
On Nov 20, 9:09 am, Lee Mc [EMAIL PROTECTED] wrote:
Yes that's exactly right.
Any ideas would be greatly appreciated!
On Nov 20, 1:18 pm, CodingCyb.org [EMAIL PROTECTED]
wrote:
I'm still trying to picture the site in my mind. So it has
three tabs
that you can switch between, but the default can be different?
And
when the default isn't the first one, the image appears in tab
one,
but stays underneath the input box because the width isn't
updated?
On Nov 20, 12:11 am, Lee Mc [EMAIL PROTECTED] wrote:
The example HTML only has a single text input, it's this
input I'm
having issues with. Apologies, the example HTML gave the
field a
different ID than the JS contained. Im copying the code from
an in
process project so it's stripped down for readability.
Therefore the different ID in my HTML is just a typo.
Cheers, Lee.
On Nov 20, 4:14 am, CodingCyb.org [EMAIL PROTECTED]
wrote:
Sorry it took so long for a reply...
Where in the html is #test_field ? That's what the
field_img goes
after, but I'm not sure where that is...
On Nov 19, 9:39 am, Lee Mc [EMAIL PROTECTED] wrote:
Hi, yes I think you've misunderstood my problem.
In a nutshell, there is an input type=text on tab 1.
On load of
the form, I'm trying to make this input less wide and
place an image
next to it. When tab 1 is the default tab, it works
fine. When any
other tab is the default, it inserts the image but
doesn't update the
width of the field.
This is an example of my markup:
div class=tab_container
!--insert tabs--
ul class=tabs
lia href=my_form#tab_1 class=tab
title=content_1Tab 1/a/
li
lia href=my_form#tab_2 class=tab
title=content_2Tab 2/a/
li
lia href=my_form#tab_3 class=tab
title=content_3Tab 3/a/
li
/ul
!--insert tab 1--
div id=content_1 class=tab_content
a name=tab_1/a
label for=field_idMy Test Field:/labelinput
type=text
id=field_id value=
/div!--close content_1--
!--insert tab 2--
div id=content_2 class=tab_content
a name=tab_2/a
!--tab 2 content--
/div!--close content 2--
!--insert tab 3--
div id=content_3 class=tab_content
a name=tab_3/a
!--tab 3 content--
/div!--close content 3--
/div!--close tab container--
Any thoughts would be much appreciated.
Cheers,
Lee
On Nov 18, 3:47 pm, CodingCyborg [EMAIL
[jQuery] Re: $('#id').width()
Thanks, I'll try your suggestions and let you know.
Just out of curiosity, why would binding the field setup to the window
load have an effect? I thought that was the whole point of using $
(function(){}), so you didn't have to wait for the window to load?
On 21 Nov 2008, at 04:01, Isaiah Fischer [EMAIL PROTECTED]
wrote:
Then I have two possible solutions to what I think the problem may
be...
One, have the field_setup() function bound to the window load as such:
$(window).bind(load,function(){field_setup()});
or define the width in the css of that field by its ID
If that doesn't work then I'll need to find a different problem to
solve :P
On Thu, Nov 20, 2008 at 4:23 PM, Lee Mc [EMAIL PROTECTED]
wrote:
The width is defined by a class the field has rather than it's ID.
On Nov 20, 8:06 pm, CodingCyb.org [EMAIL PROTECTED] wrote:
And in the css the width is defined for #test_field or w/e its
named? Or is it defined by a class that it has?
On Nov 20, 9:37 am, Lee Mc [EMAIL PROTECTED] wrote:
The width of the field gets set by a stylesheet which is pulled
through.
On Nov 20, 3:22 pm, CodingCyb.org [EMAIL PROTECTED]
wrote:
Is the original width of the text field set in css? Or is it
just the
width it gets when page loads?
On Nov 20, 9:09 am, Lee Mc [EMAIL PROTECTED] wrote:
Yes that's exactly right.
Any ideas would be greatly appreciated!
On Nov 20, 1:18 pm, CodingCyb.org [EMAIL PROTECTED]
wrote:
I'm still trying to picture the site in my mind. So it has
three tabs
that you can switch between, but the default can be
different? And
when the default isn't the first one, the image appears in
tab one,
but stays underneath the input box because the width isn't
updated?
On Nov 20, 12:11 am, Lee Mc [EMAIL PROTECTED] wrote:
The example HTML only has a single text input, it's this
input I'm
having issues with. Apologies, the example HTML gave the
field a
different ID than the JS contained. Im copying the code
from an in
process project so it's stripped down for readability.
Therefore the different ID in my HTML is just a typo.
Cheers, Lee.
On Nov 20, 4:14 am, CodingCyb.org
[EMAIL PROTECTED] wrote:
Sorry it took so long for a reply...
Where in the html is #test_field ? That's what the
field_img goes
after, but I'm not sure where that is...
On Nov 19, 9:39 am, Lee Mc [EMAIL PROTECTED]
wrote:
Hi, yes I think you've misunderstood my problem.
In a nutshell, there is an input type=text on
tab 1. On load of
the form, I'm trying to make this input less wide
and place an image
next to it. When tab 1 is the default tab, it works
fine. When any
other tab is the default, it inserts the image but
doesn't update the
width of the field.
This is an example of my markup:
div class=tab_container
!--insert tabs--
ul class=tabs
lia href=my_form#tab_1 class=tab
title=content_1Tab 1/a/
li
lia href=my_form#tab_2 class=tab
title=content_2Tab 2/a/
li
lia href=my_form#tab_3 class=tab
title=content_3Tab 3/a/
li
/ul
!--insert tab 1--
div id=content_1 class=tab_content
a name=tab_1/a
label for=field_idMy Test Field:/labelinput
type=text
id=field_id value=
/div!--close content_1--
!--insert tab 2--
div id=content_2 class=tab_content
a name=tab_2/a
!--tab 2 content--
/div!--close content 2--
!--insert tab 3--
div id=content_3 class=tab_content
a name=tab_3/a
!--tab 3 content--
/div!--close content 3--
/div!--close tab container--
Any thoughts would be much appreciated.
Cheers,
Lee
On Nov 18, 3:47 pm, CodingCyborg
[EMAIL PROTECTED] wrote:
That all seems like it would work fine. I went
back and re-read your
original post. I found that I may have
misunderstood the problem.
In your original post is #field_id within the
content of the first
tab, or is it the content warpper of the first tab?
If it is the wrapper, then you are putting the
image outside of what
is hidden, if not then changing that field width
shouldn't affect any
other tabs.
From what I now understand you don't want the
image there unless you
are on the first tab? So placing it within the
content of that tab may
be the solution?
On Nov 18, 9:30 am, Lee Mc
[EMAIL PROTECTED] wrote:
Here is the code which sets the tabs up:
/*
* JS to handle the building of tabs within forms
