Show flash movies on questionnaire viewer - Revision history

Cg huyphong at 08:53, 13 February 2012

2012-02-13T08:53:58Z

← Older revision		Revision as of 08:53, 13 February 2012
Line 5:		Line 5:
	As a questionnaire creator		As a questionnaire creator

	I want to show a list of supported flash movies ( .flv )by Catglobe		I want to show a list of supported flash movies (.flv) by Catglobe

	'''Example'''		'''Example'''
Line 68:		Line 68:
	{		{
	var clipLinks = new Array();		var clipLinks = new Array();
			//be careful when using the below links because you must ensure that the user who answers this answer sheet has resource access on these attachments.
	clipLinks[0] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369842";		clipLinks[0] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369842";
	clipLinks[1] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369843";		clipLinks[1] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369843";

Cg huyphong at 08:52, 13 February 2012

2012-02-13T08:52:03Z

← Older revision		Revision as of 08:52, 13 February 2012
Line 5:		Line 5:
	As a questionnaire creator		As a questionnaire creator

	I want to show a list of supported flash movies by Catglobe		I want to show a list of supported flash movies ( .flv )by Catglobe

	'''Example'''		'''Example'''
Line 132:		Line 132:
	}		}
	</source>		</source>

			==Code sample==

			Open the qnaire "Js demo - some js samples" (Resource Id: 159684). View the Question "Q_singlegridplayer"

Catglobe at 04:25, 15 January 2009

2009-01-15T04:25:48Z

Show changes

Catglobe at 04:22, 15 January 2009

2009-01-15T04:22:39Z

← Older revision		Revision as of 04:22, 15 January 2009
Line 15:		Line 15:
	== Solution ==		== Solution ==

	*		*Upload the new flash movies to the CG server (or any resource you want) and get their links

	Upload the new flash movies to the CG server (or any resource you want) and get their links

	Create a new single grid question named<br>Add&nbsp;javascript to the question to show a list of flash movies on above of grid		Create a new single grid question named<br>Add&nbsp;javascript to the question to show a list of flash movies on above of grid
