he Milind,
I had an issue previously that may be the same thing, although mine was not
using Bootstrap. Let me try my best to remember how this worked.
I had a jquery click function that opened a dialog box that was then
populated with the contents of a hidden div. In that div was a textarea.
The jquery function then was swapping out the textarea for a ckeditor
instance. The ckeditor code was ckeditor.replace('theID of my
textarea')....
I *think* what was happening is that since the textarea was in a hidden div
when the page loaded, the jquery couldn't find the textarea (or the div
that was now visible) once it become part of the page.
Oh hell, my memory is faded, so I went out and found the old code. The
key parts are bolded below. After the dialog opens, I find the textarea in
the dialog and set it to a random variable, ta. I then set the id
attribute of ta to 'richtext', which again is a random name. That allows
the ckeditor replace to find the textarea that needs replacing.
$('.sendToClientOpener').live('click', function(e) {
e.preventDefault();
TREWS.ui.Dialog.open({
title: $(e.target).attr('title'),
content: $('#sendtoClientDiv').html(),
width: 820,
height: 800,
draggable: true
});
*var ta = $('#dialog-window-content textarea');*
* ta.attr('id', 'richtext');*
CKEDITOR.replace( '*richtext*', {
toolbarGroups: [
{ name: 'basicstyles'},
{ name: 'paragraph', groups: [ 'list', 'align']},
'/', // Line break - next group will be placed in new line.
{ name: 'styles' },
{ name: 'links'}
]
});
});
Since you said you tabs are in a modal dialog, this could be the same issue
you are having. Hope I have explained this correctly and it works for you.
Mark
On Mon, Aug 26, 2013 at 12:23 PM, Milind Pataskar <[email protected]> wrote:
> Hello all,
>
> First of all, I really want to thank all those who helped me in my sliding
> jQuery panel.
>
> I used a simple hide (toggle) function on it and it works like a charm.
> $('#LeftPanel').toggle('slow', 'linear');
>
> Anyways, this time I'm writing about this curious issue with the
> combination of jQuery & Bootstrap (v2.something)
>
> Has anybody used the class "input-append" where in one can append the
> "unit of measurement" at the end of a field?
>
> Ex. What is your speed: [_________] m/s
>
> The m/s can be displayed in nicely as a part of the input box using the
> above-mentioned Bootstrap's CSS.
> This works fine until I call this form field inside:
>
> jQuery tabs which is itself inside a (popped-up) modal dialog.
>
> I see the field and the appended unit in all its glory but the field
> becomes un-editable. Meaning, it does not have any
> extra added property or something but I cannot click or tab into that
> field to enter any value. It show blue-border on focus
> when I click on it but that is it. I cannot get into the field.
>
> At this point I don't even know what is wrong as I can't see any extra
> property on the field object. So I have no idea how
> to (or what to) fix.
>
> Anybody had the same issue? Any solution (other than not using that class).
>
> Thanks,
>
> Milind.
>
> --
> --
> You received this message because you are subscribed to the "Houston
> ColdFusion Users' Group" discussion list.
> To unsubscribe, send email to [email protected]
> For more options, visit http://groups.google.com/group/houcfug?hl=en
>
> ---
> You received this message because you are subscribed to the Google Groups
> "Houston ColdFusion Users' Group" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> For more options, visit https://groups.google.com/groups/opt_out.
>
--
--
You received this message because you are subscribed to the "Houston ColdFusion
Users' Group" discussion list.
To unsubscribe, send email to [email protected]
For more options, visit http://groups.google.com/group/houcfug?hl=en
---
You received this message because you are subscribed to the Google Groups
"Houston ColdFusion Users' Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
