Click here to Skip to main content
15,884,388 members
Articles / Web Development / HTML
Article

SWFObject Server Control for ASP.NET

Rate me:
Please Sign up or sign in to vote.
4.56/5 (5 votes)
15 May 2007 127.8K   72   33
A server control that implements the SWFObject JavaScript library.

Introduction

SWFObject is a JavaScript library for dynamically embedding Flash content in your HTML pages. It's cross-browser capable and it gets rid of the annoying 'Click to enable control' message in Internet Explorer, plus other useful features. For more details, visit this blog.

Using the code

This is how you would use SWFObject in an ASP.NET page:

JavaScript
<div id="container">
   <script type="text/javascript">
      var flash = new SWFObject(<%= ("\"" + 
                  ResolveUrl("~/swf/movie.swf") + 
                  "\"") %>, "", "600", "200", "6", "");
      with (flash) {
         addParam("menu", "false");
         addVariable("approot", <%= ( "\"" + 
                     Request.ApplicationPath + "\"") %>);
         write("container");
      }
   </script>
</div>

Using the server control I built, the code would look like this:

HTML
<div id="container" runat="server">
   <flash:SWFObject id="flash1" runat="server" 
           Movie="~/swf/movie.swf" Width="600" 
           Height="200" FlashVersion="6">
      <flash:SWFParameter runat="server" Name="menu" Value="false" />
      <flash:SWFVariable runat="server" Name="approot" 
             Value='<%#Request.ApplicationPath %>' />
   </flash:SWFObject>
</div>

Note that you can use databinding and add as many parameters and variables as you want. Here is the source code:

C#
[ParseChildren(typeof(SWFInput))]
[PersistChildren(true)]
public class SWFObject : Control {

   string _containerID = null, 
       _movie = "", _width = "", _height = "", _flashVersion = "";
   
   WModeEnum wmode = WModeEnum.NotSet;
   bool _menu = false;

   public string ContainerID { get { return _containerID; } set { 
       _containerID = value; } }
   public string Movie { get { return _movie; } set { _movie = value; } }
   public string Width { get { return _width; } set { _width = value; } }
   public string Height { get { return _height; } set { _height = value; } }
   public string FlashVersion { get { return _flashVersion; } set { 
       _flashVersion = value; } }

   public bool Menu { get { return _menu; } set { _menu = value; } }
   public WModeEnum WMode { get { return wmode; } set { wmode = value; } }
   
   // If you don't implement a webresource for 
   //the javascript file then delete this method.
   protected override void OnPreRender(EventArgs e) {
      base.OnPreRender(e);

      Page.ClientScript.RegisterClientScriptInclude(
         this.GetType(),
         "swfobject.js",
         Page.ClientScript.GetWebResourceUrl(this.GetType(), "swfobject.js")
      );
   }

   public override void RenderControl(HtmlTextWriter writer) {

      string movie = ResolveClientUrl(_movie);

      string id = (_containerID == null) ? Parent.ClientID : _containerID;

      string jsVar = id + "_SWFObject";

      writer.WriteLine(string.Format("<!-- \"{0}\" with SWFObject START -->", 
          movie));

      writer.WriteBeginTag("script");
      writer.WriteAttribute("type", "text/javascript");
      writer.WriteLine(HtmlTextWriter.TagRightChar);

      writer.WriteLine(string.Format("var {0} = new SWFObject
      ('{1}', '', '{2}', '{3}', '{4}', '');", new object[] 
      { jsVar, movie, _width, _height, _flashVersion }));

      writer.WriteLine(string.Format("with ({0}) {{", jsVar));

      foreach (Control control in Controls) {
         if (control is SWFInput) 
            RenderInput((SWFInput)control, writer);
      }
      
      RenderInput(new SWFParameter("menu", _menu.ToString()), writer);
      if (wmode != WModeEnum.NotSet) 
         RenderInput(new SWFParameter("wmode", wmode.ToString()), writer);

      writer.WriteLine(string.Format("write('{0}');", id));
      writer.WriteLine("}");
      writer.WriteEndTag("script");
      writer.WriteLine();

      writer.Write(string.Format("<!-- \"{0}\" with SWFObject END -->", 
          movie));

   }

   protected virtual void RenderInput(SWFInput input, HtmlTextWriter writer) {

      writer.WriteLine(
         string.Format("add{0}('{1}', '{2}');", 
         ((input is SWFParameter) ? "Param" : "Variable"), 
         input.Name, input.Value)
      );
   }

   #region Nested Types

   public enum WModeEnum { NotSet, Window, Opaque, Transparent }

   #endregion
}

public class SWFParameter : SWFInput {

   public SWFParameter() { }

   public SWFParameter(string name, string value) {
      Name = name;
      Value = value;
   }
}

public class SWFVariable : SWFInput { }

[ParseChildren(true)]
public abstract class SWFInput : Control {
   string _name = "";
   string _value = "";

   public string Name { get { return _name; } set { _name = value; } }
   public string Value { get { return _value; } set { _value = value; } }
}

History

  • 12 Dec, 2006 - Original version posted
  • 21 Dec, 2006 - Updated
  • 15 May, 2007 - Updated

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here



Comments and Discussions

 
GeneralRe: Alternative with full design time support Pin
g00fyman16-May-07 4:05
g00fyman16-May-07 4:05 
QuestionSending Commands to Flash Pin
mark_e_mark18-Jan-07 0:04
mark_e_mark18-Jan-07 0:04 
AnswerRe: Sending Commands to Flash Pin
dffefqefe18-Jan-07 2:41
dffefqefe18-Jan-07 2:41 
AnswerRe: Sending Commands to Flash Pin
mark_e_mark18-Jan-07 3:07
mark_e_mark18-Jan-07 3:07 
QuestionSource Files Pin
HarleyRoadKing20-Dec-06 3:52
HarleyRoadKing20-Dec-06 3:52 
AnswerRe: Source Files Pin
dffefqefe21-Dec-06 7:10
dffefqefe21-Dec-06 7:10 
QuestionWhy? Pin
Wayne Gibson18-Dec-06 22:59
Wayne Gibson18-Dec-06 22:59 
AnswerRe: Why? Pin
dffefqefe19-Dec-06 2:53
dffefqefe19-Dec-06 2:53 
There is no problem in including the javascript in your page, like the example a gave. The only reason is cleaner code (databinding, url resolving).

Having the code in a seperate .js file may be a problem for several reasons:

- if the container block has the runat="server" attribute and you are using Master Pages then the ID will change, so you need to set that in the javascript at runtime.

- if you need to dinamically include parameters or variables, like the example I used.

- if you want to reference the movie using the "~/" notation.
Generalheight property Pin
matt from ne18-Dec-06 10:25
matt from ne18-Dec-06 10:25 
GeneralRe: height property Pin
dffefqefe18-Dec-06 10:28
dffefqefe18-Dec-06 10:28 
GeneralNice job Pin
christopherbarrow12-Dec-06 8:56
christopherbarrow12-Dec-06 8:56 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.