Line 25:		Line 23:
	=== Create Movie clip viewer object ===		=== Create Movie clip viewer object ===

	~~<~~source lang="javascript"~~>~~		<source lang="javascript">

	var MovieclipViewer3 =<br>{<br>onInit: function(clip, element, linkText)<br>{<br>$(element).html("");<br>MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());<br>MovieclipViewer3.flash.ParentDom = $(element);<br><br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>function()<br>{<br>getPlayList();<br>}<br>));<br>$(element).append($("<br/>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);		var MovieclipViewer3 =<br>{<br>onInit: function(clip, element, linkText)<br>{<br>$(element).html("");<br>MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());<br>MovieclipViewer3.flash.ParentDom = $(element);<br><br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>function()<br>{<br>getPlayList();<br>}<br>));<br>$(element).append($("<br/>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);

	// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}<br>~~<~~/source~~>~~		// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}<br>
			</source>

	=== Create movies list ===		=== Create movies list ===
Line 41:		Line 40:
	<source lang="javascript">		<source lang="javascript">

	quest.onInit = function()<br>{<br>if (document.createElement && document.getElementsByTagName) {<br>var head = document.getElementsByTagName('head')[0];		quest.onInit = function()<br>{<br>if (document.createElement && document.getElementsByTagName) {<br>var head = document.getElementsByTagName('head')[0];

	var script = document.createElement('script');<br>script.setAttribute('type', 'text/javascript');<br>script.setAttribute('src','http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.js');		var script = document.createElement('script');<br>script.setAttribute('type', 'text/javascript');<br>script.setAttribute('src','http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.js');

	head.appendChild(script);<br>} else {<br>alert('Your browser can\'t deal with the DOM standard. That means it\'s old. Go fix it!');<br>}<br>//alert(quest.getHTML());<br>$(".grid_outer").before(<br>$("<table>").width("100%").attr("align", "center")<br>.append(<br>$("<tr>").css("background-color", "white")<br>.append(<br>$("<td>").attr("align", "center")<br>.append(<br>$("<div>")<br>.addClass("playlist")<br>)<br>) <br>)<br>)<br>getPlayList();<br>}<br></source>		head.appendChild(script);<br>} else {<br>alert('Your browser can\'t deal with the DOM standard. That means it\'s old. Go fix it!');<br>}<br>//alert(quest.getHTML());<br>$(".grid_outer").before(<br>$("<table>").width("100%").attr("align", "center")<br>.append(<br>$("<tr>").css("background-color", "white")<br>.append(<br>$("<td>").attr("align", "center")<br>.append(<br>$("<div>")<br>.addClass("playlist")<br>)<br>) <br>)<br>)<br>getPlayList();<br>}<br></source>

Catglobe at 04:21, 15 January 2009

2009-01-15T04:21:24Z

@@ Line 25: / Line 25: @@
 === Create Movie clip viewer object  ===
-<source lang="javascript">
+&lt;source lang="javascript"&gt;
-</source>
+// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}<br>&lt;/source&gt;

Catglobe at 04:19, 15 January 2009

2009-01-15T04:19:14Z

← Older revision		Revision as of 04:19, 15 January 2009
Line 25:		Line 25:
	=== Create Movie clip viewer object ===		=== Create Movie clip viewer object ===

	<source lang="javascript">~~ ~~		<source lang="javascript">

	~~<br>~~

	var MovieclipViewer3 =<br>{<br>onInit: function(clip, element, linkText)<br>{<br>$(element).html("");<br>MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());<br>MovieclipViewer3.flash.ParentDom = $(element);<br><br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>function()<br>{<br>getPlayList();<br>}<br>));<br>$(element).append($("<br/>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);

	// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}

	</source>		</source>

Catglobe at 04:18, 15 January 2009

2009-01-15T04:18:00Z

← Older revision		Revision as of 04:18, 15 January 2009
Line 25:		Line 25:
	=== Create Movie clip viewer object ===		=== Create Movie clip viewer object ===

	~~<~~source lang="javascript"~~>~~		<source lang="javascript">

	<br>		<br>
Line 33:		Line 33:
	// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}		// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}

	~~<~~/source~~>~~		</source>

Catglobe at 04:16, 15 January 2009

2009-01-15T04:16:17Z

← Older revision		Revision as of 04:16, 15 January 2009
Line 25:		Line 25:
	=== Create Movie clip viewer object ===		=== Create Movie clip viewer object ===

	&~~amp;~~lt;source lang="javascript"&~~nbsp;&~~gt;		<source lang="javascript">

			<br>

			var MovieclipViewer3 =<br>{<br>onInit: function(clip, element, linkText)<br>{<br>$(element).html("");<br>MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());<br>MovieclipViewer3.flash.ParentDom = $(element);<br><br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>function()<br>{<br>getPlayList();<br>}<br>));<br>$(element).append($("<br/>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);

	~~var MovieclipViewer3 =~~<br>~~{<br>onInit: function~~(clip~~, element, linkText~~)<br>{<br>~~$(element).html~~("");<br>~~MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());~~<br>MovieclipViewer3.flash.~~ParentDom = $~~(~~element~~);<br>~~<br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style"~~, ~~"italic").click(~~<br>function()<br>{<br>getPlayList();<br>}<br>~~));<br>$(element).append($("<br/~~>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);		// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}

	// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}&~~nbsp;~~		</source>

	~~&~~lt;/source&~~amp;~~gt;

Catglobe at 04:14, 15 January 2009

2009-01-15T04:14:34Z

← Older revision		Revision as of 04:14, 15 January 2009
Line 22:		Line 22:

	== Code ==		== Code ==

			=== Create Movie clip viewer object ===

			&lt;source lang="javascript" &gt;



			var MovieclipViewer3 =<br>{<br>onInit: function(clip, element, linkText)<br>{<br>$(element).html("");<br>MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>$(element).html(MovieclipViewer3.flash.toString());<br>MovieclipViewer3.flash.ParentDom = $(element);<br><br>var p = $("<p>");<br>$(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>function()<br>{<br>getPlayList();<br>}<br>));<br>$(element).append($("<br/>"));<br>$(element).append($(p));<br>$(element).append($("<br/>"));<br><br>MovieclipViewer3.flash.visiblePlaylistButton(false);<br>MovieclipViewer3.flash.visibleControlBar(false);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);

			// Prepare the play list<br>MovieclipViewer3.flash.openPlayList(clip);<br>},<br>onPlayListReady: function() <br>{<br>MovieclipViewer3.flash.play();<br>},<br>onStop: function() <br>{<br>getPlayList(); <br>}<br>}

			&lt;/source&gt;

Catglobe at 04:11, 15 January 2009

2009-01-15T04:11:54Z

← Older revision		Revision as of 04:11, 15 January 2009
Line 22:		Line 22:

	== Code ==		== Code ==

	~~<source lang="javascript" >~~

	var MovieclipViewer3 =<br>{<br>      onInit: function(clip, element, linkText)<br>      {<br>            MovieclipViewer3.flash = CGFlashPlayers.initialize("xpflash", "http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.swf", 298,265);<br>            $(element).html(MovieclipViewer3.flash.toString());<br>            MovieclipViewer3.flash.ParentDom = $(element);<br><br>            var p = $("<p>");<br>            $(p).append($("<u>" + linkText + "</u>").css("cursor","pointer").css("font-style", "italic").click(<br>                     function()<br>                     {<br>                                 getPlayList();<br>                     }<br>             ));<br>            $(element).append($("<br/>"));<br>            $(element).append($(p));<br>            $(element).append($("<br/>"));<br><br>            MovieclipViewer3.flash.visiblePlaylistButton(false);<br>            MovieclipViewer3.flash.visibleControlBar(false);<br>            MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnPlayListReady, MovieclipViewer3.onPlayListReady);<br>            MovieclipViewer3.flash.registerEvent(CGFlashPlayers.Events.OnStop, MovieclipViewer3.onStop);

	// Prepare the play list<br>            MovieclipViewer3.flash.openPlayList(clip);<br>      },<br>      onPlayListReady: function() <br>      {<br>            MovieclipViewer3.flash.play();<br>      },<br>      onStop: function() <br>      {<br>            getPlayList(); <br>      }<br>}<br></source>

	~~<source lang="javascript" > ~~

	//get the play list<br>function getPlayList()<br>{<br>      var clipLinks = new Array();<br>      clipLinks[0] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369842";<br>      clipLinks[1] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369843";<br>      clipLinks[2] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369844";<br>      clipLinks[3] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369845";<br>      clipLinks[4] = "http://fire.catglobe.com/Attachments/GetAttachment.aspx?id=369846";<br>      var clipNames = new Array();<br>      clipNames[0] = "Clip 1";<br>      clipNames[1] = "Clip 2";<br>      clipNames[2] = "Clip 3";<br>      clipNames[3] = "Clip 4";<br>      clipNames[4] = "Clip 5";<br>      var content = $(".playlist");<br>      $(content).html("");<br>      var p = $("<p>").css("padding-bottom", "5");<br>      var ul = $("<ul>");<br>      $(content).append($(p));<br>      $(p).append($(ul));<br>      for(var i= 0; i<clipLinks.length; i++) <br>      {<br>               $(ul).append($("<li>").text(clipNames[i]).css("cursor","pointer").css("font-style", "italic").val(i)<br>               .click(<br>                     function()<br>                     {<br>                              MovieclipViewer3.onInit(clipLinks[this.value],content, "&lt;&lt;&lt; Back to main list"); <br>                     }<br>               ))<br>      }<br>}

	~~</source>~~

	~~<source lang="javascript" > ~~

	quest.onInit = function()<br>{<br>      if (document.createElement && document.getElementsByTagName) {<br>      var head = document.getElementsByTagName('head')[0];

	var script = document.createElement('script');<br>      script.setAttribute('type', 'text/javascript');<br>      script.setAttribute('src','http://fire.catglobe.com/Script/CGFlashPlayer/CGFlashPlayer.js');

	head.appendChild(script);<br>      } else {<br>               alert('Your browser can\'t deal with the DOM standard. That means it\'s old. Go fix it!');<br>      }<br>      $(".grid_outer").before(<br>               $("<table>").width("100%").attr("align", "center")<br>                           .append(<br>                                       $("<tr>").css("background-color", "white")<br>                                                .append(<br>                                                            $("<td>").attr("align", "center")<br>                                                                        .append(<br>                                                                                  $("<div>")<br>                                                                                             .addClass("playlist")<br>                                                                                    )<br>                                                             ) <br>                                       )<br>                 )<br>      getPlayList();<br>}

	~~</source>~~