<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Recent changes to Quick tutorial</title><link>https://sourceforge.net/p/modalscreen/wiki/Quick%2520tutorial/</link><description>Recent changes to Quick tutorial</description><atom:link href="https://sourceforge.net/p/modalscreen/wiki/Quick%20tutorial/feed" rel="self"/><language>en</language><lastBuildDate>Mon, 16 Jul 2012 01:56:00 -0000</lastBuildDate><atom:link href="https://sourceforge.net/p/modalscreen/wiki/Quick%20tutorial/feed" rel="self" type="application/rss+xml"/><item><title>WikiPage Quick tutorial modified by Víctor Harzbecher</title><link>https://sourceforge.net/p/modalscreen/wiki/Quick%2520tutorial/</link><description>This is a quick tutorial to show how to implement the modalScreen (MoSc) object in any web project, lets start.

The first step is to include 2 required files, the object script and the styles:

    &lt;script type="text/javascript" src="modalScreen.js"&gt;&lt;/script&gt;
    &lt;link type="text/css" rel="stylesheet" media="screen" href="modalScreenStyle.css"&gt;

Then we should declare a script to create the MoSc.

    &lt;script type="text/javascript"&gt;&lt;/script&gt;

Create a new instance is easy, only call the constructor and store the new instance in a variable to handle it later.

    var MoSc = new modalScreen("MoSc");

Then, we can specify the content by 2 ways, from any file, or from text.

    // From file
    MoSc.setContenFile('modalScreenContent.php');
    // From text
    MoSc.setContentText('&lt;div style="width: 100px; height: 40px; text-align: center"&gt;Content From String&lt;/div&gt;');

In the first case we can specify some POST arguments like in the next example:

    MoSc.setContenFile('modalScreenContent.php','message=loaded%20from%20file&amp;title=modalScreen%20content');

And finally we need to call to the ***show();*** function to display the screen, maybe from a button.

    &lt;input type="button" value="Display" onclick="MoSc.show();"/&gt;

The object can be closed calling to the ***close();*** function or defining the modalScreen as click closable (the object will be closed when click on the lock screen) as follows:

    MoSc.setClickClosable(true);

Now you are ready to use modalScreen, remember you can create multiple instances of the object in the same file; and the content from file can have scripts, styles and hypertext. have Fun.</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Víctor Harzbecher</dc:creator><pubDate>Mon, 16 Jul 2012 01:56:00 -0000</pubDate><guid>https://sourceforge.netddeb9c69424869273d641b572a311540886fad7b</guid></item></channel></rss>