[phpwebapp-commits] CVS: app1 styles.css,1.1.1.1,1.2 page3.html,1.2,1.3 page2.html,1.2,1.3 page1.htm
Brought to you by:
dashohoxha
Menu
▾
▴
[phpwebapp-commits] CVS: app1 styles.css,1.1.1.1,1.2 page3.html,1.2,1.3 page2.html,1.2,1.3 page1.html,1.2,1.3 external_page.html,1.2,1.3
|
From: Dashamir H. <das...@us...> - 2003-08-16 01:05:18
|
Update of /cvsroot/phpwebapp/app1
In directory sc8-pr-cvs1:/tmp/cvs-serv31719
Modified Files:
styles.css page3.html page2.html page1.html external_page.html
Log Message:
improvments of app1
Index: styles.css
===================================================================
RCS file: /cvsroot/phpwebapp/app1/styles.css,v
retrieving revision 1.1.1.1
retrieving revision 1.2
diff -C2 -d -r1.1.1.1 -r1.2
*** styles.css 21 Feb 2003 08:23:38 -0000 1.1.1.1
--- styles.css 15 Aug 2003 08:15:53 -0000 1.2
***************
*** 1,43 ****
body
{
! background-color:#EFE7D6;
! margin-top:20px;
! margin-left:20px;
! margin-right:20px;
! margin-bottom:20px;
! }
!
! .font
! {
! font-family: Arial, Helvetica, Sans-Se;
! font-size: 10pt;
! color:#000000;
! }
!
! .checkbox, .radio
! {
! }
!
! .text, .button
! {
! font-family: Arial, Helvetica, Sans-Se;
! font-size: 10pt;
! background-color: #EAEAEA;
! color: #006666;
}
! .title
{
! COLOR: #FFFFFF;
! FONT-FAMILY: Arial, Helvetica, Sans-Se;
! FONT-SIZE: 12px;
! FONT-WEIGHT: bold
}
! .strong
{
! COLOR: #000066;
! FONT-FAMILY: Arial, Helvetica, Sans-Se;
! FONT-SIZE: 16px;
! FONT-WEIGHT: bold
}
--- 1,23 ----
body
{
! background-color: #efe7d6;
! margin-top: 20px;
! margin-left: 20px;
! margin-right: 20px;
! margin-bottom: 20px;
! font-family: arial, helvetica, sans-se;
! font-size: 12pt;
! color: #000000;
}
! h1, h2
{
! text-align: center;
}
! strong
{
! color: #000066;
! font-size: 14px;
! font-weight: bold
}
Index: page3.html
===================================================================
RCS file: /cvsroot/phpwebapp/app1/page3.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** page3.html 11 Aug 2003 16:39:02 -0000 1.2
--- page3.html 15 Aug 2003 08:15:53 -0000 1.3
***************
*** 1,24 ****
<html>
! <head>
! <title> Page 3 </title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! </head>
! <body>
! <h2> Page 3 of the application </h2>
! <h3> Debugging Transitions </h3>
! If you open in an editor the file <i>config/const.Settings.php</i>
! you will see there a constant named <i>DEBUG_GOTO</i>. Make it
! <i>true</i> and notice that each time that you make a transition
! you get an alert about it.
! <p>
! Go To [
! <a href="javascript: GoTo('page1.html')"> Page 1 </a> |
! <a href="javascript: GoTo('page2.html')"> Page 2 </a>
! | Page 3 ]
! <p>
! <a href="javascript: history.back()"><img src="img/back.png" border="0"></a>
! <a href="{{APP_URL}}"><img src="img/home.png" border="0"></a>
! </body>
</html>
--- 1,27 ----
<html>
! <head>
! <title>Page 3</title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! </head>
! <body>
! <h2>Page 3 of the application</h2>
!
! <h3>Debugging Transitions</h3>
+ <p>If you open in an editor the file
+ <em>config/const.Debug.php</em> you will see there a constant
+ named <em>DEBUG_GOTO</em>. Make it <em>true</em> and notice that
+ each time that you make a transition you get an alert about
+ it.</p>
+
+ <p>Go To
+ [ <a href="javascript:GoTo('page1.html')">Page 1</a>
+ | <a href="javascript:GoTo('page2.html')">Page 2</a>
+ | Page 3
+ ]</p>
+
+ <a href="javascript:history.back()"><img src="img/back.png" alt="Back" border="0"></a>
+ <a href="{{APP_URL}}"><img src="img/home.png" alt="Home" border="0"></a>
+ </body>
</html>
Index: page2.html
===================================================================
RCS file: /cvsroot/phpwebapp/app1/page2.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** page2.html 11 Aug 2003 16:39:02 -0000 1.2
--- page2.html 15 Aug 2003 08:15:53 -0000 1.3
***************
*** 1,26 ****
<html>
! <head>
! <title> Page 2 </title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! </head>
! <body>
! <h2> Page 2 of the application </h2>
! <h3> External Pages </h3>
! The external pages are HTML pages that are outside the
! application. They are linked as usually in HTML, without using
! transitions and the function <b>GoTo()</b>. See the examples
! below and click the link to the <i>external page</i>.
! <li> <a href="http://www.yahoo.com/"> Yahoo! </a>
! <li> <a href="external_page.html"> external page </a>
! <p>
! Go To [
! <a href="javascript: GoTo('page1.html')"> Page 1 </a> |
! Page 2 |
! <a href="javascript: GoTo('page3.html')"> Page 3 </a> ]
! <p>
! <a href="javascript: history.back()"><img src="img/back.png" border="0"></a>
! <a href="{{APP_URL}}"><img src="img/home.png" border="0"></a>
! </body>
</html>
--- 1,32 ----
<html>
! <head>
! <title>Page 2</title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! </head>
! <body>
! <h2>Page 2 of the application</h2>
+ <h3>External Pages</h3>
+
+ <p>The external pages are HTML pages that are outside the
+ application. They are linked as usually in HTML, without using
+ transitions and the function <strong>GoTo()</strong>. See the
+ examples below and click the link to the <em>external
+ page</em>.</p>
+
+ <ul>
+ <li><a href="http://www.yahoo.com/">Yahoo!</a></li>
+ <li><a href="external_page.html">external page</a></li>
+ </ul>
+
+ <p>Go To
+ [ <a href="javascript:GoTo('page1.html')">Page 1</a>
+ | Page 2
+ | <a href="javascript:GoTo('page3.html')">Page 3</a>
+ ]</p>
+
+ <a href="javascript:history.back()"><img src="img/back.png" alt="Back" border="0"></a>
+ <a href="{{APP_URL}}"><img src="img/home.png" alt="Home" border="0"></a>
+ </body>
</html>
Index: page1.html
===================================================================
RCS file: /cvsroot/phpwebapp/app1/page1.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** page1.html 11 Aug 2003 16:39:02 -0000 1.2
--- page1.html 15 Aug 2003 08:15:53 -0000 1.3
***************
*** 1,44 ****
<html>
! <head>
! <title> Page 1 </title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! <script language="javascript">
! function on_test()
! {
! var msg;
! msg = "Function on_test() is called.\n"
! + "Here we can do input data validations etc.\n"
! + "Finally, if everything is OK, we call\n"
! + "GoTo('page1.html') to make the transition.\n";
! alert(msg);
! GoTo('page1.html');
! }
! </script>
! </head>
! <body>
! <h2> Page 1 of the application </h2>
! <h3> Transitions by GoTo() </h3>
! Transitions from one page of the application to another
! are done by using the javascript function <b>GoTo('page.html')</b>.
! This function is declared by the framework itself and is included
! automatically at the end of each page of the application. Make
! a 'View Source' now and see that there is some code appended to
! the page by the framework.
! <p>
! In real applications, usually <i>GoTo()</i> is called from inside
! a <i>JavaScript</i> function, after making some input data validations
! etc. E.g. try this link: <a href="javascript: on_test()">test</a>
! wich calls the <i>JavaScript</i> function <i>on_test()</i>.
! <p>
! Go To [
! Page 1 |
! <a href="javascript: GoTo('page2.html')"> Page 2 </a> |
! <a href="javascript: GoTo('page3.html')"> Page 3 </a> ]
! <p>
! <a href="javascript: history.back()"><img src="img/back.png" border="0"></a>
! <a href="{{APP_URL}}"><img src="img/home.png" border="0"></a>
! <p>
! </body>
</html>
--- 1,60 ----
<html>
! <head>
! <title>Page 1</title>
! <link rel="stylesheet" type="text/css" href="styles.css">
! <script language="javascript" type="text/javascript">
! function on_test()
! {
! var msg;
! msg = "Function on_test() is called.\n"
! + "Here we can do input data validations etc.\n"
! + "Finally, if everything is OK, we call\n"
! + "GoTo('page1.html') to make the transition.\n";
! alert(msg);
! GoTo('page1.html');
! }
! </script>
! </head>
! <body>
! <h2>Page 1 of the application</h2>
!
! <h3>A phpWebApp Application is Like a State Machine</h3>
!
! <p>The <strong>phpWebApp</strong> thinks of a web application as
! a state machine, where each state is a web page. Each time the browser
! loads something new in its window, you see a snapshot of the application
! in a certain state. For example, this sample application can be
! described by the following state diagram:</p>
!
! <div align="center">
! <img src="img/state_diagram.png"
! alt="A state diagram that represents three pages of the application as three states">
! </div>
!
! <h3>Transitions by GoTo()</h3>
!
! <p>Transitions from one page of the application to another are
! done by using the javascript function
! <strong>GoTo('page.html')</strong>. This function is declared by
! the framework itself and is included automatically at the end of
! each page of the application. Make a 'View Source' now and see
! that there is some code appended to the page by the
! framework.</p>
!
! <p>In real applications, usually <em>GoTo()</em> is called from
! inside a <em>JavaScript</em> function, after making some input
! data validations etc. E.g. try this link:
! <a href="javascript:on_test()">test</a> wich calls the
! <em>JavaScript</em> function <em>on_test()</em>.</p>
!
! <p>Go To
! [ Page 1
! | <a href="javascript:GoTo('page2.html')">Page 2</a>
! | <a href="javascript:GoTo('page3.html')">Page 3</a>
! ]</p>
+ <a href="javascript:history.back()"><img src="img/back.png" alt="Back" border="0"></a>
+ <a href="{{APP_URL}}"><img src="img/home.png" alt="Home" border="0"></a>
+ </body>
</html>
Index: external_page.html
===================================================================
RCS file: /cvsroot/phpwebapp/app1/external_page.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** external_page.html 11 Aug 2003 16:39:02 -0000 1.2
--- external_page.html 15 Aug 2003 08:15:53 -0000 1.3
***************
*** 1,28 ****
<html>
! <head>
! <title> External Page </title>
! </head>
! <body>
! <h3> External Page </h3>
! This page is not a part of the application <b>app1</b>,
! it is a simple HTML page, or the page of another application.
! <p>
! Here you cannot use the function <b>GoTo()</b> because it is
! undefined, e.g. if you try this link:
! <a href="javascript: GoTo('page1.html')"> GoTo('page1.html') </a>
! it will give a javascript error.
! <p>
! You can go to the page of the application from which
! you came here only by pressing the button <b>back</b> in the browser.
! If you try to link to it like this:
! <a href="page2.html"> page2.html </a>, it will not work,
! because the page will be openned in the browser as a simple
! html page (not as a page of the application <b>app1</b>). Try
! to click it and see that the transitions in 'page2.html' will
! not work.
! <p>
! <a href="javascript: history.back()"><img src="img/back.png" border="0"></a>
! </body>
</html>
--- 1,33 ----
<html>
! <head>
! <title>External Page</title>
! </head>
! <body>
! <h3>External Page</h3>
!
! <p>This page is not a part of the application
! <strong>app1</strong>, it is a simple HTML page, or the page of
! another application.</p>
!
! <p>Here you cannot use the function <strong>GoTo()</strong>
! because it is undefined, e.g. if you try this link: <a href=
! "javascript:GoTo('page1.html')">GoTo('page1.html')</a> you
! will get a javascript error.</p>
!
! <p>You can go to the page of the application from which you came
! here only by pressing the button <strong>back</strong> in the
! browser. If you try to link to it like this: <a href=
! "page2.html">page2.html</a> , it will not work, because the page
! will be openned in the browser as a simple html page (like this one)
! not as a page of the application <strong>app1</strong>. Try to click it
! and see that the transitions in 'page2.html' will not work.
! View the source of <a href="page2.html">page2.html</a> and notice
! that additional code added by the framework is missing (the logo
! is missing too).</p>
+ <a href="javascript:history.back()">
+ <img src="img/back.png" alt="Back" border="0">
+ </a>
+ </body>
</html>
|
