Hi all,
Apologies for the lack of detail - I'm a total newbie when it comes to
jQuery.
YUDHI: Thanks again. The key factor here is that I need the dialog
box to be as reusable as possible, Yudhi - your sent example, while
much appreciated - would need me to create an entry like this:
$("#clk_opendialog").click(function() {
$("#dialog").dialog(dialogOptions);
});
..for every single dialog box on the page.
What I'm trying to achieve is links that are "self contained", so lets
say I have a form on a page, I could have a little "help" link next to
each input that displays a brief explanation of what its about, I've
manage to do this by using links like this:
<a href="#" onclick="$('#dialog').html('This form item is for a
description of your hairstyle'); $('#dialog').dialog({ title:
'Hairstyle Box' });">help</a>
This means I don't have to have a .click entry for every single link
in the header. In fact at present I don't have any code for the
dialog box in header - just that on the links and then this HTML in
every page ready to go: <div id="dialog" title="Basic dialog"
class="hideThis"><p>default dialog </p></div> (set to display: none in
css).
Clicking the link makes it display but it doesn't show on the second
try.
RICHARD: Thanks for this - I followed the link and looked at the info
but I have the same problem - it uses a pre-defined .click event and
I'm unsure how to create an entry in the header for what I have to
mirror what is there.
JEN: thanks for the tip, ideally I don't want to have to use a whole
new plugin if I can do this with the jQuery UI (as its already
included in the project) and is specfically design for this.
If anyone can just help me with what I imagine is a small addition to
the header of my page it would be much appreciated!
Thanks again for all the help so far
Bob
On Aug 11, 11:23 pm, computeraholic® <[email protected]> wrote:
> Complete code please,..
> I can not analyze if the code you provided is not complete.
>
> Salam,
>
> YUDHI ARMYNDHARIS
> blogger:http://tutorial-jquery.blogspot.com
> visit my website :http://www.jayakreasi.com
>
> On Wed, Aug 12, 2009 at 8:51 AM, Mr Fett <[email protected]> wrote:
>
> > Hi all,
>
> > I'm trying to find a simple way to use the jQuery UI Dialog box to
> > provide simple context sensitive help.
>
> > Thus far I have a bit of HTML at the bottom of every page that is
> > hidden:
>
> > Then I invoke the Dialog box from a self contained link like this:
>
> > <a href="#" onclick="$('#dialog').html('Enter a Date'); $
> > ('#dialog').dialog({ title: 'Da Da' });">help</a>
>
> > Unfortunately, after the first dialog box is closed, the rest cease to
> > work - presumably because the HTML in the footer is being removed, not
> > just hidden.
>
> > Does anyone have any suggestions or a more elegant solution? I feel
> > like I'm missing something really obvious as surely this is exactly
> > the sort of thing 'dialog' should be used for.
>
> > Thanks
>
> > B
>
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
