Call JQuery Function OnClick

Question

I know this question looks very similar to other questions on this site but I'm in a particular situation and I can't for the life of me figure out how to get this to work. Perhaps it's simple but I can't figure it out. This is my basic dialog function that I want to call onclick with an "a" tag:

<script>
     $('<iframe src="hyperlink" id="tag" frameBorder="0" width="98%" />').dialog({
          autoOpen:false,
          title: 'Documents',
          modal:true,
          autoResize:true,
          resizable:false,
          width: 900,
          height: 400,
          draggable:false,
          open: function(){
               $(this).css('width','98%'
               );
          }
     });

I know using iframes isn't preferable but there's a very specific reason that this is the only way it will work. Apart from that, how could I get a tex to call this dialog box onclick?

Does the posted code work and you just want to know how to call it on click of an anchor tag? — James Montagne
– James Montagne, Commented Jun 25, 2011 at 0:32
Thank you, yes, the code works onload when I remove the autoOpen line. — kramden88
– kramden88, Commented Jun 25, 2011 at 0:34

James Montagne · Accepted Answer · 2011-06-25 00:38:46Z

1

This should work

$("a#thelink").click(function(){
   $("#tag").dialog('open');
});

where thelink is the ID of your link.

answered Jun 25, 2011 at 0:38

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

5 Comments

kramden88 Over a year ago

No luck... fyi, my anchor tag is as follows: <a href="#" id="thelink">text</a>

jk. Over a year ago

@kingjiv +1 Got your fiddle to load iframe by changing iframe src to yahoo.com. Thanks to both you and kramden88 for teaching me something new.

kramden88 Over a year ago

It certainly does work, thank you. There must be something else wrong on the page. I'll have to investigate but I do appreciate your help!

kramden88 Over a year ago

For any future visitors with a problem like mine (i.e. the code looks good but just won't run onclick) try adding $(window).load(function(){ before the first line. This got it working for me at long last!

kramden88 Over a year ago

Thanks again, it didn't hit me because it had worked onload without it.

Collectives™ on Stack Overflow

Call JQuery Function OnClick

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related