Applying function to ui dialog button click

Question

I'm trying to create a multi-click function inside a click event for a ui dialog button. Basically I want to toggle between multiple divs to show different content inside the dialog as the user clicks the 'next' button. At the moment I can only seem to get it to trigger one event.

Here is my js that works but only triggers one event.

dialog.dialog({
        // add a close listener to prevent adding multiple divs to the document
        close: function(event, ui) {
            // remove div with all data and events
            dialog.remove();
        },
        modal: true,
        resizable: false,
        draggable: false,
        stack: false,
        width: 480,
        buttons: [
            {
                text: "Cancel",
                click: function() { $(this).dialog("close"); }
            },
            {

                id: "cta",
                click: function() {
                    $('.ui-dialog').css('top', '100px');
                    $(this).find('#modal p').remove();
                }
            }
        ]
    });

The main section is question is the last click inside 'buttons'. Is this possible? I tried to call on a function rather than setting it inside the click itself but that wouldn't work either.

The context is not very clear... Could you build a jsfiddle for us to visualize the problem ? — Didier Ghys
– Didier Ghys, Commented Jun 5, 2012 at 9:48
I am trying to achieve something along these lines: revaxarts-themes.com/?t=tour but with the standard jquery ui dialog box. — Ben Gordon
– Ben Gordon, Commented Jun 5, 2012 at 9:54
You're ambitious ;-) But it is still difficult to help you if the problem cannot be understood... — Didier Ghys
– Didier Ghys, Commented Jun 5, 2012 at 10:04
Hey. I've just come accross this javascript library: Pageguide.js - Worth having a look I think — Didier Ghys
– Didier Ghys, Commented Jun 7, 2012 at 7:44

Rahul · Accepted Answer · 2012-06-05 10:44:28Z

2

Are you looking for something like this?

http://jsfiddle.net/rsarika/h7fSf/

answered Jun 5, 2012 at 10:44

Rahul

1,88618 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Applying function to ui dialog button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related