Technical setup instructions

Implementing Canadian Press Interactive Graphics on your website

Interactive Graphics can be used in two ways on your website. The Shockwave files can be opened in a pop-up window or they can be embedded on a web page.

Pop-up window

Displaying Interactive Graphics in a pop-up window

After placing your order, The Canadian Press will email you a package containing a Macromedia Shockwave file, an HTML page with the animated graphic embedded and the JavaScript required to launch the HTML page in a pop-up window.

1. First, install the following JavaScript code between the "head" tags of your web page:

2. Next, copy and paste the following code to your web page, using text or a graphic as the hyperlink:

3. Update the path, in the above code, so that it links to the supplied HTML page. The file name appears just before 'popupWindow'.
4. Store the .swf file in the final location on your web server and update the path to it in the supplied HTML code.

5. Make sure the path to the Shockwave (.swf) file is correct. The correct path and file name must appear in both the PARAM NAME=movie... and the EMBED src=...... tags. If after installing the graphic it appears in only Netscape or Internet Explorer but not both, it is likely only one reference has the correct path.

<HTML> <HEAD> <TITLE>debate</TITLE> </HEAD> <BODY bgcolor="#FFFFFF" MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">   <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=400> <PARAM NAME=movie VALUE="on_unemployment.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="on_unemployment.swf" quality=high bgcolor=#FFFFFF WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT> </BODY> </HTML>

Embedding Graphics

Adding Canadian Press Interactive Graphics to your website

Interactive Graphics can be used in two ways on your website. The Shockwave files can be opened in a pop-up window or they can be embedded on a web page.

How to embed an Interactive Graphic

To embed an Interactive Graphic into your web page, simply follow these steps:

1. Move the .swf file to any directory (folder).

2. Next, copy and paste the following code to your page:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=400> <PARAM NAME=movie VALUE="../samples/flash/Inflation.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="../samples/flash/Inflation.swf" quality=high bgcolor=#FFFFFF WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>

3. Make sure the path to the Shockwave (.swf) file is updated in the code above. The correct path and file name must appear in both the PARAM NAME=movie... and the EMBED src=...... tags.

Request more information on Interactive Graphics
Phone 1-866-294-6397 (NEWS) or 416-507-2129. Email sales@thecanadianpress.com. Have a sales representative contact you by submitting an online form.

Need more multimedia content to engage audiences?
The Canadian Press also provides online video news clips that keep your audiences watching and wanting more.