Can i embed a iframe into the alert box in visualforce?

Question

I have requirement in which on a certain condition i have to show an alert box in which i will have a link and a button. On click of the link i have to do some logic and do some DML operations. What i want to do is that i want to show a custom visualforce page having the link and button and show that page in a iframe in the alert box. Is this possible or i have to look other way around. Also is there anyway i can i can do this by jquery.

Answer 1

Here is what you can do Create a custom button and fill in the details and in "Behavior Section" choose "Execute JavaScript" and for "Content Source" choose "OnClick JavaScript",and in the code section paste the following code

 
{!REQUIRESCRIPT("https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js")}
    function showSimpleDialog(){
   var sd = new SimpleDialog("Test"+Dialogs.getNextId(), true);

   sd.setTitle("Simple Dialog");

   sd.createDialog();

   window.parent.sd = sd;  sd.setWidth("50%");
  //Specify the iFrame and give URL of VF page
    sd.setContentInnerHTML("");


    if ($(sd.dialog).find('#InlineEditDialogX').size() == 0) {
    var close = $("<a id='InlineEditDialogX' title='Close' tabindex='0' href='javascript:void(0)' class='dialogClose'>Close</a>");

    close.mouseover(function() {

    this.className = 'dialogCloseOn';
    }).mouseout(function() {
    this.className = 'dialogClose';
    }).click(function() {

    // finally our on click handler which closes the dialog
    sd.hide();
    });
    // insert the new generated close button before the h2 tag so it'll show up on the top right corner
    close.insertBefore($(sd.dialog).find('.topLeft h2'));  
    } sd.show(); } showSimpleDialog();

This will bring up a modal where you can display your visual force page through iFrame and further through controller you can do all the DML operations.

Answer 2

You can't use JavaScript's alert function, but you could create a popup div element that contains the logic you would like to use. One sound method for this would be something like a Lightbox, where the content would be hosted in a fixed position, z-indexed div that hovers over the rest of the page content. There are numerous examples for this online. I've personally used this on several occasions with success, although I don't have a convenient example I can copy and paste. The iframe isn't strictly necessary, since you could just graft the DOM elements directly into the Visualforce page's DOM, but that is purely a matter of preference.