<jQuery>(<selector>).scf.popup(Object options)

Release 1.1 - ...

Used to show a popup window.

Usage:

Javascript CopyCode image Copy Code
tdj.scf.popup({
   title: "Details",
   html: detailString,
   css: {width: "400px", height: "200px"}
});

options:

  • title
    String to display as title of the popup window.
  • html
    Html to display as body of the popup window.
  • load
    Function called when the popup loads. The callback argument is a reference to the function that updates the body of the popup window. See example below.
  • css
    Styles to use.

Advanced usage:

It is possible to delay loading content from the server until the popup window is shown. This can be used when you want to use Ajax to load data from the server when the popup is activated. In this case, use the load property in the options parameter as described above.

Javascript CopyCode image Copy Code
tdj.scf.popup({
   title: "Details",
   load: function(callback){
      smartlet.ajax(function(){
         callback(sml.get("html"));
      })
   },
   css: {width: "400px", height: "200px"}
});