Mioplanet Documentation Center
Resources and Help
HomeProductsMioScriptJavaScriptTechNotesPHP
   Home | JavaScript | How to create a Scrolling Alert Software SEARCH    

MioFactory

  TechNotes
Adding a Login feature
Get the real size of a web page
How to create a Business Card
How to create a Desktop Alert
How to create a Desktop Ticker
How to create a Scrolling Alert Software
How to create a Scrolling Ticker
How to create a simple RSS Reader
How to debug
LCD Monitor Chart: Screen Resolution, Size, Pitch, Display Area
Managing read marks
Measuring Elements in JavaScript
Media center remote control
Statistics: How to track users and actions
XML Configuration File Format

  Help
01. Introduction
02. Creating an application
03. Application Settings
04. Manipulating Files
05. Editing Code
06. MioFactory Installer
07. Publishing Applications

  JavaScriptLibraries
alertEngineEx.js
channels.js
gui.k
mioEngine.js
optionsMenu.js
popupAlert.kLIB
popupAlertEx.js
scrollingTicker.js
stats.js
window_resizable.k
xmlFeed.js
xmlSettings.js

  Products
All Products
MioDB
MioFactory
Mioplanet Admin Panel

TechNote
How to create a Scrolling Alert Software

Language: JavaScript
Product: MioFactory


A scrolling alert is a software displaying the latest news from RSS feeds as a scrolling text in an horizontal docked window.

Scrolling Alert Software

The Scrolling Alert application is displayed only when a new alert is received. Alerts are more visible than a popup window as the scrolling text attracts the eyes.
For example, this kind of application is used in hospitals to send alerts to the staff.

It is possible to set the background and text color of the alerts.
Links are also supported for the alerts.

To create a standard popup alert software: How to create a Desktop Alert.
To create a standard scrolling ticker: How to create a Scrolling Ticker.

Creating a Scrolling Alert

 
You can create a Scrolling Alert application with MioFactory:

Create a new project (File/New);

Choose the template Scrolling Alert;

Select an empty folder (create it if necessary) where the application files will be stored;

Click Create.

You are ready to test your application with the default settings.
 

Customizing the Scrolling Alert application

 
You can customize the application to feet your needs.

Customizing the Scrolling Alert

Edit the XML configuration file to set the alerts feeds, the content of the options menu, and much more: .
XML Configuration File Format

Replace the icon file app.ico, used for the shortcuts;

Replace the icon file statusIcon.ico, visible in the status bar (16x16 pixels icon).

Location of the XML configuration file

By default, this file is stored in the application itself, but you can put it on any HTTP server.
When your XML file is online, change the URL in the alert.htm file (SETTINGS_URL=...).
 

Advanced Features

 
With some JavaScript coding, you can add many features to your application.
MioScript can also be used to accede to the whole capabilities of MioEngine.

Adding a Login feature

The Scrolling Alert template uses JavaScript and MioScript libraries.
The libraries will help you to add advanced features such as an history of alerts, playing sounds when an alert is displayed, etc.

JavaScript libraries: {link:LIB_ALERTENGINE_JS}, xmlFeed.js, xmlSettings.js, optionsMenu.js
 



Library AdminPanel

Variables

alerts_bag[][]  |  channels_bag[][]  |  channel_id[]  |  current_alert  |  current_alert_id  |  current_channel  |  current_channel_id  |  current_software  |  current_software_id  |  server_http_root[]  |  server_stats_root[]  |  software_bag[][]  |  software_id[]  |  tab_accounts  |  username  |  xdata_alertsActive[]  |  xdata_alertsHistory[]  |  xdata_alerts[]  |  xdata_channels[]  |  xdata_software[]


Library alertEngineEx.js

Functions

alertEngine_init  |  alertEngine_popup_hide  |  alertEngine_processed

Variables

alertEngine_default_textColor  |  alert_history_max  |  alert_toPopup_max


Library channels.js

Functions

channels_feeds_get  |  channels_feeds_getByCategory  |  channels_feeds_getIndex  |  channels_get_allCategories  |  channels_get_categories  |  channels_get_value  |  channels_init  |  channels_latestNews_clear  |  channels_latestNews_countUnread  |  channels_latestNews_getNextUnread  |  channels_latestNews_getReadMark  |  channels_latestNews_hasUnread  |  channels_latestNews_setAllReadMarks  |  channels_latestNews_setReadMark  |  channels_loadFromMemory  |  channels_readMarks_countUnread  |  channels_readMarks_nextUnread  |  channels_readMarks_setAllAsRead  |  channels_set_value  |  start_download_channels

Events

all_channels_refreshed  |  latest_news_onchange

Variables

default_channels[]  |  default_channels_count  |  enabled_channels[]  |  enabled_channels_count  |  feeds_data[][]  |  latest_news[]  |  latest_news_count  |  MAX_HISTORY_ITEMS  |  MAX_HISTORY_LENGTH  |  MAX_LATEST_NEWS_ITEMS  |  MAX_LATEST_NEWS_LENGTH  |  MAX_LATEST_NEWS_PER_CHANNEL


Library mioEngine.js

Functions

error  |  log  |  logIsEnabled  |  mioxml_createObject  |  mioxml_download  |  mioxml_extract  |  mioxml_getElement  |  mioxml_getElementArray  |  mio_alert  |  mio_autoRestart  |  mio_autoShape_apply  |  mio_autoShape_end  |  mio_autoShape_start  |  mio_close  |  mio_createDownloadID  |  mio_data_get  |  mio_data_getBool  |  mio_data_load  |  mio_data_save  |  mio_data_set  |  mio_dialog  |  mio_dialog_close  |  mio_dialog_html  |  mio_execScript  |  mio_fadeIn  |  mio_fadeOut  |  mio_file_get  |  mio_file_load  |  mio_file_save  |  mio_maintenance  |  mio_menu  |  mio_openAtStartup  |  mio_openURL  |  mio_restart  |  mio_run  |  sendToMio

Variables

isDownloading  |  mioData


Library miolib.js

Functions

array_addIfNotExists  |  array_indexOf  |  array_insertItem  |  array_removeItem  |  blink_set  |  call_callback  |  comma  |  disableOnSelectStart  |  echo  |  isNumber  |  mailTo  |  replace  |  str_decrypt  |  str_encrypt  |  str_posEx  |  text_ellipsis  |  trim

Variables

MIO_XML


Library optionsMenu.js

Functions

linksMenu_show  |  optionsMenu_show


Library scrollingticker.js

Functions

ticker_add  |  ticker_get_scrolling_text  |  ticker_scroll_restart  |  ticker_set_callback  |  ticker_set_text  |  ticker_start  |  ticker_staticMessage

Variables

TICKER_PAUSED  |  TICKER_SCROLL_RATES  |  TICKER_SCROLL_STEPS


Library stats.js

Functions

stats_software_send  |  stats_trackingID_send


Library xmlFeed.js

Functions

xmlfeed_load  |  xmlfeed_readMarks_clear  |  xmlfeed_readMarks_isRead  |  xmlfeed_readMarks_isUnread  |  xmlfeed_readMarks_load  |  xmlfeed_readMarks_save  |  xmlfeed_readMarks_setAsRead  |  xmlfeed_readMarks_setAsUnread

Variables

MAX_NEWS_PER_FEED  |  MAX_READMARKS


Library xmlsettings.js

Functions

xml_settings_ads_get  |  xml_settings_appUpdate  |  xml_settings_download  |  xml_settings_getLocalVersion  |  xml_settings_menu_get

Variables

XML Alerts Feeds  |  xml_settings_obj  |  xml_settings_xml