News Ticker Javascript - Revision history

Ittichai at 10:16, 7 March 2011

2011-03-07T10:16:26Z

Ittichai at 10:15, 7 March 2011

2011-03-07T10:15:57Z

Ittichai at 10:14, 7 March 2011

2011-03-07T10:14:54Z

Ittichai at 10:12, 7 March 2011

2011-03-07T10:12:55Z

Ittichai: Created page with "Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm # Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip. # Unzip and upload only the web..."

2011-03-07T10:12:10Z

Created page with "Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm # Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip. # Unzip and upload only the web..."

New page

Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm

# Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.

# Unzip and upload only the webticker_lib.js to the Shared Components > Static Files of your application.

# Post the following codes in any HTML region.

<pre>
<DIV ID="TICKER" STYLE="overflow:hidden; width:520px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
<span>10/10/2007 </span><a href="http://www.google.com">Google Search ...</a>
<span>10/10/2007 </span><a href="http://www.yahoo.com">Yahoo Search ...</a>
<span>10/10/2007 </span><a href="http://www.apple.com">Apple ...</a>
</DIV>

<script type="text/javascript" src="#WORKSPACE_IMAGES#webticker_lib.js" language="javascript"></script>
</pre>

# The DIV ID must be '''TICKER''' because that is being referred to in the Javascript. If you plan to change it, you have to do it in both places.

# Any text contents within the DIV tag will be displayed. Feel free to modify to suite your needs.

# The attributes of the ticker are in the JS script. The following are the default values.

<pre>
TICKER_RIGHTTOLEFT = false;
TICKER_SPEED = 2;
TICKER_STYLE = "font-family:Arial; font-size:12px; color:#444444";
TICKER_PAUSED = false;
</pre>

← Older revision		Revision as of 10:16, 7 March 2011
Line 1:		Line 1:
	Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm		Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm

		+	== Configuration ==
	* Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.		* Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.

@@ Line 2: / Line 2: @@
 * Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.
 * Unzip and upload only the webticker_lib.js to the Shared Components > Static Files of your application.
 * Post the following codes in any HTML region.
@@ Line 16: / Line 18: @@
 * The DIV ID must be '''TICKER''' because that is being referred to in the Javascript. If you plan to change it, you have to do it in both places.
 * Any text contents within the DIV tag will be displayed. Feel free to modify to suite your needs.
 * The attributes of the ticker are in the JS script. The following are the default values.
@@ Line 25: / Line 29: @@
 TICKER_PAUSED = false;
 </pre>

@@ Line 1: / Line 1: @@
 Reference: http://www.mioplanet.com/rsc/newsticker_javascript.htm
-# Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.
+* Download the javascript from http://www.mioplanet.com/rsc/webticker_lib.zip.
-# Unzip and upload only the webticker_lib.js to the Shared Components > Static Files of your application.
+* Unzip and upload only the webticker_lib.js to the Shared Components > Static Files of your application.
-# Post the following codes in any HTML region.
+* Post the following codes in any HTML region.
 <pre>
@@ Line 15: / Line 15: @@
 </pre>
-# The DIV ID must be '''TICKER''' because that is being referred to in the Javascript. If you plan to change it, you have to do it in both places.
+* The DIV ID must be '''TICKER''' because that is being referred to in the Javascript. If you plan to change it, you have to do it in both places.
-# Any text contents within the DIV tag will be displayed. Feel free to modify to suite your needs.
+* Any text contents within the DIV tag will be displayed. Feel free to modify to suite your needs.
-# The attributes of the ticker are in the JS script. The following are the default values.
+* The attributes of the ticker are in the JS script. The following are the default values.
 <pre>