phpwebapp-commits Mailing List for phpWebApp (Page 35)
Brought to you by:
dashohoxha
Menu
▾
▴
phpwebapp-commits — Automatic announcement of each commit made to phpwebapp project.
You can subscribe to this list here.
| 2001 |
Jan
|
Feb
|
Mar
|
Apr
|
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
|
Nov
|
Dec
(15) |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 2002 |
Jan
(2) |
Feb
|
Mar
|
Apr
(5) |
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
|
Nov
|
Dec
|
| 2003 |
Jan
|
Feb
(43) |
Mar
|
Apr
|
May
|
Jun
(2) |
Jul
|
Aug
(194) |
Sep
(60) |
Oct
(6) |
Nov
|
Dec
(16) |
| 2004 |
Jan
(73) |
Feb
(13) |
Mar
(5) |
Apr
|
May
(5) |
Jun
|
Jul
(183) |
Aug
|
Sep
(5) |
Oct
(30) |
Nov
|
Dec
|
| 2005 |
Jan
|
Feb
|
Mar
|
Apr
(9) |
May
(1) |
Jun
(35) |
Jul
(17) |
Aug
(2) |
Sep
(6) |
Oct
(19) |
Nov
(108) |
Dec
|
| 2006 |
Jan
(10) |
Feb
(1) |
Mar
(5) |
Apr
|
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
|
Nov
|
Dec
|
|
From: Yves G. <ga...@us...> - 2002-04-13 19:18:13
|
Update of /cvsroot/phpwebapp/documentation/templates/mainMenu
In directory usw-pr-cvs1:/tmp/cvs-serv20719/templates/mainMenu
Modified Files:
Tag: gablin_1
mainMenu.html mainMenu.js mainMenu.php
Added Files:
Tag: gablin_1
mainMenu.css
Log Message:
--- NEW FILE: mainMenu.css ---
#mainMenu-tabs {
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 0 4px;
width: 100%;
z-index: 3;
background-color: rgb(223,223,255);
}
h1 {
text-align: center;
font-size: 1.4em;
font-weight: 600;
font-family: sans-serif;
padding: 0;
}
.mainMenu-between-tabs {
border-bottom: 1px solid rgb(0,0,0);
width: 5px;
}
.mainMenu-tab {
line-height: 1.5em;
vertical-align: top;
border: 1px solid black;
background-color: rgb(255,255,255);
}
.mainMenu-tab-current {
line-height: 1.5em;
vertical-align: top;
border-top: 1px solid rgb(0,0,0);
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
border-bottom: none;
background-color: rgb(239,239,255);
}
.mainMenu-tab a {
font-size: 1.0em;
font-family: sans-serif;
padding: 0 2px;
color: rgb(0,0,127);
text-transform: none;
text-decoration: none;
background-color: rgb(255,255,255);
}
.mainMenu-tab-current a {
font-size: 0.9em;
font-family: sans-serif;
padding: 0 2px;
color: rgb(0,0,0);
text-transform: uppercase;
text-decoration: none;
background-color: rgb(239,239,255);
}
.mainMenu-tab-current a:before {
content: "-{ ";
text-decoration: none;
color: rgb(128,128,128);
}
.mainMenu-tab-current a:after {
content: " }-";
text-decoration: none;
color: rgb(128,128,128);
}
.mainMenu-tab-current a:hover, .mainMenu-tab a:hover {
text-decoration: underline;
}
Index: mainMenu.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/mainMenu/mainMenu.html,v
retrieving revision 1.2.4.1
retrieving revision 1.2.4.2
diff -C2 -d -r1.2.4.1 -r1.2.4.2
*** mainMenu.html 1 Apr 2002 22:46:44 -0000 1.2.4.1
--- mainMenu.html 13 Apr 2002 19:18:04 -0000 1.2.4.2
***************
*** 3,21 ****
<script language="javascript" src="{{./}}mainMenu.js"></script>
! <div id="tabs">
<h1>phpWebApp Documentation</h1>
<table cellspacing="0"><tr>
<td class="{{class_about}}"
! ><a href="javascript: mainMenu_select('about')">About</a></td>
! <td class="between-tabs"> </td>
<td class="{{class_tutorial}}"
! ><a href="javascript: mainMenu_select('tutorial')">Tutorial</a></td>
! <td class="between-tabs"> </td>
<td class="{{class_user_manual}}"
! ><a href="javascript: mainMenu_select('user_manual')">User Manual</a></td>
! <td class="between-tabs"> </td>
<td class="{{class_developer_docs}}"
! ><a href="javascript: mainMenu_select('developer_docs')">Developer Docs</a></td>
</tr></table>
</div>
--- 3,21 ----
<script language="javascript" src="{{./}}mainMenu.js"></script>
! <div id="mainMenu-tabs">
<h1>phpWebApp Documentation</h1>
<table cellspacing="0"><tr>
<td class="{{class_about}}"
! ><a href="javascript: mainMenu_select('about')">About</a></td>
! <td class="mainMenu-between-tabs"> </td>
<td class="{{class_tutorial}}"
! ><a href="javascript: mainMenu_select('tutorial')">Tutorial</a></td>
! <td class="mainMenu-between-tabs"> </td>
<td class="{{class_user_manual}}"
! ><a href="javascript: mainMenu_select('user_manual')">User Manual</a></td>
! <td class="mainMenu-between-tabs"> </td>
<td class="{{class_developer_docs}}"
! ><a href="javascript: mainMenu_select('developer_docs')">Developer Docs</a></td>
</tr></table>
</div>
Index: mainMenu.js
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/mainMenu/mainMenu.js,v
retrieving revision 1.1
retrieving revision 1.1.4.1
diff -C2 -d -r1.1 -r1.1.4.1
*** mainMenu.js 15 Dec 2001 06:04:25 -0000 1.1
--- mainMenu.js 13 Apr 2002 19:18:04 -0000 1.1.4.1
***************
*** 2,5 ****
function mainMenu_select(selected)
{
! GoTo("thisPage?event=mainMenu.select(tab="+selected+")");
}
--- 2,5 ----
function mainMenu_select(selected)
{
! GoTo("thisPage?event=mainMenu.select(tab="+selected+")");
}
Index: mainMenu.php
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/mainMenu/mainMenu.php,v
retrieving revision 1.3.4.1
retrieving revision 1.3.4.2
diff -C2 -d -r1.3.4.1 -r1.3.4.2
*** mainMenu.php 1 Apr 2002 22:46:44 -0000 1.3.4.1
--- mainMenu.php 13 Apr 2002 19:18:04 -0000 1.3.4.2
***************
*** 44,50 ****
function mainMenu_onRender()
{
! //add backgroung variables for the tabs
WebApp::addVars( array(
! "class_tutorial" => "mainMenu-tab",
"class_user_manual" => "mainMenu-tab",
"class_developer_docs" => "mainMenu-tab",
--- 44,50 ----
function mainMenu_onRender()
{
! //add class variables for the tabs
WebApp::addVars( array(
! "class_tutorial" => "mainMenu-tab",
"class_user_manual" => "mainMenu-tab",
"class_developer_docs" => "mainMenu-tab",
|
|
From: Yves G. <ga...@us...> - 2002-04-01 22:46:47
|
Update of /cvsroot/phpwebapp/documentation/templates
In directory usw-pr-cvs1:/tmp/cvs-serv1441/templates
Modified Files:
Tag: gablin_1
about.html main.html styles.css
Log Message:
Index: about.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/about.html,v
retrieving revision 1.12
retrieving revision 1.12.2.1
diff -C2 -d -r1.12 -r1.12.2.1
*** about.html 17 Jan 2002 04:22:11 -0000 1.12
--- about.html 1 Apr 2002 22:46:44 -0000 1.12.2.1
***************
*** 1,144 ****
! <HTML>
! <HEAD>
! <TITLE></TITLE>
! </HEAD>
! <BODY>
! <br>
! <h3>What is phpWebApp</h3>
! <p>
! <b>phpWebApp</b> is an application framework which makes easy and simple
! the task of building PHP web applications based on relational
! databases. It separates the task of designing and changing the
! layout of the application from the task of implementing the logic
! of the application, by using XML templates that are an extension
! of XHTML. It also simplifies the task of implementing the logic of
! the application by offering an event based programming model.
! In addition, phpWebApp tries to offer modularity and code reusability
! to the community of webApp developers.
! </p>
!
! <p>
! Some of the features of the 'phpWebApp' framework, and the advantages and
! benefits of using it for building web applications, are these:
! <ul>
!
! <li> The framework separates the layout from the logic of the
! application, so a graphical designer can easily improve the
! layout of the application without getting messed with the logic
! and without having to understand it. It makes easier the work
! of both the graphical designer and the programer.
! This also facilitates an iterative and incremental development
! approach for web application projects.
!
! <li> The framework gives the possibility to divide a page into several
! parts which can be used in other pages as well. This makes the
! user interface of the application (the layout, the graphical part)
! more structured and easier to understand and maintain and makes
! easier the work of the graphical designer.
!
! <li> The framework looks at web applications from a new point of
! view. From this point of view, a web application is a state machine,
! which can be represented and described by one or more statechart
! diagrams. Each page of the application that is displayed, represents
! the application in a certain state. Clicking to a link causes a
! transition to another state of the application. This simplifies
! the design and the implementation of web applications. Later, if this
! point of view is formalised and elaborated enough, it may provide
! the theoretical bases for automatic code generation of web applications
! from state chart diagrams (e.g. from UML state chart diagrams), and
! for reverse engineering.
!
! <li> The framework supports an event based programing model. When a
! transition from one state of the application to another happens,
! it may trigger an event as well, which is handled by a function
! (event handler). This makes the logic of the application easy to build,
! understand and maintain, and makes easy the work of the web programer.
!
! <li> The framework gives to the web programers the possibility to create
! independent web components (called WebBox-es) which have their own
! user interface (graphical design), client side behaviour, server
! side behaviour, states, events, event handlers, etc. These components
! can be very easily reused in other web applications and thus provide
! code reusability to web programers. This means that if you have
! constructed something once, you don't have to re-construct it again
! when you need it another time, but use it ready.
! <li> The framework brings closer the client-side and the server-side
! logic of a web application. E.g. the session variables (which are
! usually used to keep the state of various parts of the application),
! are available and can be accessed both on client side and on server side.
! <li> The framework makes the interaction with the database almost
! database independent. This means that in case that you decide
! to change the database on which your application is based (e.g.
! switching from MySQL to Oracle), then the application itself
! doesn't need to be changed at all, it will work all the same.
</ul>
- </p>
! <h3>Installation</h3>
! <p>
! phpWebApp is written in PHP, so, before installing it, make sure
! that PHP is installed and works correctly with your web server.
! phpWebApp works on any platform that PHP works, i.e Windows9x/NT/2000,
! Linux/UNIX, Apache, IIS, etc.
! </p>
! <p>
! To install the phpWebApp framework you don't need to make or build
! anything, just get it and copy it to your DocumentRoot folder (the
! folder where your web server looks for web documents). You should
! copy to DocumentRoot the folders 'web_app', 'documentation', and any
! or all the sample applications.
! </p>
! <p>
! You can get the phpWebApp directly from
! <a href="http://sourceforge.net/cvs/?group_id=41147" target="_blank">CVS@sourceforge</a>.
! Login as an <i>anonymous</i> user and checkout the modules <i>web_app</i>,
! <i>documentation</i>, <i>app1</i>, <i>app2</i> etc. Alternatively, you can
! download them from here:
! <a href="http://phpwebapp.sourceforge.net/download/web_app.tar.gz">web_app.tar.gz</a> (168 KB) ,
! <a href="http://phpwebapp.sourceforge.net/download/documentation.tar.gz">documentation.tar.gz</a> (212 KB) ,
! <a href="http://phpwebapp.sourceforge.net/download/app1.tar.gz">app1.tar.gz</a> (5 KB) ,
! <a href="http://phpwebapp.sourceforge.net/download/app2.tar.gz">app2.tar.gz</a> (7 KB)
! </p>
! <h3>Related Links</h3>
<ul>
! <li> <a href="http://sourceforge.net" target="_new"> SourceForge.net
! </a>
! <li> <a href="http://sourceforge.net/projects/phpwebapp/" target="_new">
! phpWebApp Project</a> at SourceForge
! <li> <a href="http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/phpwebapp/" target="_new"> Browse the CVS</a> at SourceForge
! <li> <a href="/documentation/browse.php" target="_new"> Browse the
! Documentation templates </a>
! <li> <a href="/app1/" target="_new"> Sample Application 1 </a>
! <li> <a href="/app1/browse.php" target="_new"> Browse the Sample
! Application templates </a>
</ul>
! <h3>License</h3>
! <p>
! The <b>phpWebApp</b> framework is distributed under the terms of the
! <a href="http://www.fsf.org/copyleft/lesser.html">LGPL (GNU Lesser General Public License)</a>.
! </p>
! <p>
! Copyright (C) 2001 Dashamir Hoxha,
! <a href="mailto:das...@us...">das...@us...</a>
! </p>
! <p>
! LGPL is a free software license. Like GPL, it allows anybody to use,
! redistribute and/or modify this software, but at his own risk, and without
! restricting its freedom. Different from GPL, it allows the software to
! mix with non-free software as well, but yet to retain its freedom.
! </p>
! <p>
! I believe that open source software development is the best way
! to develop strong, robust, reliable software. But maybe
! closed source software is useful sometimes as well.
! By choosing LGPL over GPL I believe that I have chosen collaboration over
! confrontation. I think that collaboration is better than confrontation.
! My philosophy is: "Live and let live, and let the God decide which one is
! in the right way."
! </p>
! <br>
! </BODY>
! </HTML>
--- 1,119 ----
! <h2>What is phpWebApp</h2>
! <p><b>phpWebApp</b> is an application framework which makes easy and simple
! the task of building PHP web applications based on relational databases. It
! separates the task of designing and changing the layout of the application
! from the task of implementing the logic of the application, by using XML
! templates that are an extension of XHTML. It also simplifies the task of
! implementing the logic of the application by offering an event based
! programming model.
! In addition, phpWebApp tries to offer modularity and code reusability
! to the community of webApp developers.</p>
! <p>Some of the features of the 'phpWebApp' framework, and the advantages and
! benefits of using it for building web applications, are these:</p>
! <ul>
! <li>The framework separates the layout from the logic of the
! application, so a graphical designer can easily improve the
! layout of the application without getting messed with the logic
! and without having to understand it. It makes easier the work
! of both the graphical designer and the programer.
! This also facilitates an iterative and incremental development
! approach for web application projects.</li>
! <li>The framework gives the possibility to divide a page into several
! parts which can be used in other pages as well. This makes the
! user interface of the application (the layout, the graphical part)
! more structured and easier to understand and maintain and makes
! easier the work of the graphical designer.</li>
! <li>The framework looks at web applications from a new point of
! view. From this point of view, a web application is a state machine,
! which can be represented and described by one or more statechart
! diagrams. Each page of the application that is displayed, represents
! the application in a certain state. Clicking to a link causes a
! transition to another state of the application. This simplifies
! the design and the implementation of web applications. Later, if this
! point of view is formalised and elaborated enough, it may provide
! the theoretical bases for automatic code generation of web applications
! from state chart diagrams (e.g. from UML state chart diagrams), and
! for reverse engineering.</li>
! <li>The framework supports an event based programing model. When a
! transition from one state of the application to another happens,
! it may trigger an event as well, which is handled by a function
! (event handler). This makes the logic of the application easy to build,
! understand and maintain, and makes easy the work of the web programer.</li>
! <li>The framework gives to the web programers the possibility to create
! independent web components (called WebBox-es) which have their own
! user interface (graphical design), client side behaviour, server
! side behaviour, states, events, event handlers, etc. These components
! can be very easily reused in other web applications and thus provide
! code reusability to web programers. This means that if you have
! constructed something once, you don't have to re-construct it again
! when you need it another time, but use it ready.</li>
! <li>The framework brings closer the client-side and the server-side
! logic of a web application. E.g. the session variables (which are
! usually used to keep the state of various parts of the application),
! are available and can be accessed both on client side and on server
! side.</li>
! <li>The framework makes the interaction with the database almost
! database independent. This means that in case that you decide
! to change the database on which your application is based (e.g.
! switching from MySQL to Oracle), then the application itself
! doesn't need to be changed at all, it will work all the same.</li>
</ul>
! <h2>Installation</h2>
! <p>phpWebApp is written in PHP, so, before installing it, make sure
! that PHP is installed and works correctly with your web server.
! phpWebApp works on any platform that PHP works, i.e Windows9x/NT/2000,
! Linux/UNIX, Apache, IIS, etc.</p>
! <p>To install the phpWebApp framework you don't need to make or build
! anything, just get it and copy it to your DocumentRoot folder (the
! folder where your web server looks for web documents). You should
! copy to DocumentRoot the folders 'web_app', 'documentation', and any
! or all the sample applications.</p>
! <p>You can get the phpWebApp directly from
! <a href="http://sourceforge.net/cvs/?group_id=41147" target="_blank"
! >CVS@sourceforge</a>. Login as an <i>anonymous</i> user and checkout the
! modules <i>web_app</i>, <i>documentation</i>, <i>app1</i>, <i>app2</i> etc.
! Alternatively, you can download them from here:
! <a href="http://phpwebapp.sourceforge.net/download/web_app.tar.gz"
! >web_app.tar.gz</a> (168 KB),
! <a href="http://phpwebapp.sourceforge.net/download/documentation.tar.gz"
! >documentation.tar.gz</a> (212 KB),
! <a href="http://phpwebapp.sourceforge.net/download/app1.tar.gz"
! >app1.tar.gz</a> (5 KB),
! <a href="http://phpwebapp.sourceforge.net/download/app2.tar.gz"
! >app2.tar.gz</a> (7 KB).</p>
!
! <h2>Related Links</h2>
<ul>
! <li><a href="http://sourceforge.net" target="_new"> SourceForge.net</a></li>
! <li><a href="http://sourceforge.net/projects/phpwebapp/" target="_new"
! >phpWebApp Project</a> at SourceForge</li>
! <li><a href="http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/phpwebapp/" target="_new"
! >Browse the CVS</a> at SourceForge</li>
! <li><a href="/documentation/browse.php" target="_new"
! >Browse the Documentation templates</a></li>
! <li><a href="/app1/" target="_new">Sample Application 1</a></li>
! <li><a href="/app1/browse.php" target="_new"
! >Browse the Sample Application templates</a></li>
</ul>
! <h2>License</h2>
! <p>The <b>phpWebApp</b> framework is distributed under the terms of the
! <a href="http://www.fsf.org/copyleft/lesser.html"
! >LGPL (GNU Lesser General Public License)</a>.</p>
! <p>Copyright (C) 2001 Dashamir Hoxha,
! <a href="mailto:das...@us..."
! >das...@us...</a></p>
! <p>LGPL is a free software license. Like GPL, it allows anybody to use,
! redistribute and/or modify this software, but at his own risk, and without
! restricting its freedom. Different from GPL, it allows the software to
! mix with non-free software as well, but yet to retain its freedom.</p>
! <p>I believe that open source software development is the best way
! to develop strong, robust, reliable software. But maybe
! closed source software is useful sometimes as well.
! By choosing LGPL over GPL I believe that I have chosen collaboration over
! confrontation. I think that collaboration is better than confrontation.
! My philosophy is: "Live and let live, and let the God decide which one is
! in the right way."</p>
Index: main.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/main.html,v
retrieving revision 1.2
retrieving revision 1.2.4.1
diff -C2 -d -r1.2 -r1.2.4.1
*** main.html 17 Dec 2001 06:02:28 -0000 1.2
--- main.html 1 Apr 2002 22:46:44 -0000 1.2.4.1
***************
*** 1,30 ****
! <html>
! <head>
! <title> phpWebApp </title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css">
! </head>
! <body bgcolor="white">
! <table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
! <tr>
! <td align="center"><h3>phpWebApp Documentation</h3></td>
! <td width="1%" align="right" valign="top">
! <IMG src="http://sourceforge.net/sflogo.php?group_id=41147" width="88" height="31" border="0" alt="SourceForge Logo">
! </td>
! </tr>
! </table>
! <table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
! <tr><td>
! <Include SRC="{{./}}mainMenu/mainMenu.html">
! </td></tr>
! <tr><td>
! <table width="100%" height="400" align="center" cellspacing="0" cellpadding="1" border="0" bgcolor="#FFAAAA">
! <tr><td valign="top">
! <Include SRC="{{./}}{{content_file}}"/>
! </td></tr>
! </table>
! </td></tr>
! </table>
! </body>
! </html>
--- 1,20 ----
! <html><head>
! <title>phpWebApp</title>
! <link rel="stylesheet" type="text/css" href="{{./}}styles.css" />
! </head><body>
!
! <img src="http://sourceforge.net/sflogo.php?group_id=41147"
! width="88" height="31" border="0" alt="SourceForge Logo" id="sf-logo" />
! <!--img src="graphics/white.gif"
! width="88" height="31" border="0" alt="SourceForge Logo" id="sf-logo" /-->
!
! <Include SRC="{{./}}mainMenu/mainMenu.html" />
!
! <!--table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" -->
! <div id="content">
! <Include SRC="{{./}}{{content_file}}" />
! </div>
!
! </body></html>
Index: styles.css
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/styles.css,v
retrieving revision 1.1.1.1
retrieving revision 1.1.1.1.4.1
diff -C2 -d -r1.1.1.1 -r1.1.1.1.4.1
*** styles.css 12 Dec 2001 01:12:24 -0000 1.1.1.1
--- styles.css 1 Apr 2002 22:46:44 -0000 1.1.1.1.4.1
***************
*** 1,43 ****
! body
! {
! background-color:#FFEEFF;
! margin-top:5px;
! margin-left:5px;
! margin-right:5px;
! margin-bottom:5px;
! }
!
! .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,38 ----
! body {
! background-color: rgb(223,223,255);
! margin: 0;
! }
! #sf-logo {
! position: fixed;
! float: right;
! top: 5px;
! right: 5px;
! z-index: 10;
! }
! #content {
! position: absolute;
! z-index: 0;
! left: 5px;
! right: 5px;
! top: 65px;
! padding: 10px 2px 2px 2px;
! border: 1px solid rgb(0,0,0);
! background-color: rgb(239,239,255);
! }
! h2 {
! text-align: left;
! font-size: 1.4em;
! font-weight: 600;
! font-family: sans-serif;
! padding: 0;
! background-color: rgb(239,223,255);
! }
! a {
! color: rgb(92,64,255);
! text-decoration: underline;
! }
! a:hover {
! text-decoration: none;
! color: rgb(0,0,192);
! background-color: rgb(223,239,255);
! }
|
|
From: Yves G. <ga...@us...> - 2002-04-01 22:46:47
|
Update of /cvsroot/phpwebapp/documentation/templates/mainMenu
In directory usw-pr-cvs1:/tmp/cvs-serv1441/templates/mainMenu
Modified Files:
Tag: gablin_1
mainMenu.html mainMenu.php
Log Message:
Index: mainMenu.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/mainMenu/mainMenu.html,v
retrieving revision 1.2
retrieving revision 1.2.4.1
diff -C2 -d -r1.2 -r1.2.4.1
*** mainMenu.html 16 Dec 2001 05:47:05 -0000 1.2
--- mainMenu.html 1 Apr 2002 22:46:44 -0000 1.2.4.1
***************
*** 1,22 ****
<WebBox ID="mainMenu">
! <script language="javascript" src="{{./}}mainMenu.js"></script>
! <table cellspacing="0" cellpadding="2" border="0" align="left" valign="bottom">
! <tr>
! <td nowrap="true" bgcolor="{{bg_about}}">
! <a href="javascript: mainMenu_select('about')">About</a>
! </td>
! <td width="0" bgcolor="white"></td>
! <td nowrap="true" bgcolor="{{bg_tutorial}}">
! <a href="javascript: mainMenu_select('tutorial')">Tutorial</a>
! </td>
! <td width="0" bgcolor="white"></td>
! <td nowrap="true" bgcolor="{{bg_user_manual}}">
! <a href="javascript: mainMenu_select('user_manual')">User Manual</a>
! </td>
! <td width="0" bgcolor="white"></td>
! <td nowrap="true" bgcolor="{{bg_developer_docs}}">
! <a href="javascript: mainMenu_select('developer_docs')">Developer Docs</a>
! </td>
! </tr>
! </table>
</WebBox>
--- 1,22 ----
<WebBox ID="mainMenu">
! <link rel="stylesheet" type="text/css" href="{{./}}mainMenu.css" />
! <script language="javascript" src="{{./}}mainMenu.js"></script>
!
! <div id="tabs">
! <h1>phpWebApp Documentation</h1>
!
! <table cellspacing="0"><tr>
! <td class="{{class_about}}"
! ><a href="javascript: mainMenu_select('about')">About</a></td>
! <td class="between-tabs"> </td>
! <td class="{{class_tutorial}}"
! ><a href="javascript: mainMenu_select('tutorial')">Tutorial</a></td>
! <td class="between-tabs"> </td>
! <td class="{{class_user_manual}}"
! ><a href="javascript: mainMenu_select('user_manual')">User Manual</a></td>
! <td class="between-tabs"> </td>
! <td class="{{class_developer_docs}}"
! ><a href="javascript: mainMenu_select('developer_docs')">Developer Docs</a></td>
! </tr></table>
! </div>
</WebBox>
Index: mainMenu.php
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/mainMenu/mainMenu.php,v
retrieving revision 1.3
retrieving revision 1.3.4.1
diff -C2 -d -r1.3 -r1.3.4.1
*** mainMenu.php 17 Dec 2001 06:07:23 -0000 1.3
--- mainMenu.php 1 Apr 2002 22:46:44 -0000 1.3.4.1
***************
*** 46,53 ****
//add backgroung variables for the tabs
WebApp::addVars( array(
! "bg_tutorial" => "#EECCCC",
! "bg_user_manual" => "#EECCCC",
! "bg_developer_docs" => "#EECCCC",
! "bg_about" => "#EECCCC"
));
--- 46,53 ----
//add backgroung variables for the tabs
WebApp::addVars( array(
! "class_tutorial" => "mainMenu-tab",
! "class_user_manual" => "mainMenu-tab",
! "class_developer_docs" => "mainMenu-tab",
! "class_about" => "mainMenu-tab"
));
***************
*** 56,60 ****
global $session;
$menu_tab = $session->Vars["mainMenu_tab"];
! WebApp::addVar("bg_".$menu_tab, "#FFAAAA");
}
?>
--- 56,60 ----
global $session;
$menu_tab = $session->Vars["mainMenu_tab"];
! WebApp::addVar("class_".$menu_tab, "mainMenu-tab-current");
}
?>
|
|
From: Dashamir H. <das...@us...> - 2002-01-17 04:48:36
|
Update of /cvsroot/phpwebapp/documentation/config
In directory usw-pr-cvs1:/tmp/cvs-serv14034
Modified Files:
Tag: gablin_1
const.Paths.php
Log Message:
Index: const.Paths.php
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/config/const.Paths.php,v
retrieving revision 1.2
retrieving revision 1.2.4.1
diff -C2 -d -r1.2 -r1.2.4.1
*** const.Paths.php 2001/12/23 01:10:09 1.2
--- const.Paths.php 2002/01/17 04:48:33 1.2.4.1
***************
*** 1,5 ****
<?
//constants of the paths in the application
! define("APP_URL", "/documentation/");
define("WEBAPP_PATH", APP_PATH."../web_app/");
define("EVENTHANDLER_PATH", APP_PATH."event_handlers/");
--- 1,5 ----
<?
//constants of the paths in the application
! define("APP_URL", "/gablin_1/");
define("WEBAPP_PATH", APP_PATH."../web_app/");
define("EVENTHANDLER_PATH", APP_PATH."event_handlers/");
|
|
From: Dashamir H. <das...@us...> - 2002-01-17 04:22:14
|
Update of /cvsroot/phpwebapp/documentation/templates
In directory usw-pr-cvs1:/tmp/cvs-serv8650/templates
Modified Files:
about.html
Log Message:
Index: about.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/about.html,v
retrieving revision 1.11
retrieving revision 1.12
diff -C2 -d -r1.11 -r1.12
*** about.html 2001/12/28 19:56:32 1.11
--- about.html 2002/01/17 04:22:11 1.12
***************
*** 18,21 ****
--- 18,80 ----
</p>
+ <p>
+ Some of the features of the 'phpWebApp' framework, and the advantages and
+ benefits of using it for building web applications, are these:
+ <ul>
+
+ <li> The framework separates the layout from the logic of the
+ application, so a graphical designer can easily improve the
+ layout of the application without getting messed with the logic
+ and without having to understand it. It makes easier the work
+ of both the graphical designer and the programer.
+ This also facilitates an iterative and incremental development
+ approach for web application projects.
+
+ <li> The framework gives the possibility to divide a page into several
+ parts which can be used in other pages as well. This makes the
+ user interface of the application (the layout, the graphical part)
+ more structured and easier to understand and maintain and makes
+ easier the work of the graphical designer.
+
+ <li> The framework looks at web applications from a new point of
+ view. From this point of view, a web application is a state machine,
+ which can be represented and described by one or more statechart
+ diagrams. Each page of the application that is displayed, represents
+ the application in a certain state. Clicking to a link causes a
+ transition to another state of the application. This simplifies
+ the design and the implementation of web applications. Later, if this
+ point of view is formalised and elaborated enough, it may provide
+ the theoretical bases for automatic code generation of web applications
+ from state chart diagrams (e.g. from UML state chart diagrams), and
+ for reverse engineering.
+
+ <li> The framework supports an event based programing model. When a
+ transition from one state of the application to another happens,
+ it may trigger an event as well, which is handled by a function
+ (event handler). This makes the logic of the application easy to build,
+ understand and maintain, and makes easy the work of the web programer.
+
+ <li> The framework gives to the web programers the possibility to create
+ independent web components (called WebBox-es) which have their own
+ user interface (graphical design), client side behaviour, server
+ side behaviour, states, events, event handlers, etc. These components
+ can be very easily reused in other web applications and thus provide
+ code reusability to web programers. This means that if you have
+ constructed something once, you don't have to re-construct it again
+ when you need it another time, but use it ready.
+
+ <li> The framework brings closer the client-side and the server-side
+ logic of a web application. E.g. the session variables (which are
+ usually used to keep the state of various parts of the application),
+ are available and can be accessed both on client side and on server side.
+
+ <li> The framework makes the interaction with the database almost
+ database independent. This means that in case that you decide
+ to change the database on which your application is based (e.g.
+ switching from MySQL to Oracle), then the application itself
+ doesn't need to be changed at all, it will work all the same.
+ </ul>
+ </p>
+
<h3>Installation</h3>
<p>
***************
*** 44,48 ****
</p>
<h3>Related Links</h3>
- <p>
<ul>
<li> <a href="http://sourceforge.net" target="_new"> SourceForge.net
--- 103,106 ----
***************
*** 50,55 ****
<li> <a href="http://sourceforge.net/projects/phpwebapp/" target="_new">
phpWebApp Project</a> at SourceForge
! <li> <a href="http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/phpwebapp/" target="_new">Browse the CVS</a> at SourceForge
! <p>
<li> <a href="/documentation/browse.php" target="_new"> Browse the
Documentation templates </a>
--- 108,112 ----
<li> <a href="http://sourceforge.net/projects/phpwebapp/" target="_new">
phpWebApp Project</a> at SourceForge
! <li> <a href="http://cvs.sourceforge.net/cgi-bin/viewcvs.cgi/phpwebapp/" target="_new"> Browse the CVS</a> at SourceForge
<li> <a href="/documentation/browse.php" target="_new"> Browse the
Documentation templates </a>
***************
*** 57,63 ****
<li> <a href="/app1/browse.php" target="_new"> Browse the Sample
Application templates </a>
-
</ul>
! </p>
<h3>License</h3>
<p>
--- 114,119 ----
<li> <a href="/app1/browse.php" target="_new"> Browse the Sample
Application templates </a>
</ul>
!
<h3>License</h3>
<p>
***************
*** 70,74 ****
</p>
<p>
! LGPL is a free software llicense Like GPL, it allows anybody to use,
redistribute and/or modify this software, but at his own risk, and without
restricting its freedom. Different from GPL, it allows the software to
--- 126,130 ----
</p>
<p>
! LGPL is a free software license. Like GPL, it allows anybody to use,
redistribute and/or modify this software, but at his own risk, and without
restricting its freedom. Different from GPL, it allows the software to
***************
*** 81,86 ****
By choosing LGPL over GPL I believe that I have chosen collaboration over
confrontation. I think that collaboration is better than confrontation.
! My philosophy is: Live and let live, and let the God decide which one is
! in the right way.
</p>
<br>
--- 137,142 ----
By choosing LGPL over GPL I believe that I have chosen collaboration over
confrontation. I think that collaboration is better than confrontation.
! My philosophy is: "Live and let live, and let the God decide which one is
! in the right way."
</p>
<br>
|
|
From: Dashamir H. <das...@us...> - 2001-12-28 20:05:35
|
Update of /cvsroot/phpwebapp/documentation/templates/tutorial In directory usw-pr-cvs1:/tmp/cvs-serv2460/templates/tutorial Modified Files: templates.html transitions.html Log Message: Index: templates.html =================================================================== RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/templates.html,v retrieving revision 1.3 retrieving revision 1.4 diff -C2 -d -r1.3 -r1.4 *** templates.html 2001/12/28 19:56:32 1.3 --- templates.html 2001/12/28 20:05:32 1.4 *************** *** 12,16 **** [<a href="/app2/" target="_new">Test</a>] [<a href="/app2/browse.php" target="_new">Browse</a>] ! [<a href="/download/app2.tar.gz">Download</a>] <br><br> <hr> --- 12,16 ---- [<a href="/app2/" target="_new">Test</a>] [<a href="/app2/browse.php" target="_new">Browse</a>] ! [<a href="http://phpwebapp.sourceforge.net/download/app2.tar.gz">Download</a>] <br><br> <hr> Index: transitions.html =================================================================== RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/transitions.html,v retrieving revision 1.5 retrieving revision 1.6 diff -C2 -d -r1.5 -r1.6 *** transitions.html 2001/12/27 05:30:35 1.5 --- transitions.html 2001/12/28 20:05:32 1.6 *************** *** 11,15 **** [<a href="/app1/" target="_new">Test</a>] [<a href="/app1/browse.php" target="_new">Browse</a>] ! [<a href="/download/app1.tar.gz">Download</a>] <br><br> <hr> --- 11,15 ---- [<a href="/app1/" target="_new">Test</a>] [<a href="/app1/browse.php" target="_new">Browse</a>] ! [<a href="http://phpwebapp.sourceforge.net/download/app1.tar.gz">Download</a>] <br><br> <hr> |
|
From: Dashamir H. <das...@us...> - 2001-12-28 19:56:35
|
Update of /cvsroot/phpwebapp/documentation/templates In directory usw-pr-cvs1:/tmp/cvs-serv397/templates Modified Files: about.html Log Message: Index: about.html =================================================================== RCS file: /cvsroot/phpwebapp/documentation/templates/about.html,v retrieving revision 1.10 retrieving revision 1.11 diff -C2 -d -r1.10 -r1.11 *** about.html 2001/12/27 05:46:41 1.10 --- about.html 2001/12/28 19:56:32 1.11 *************** *** 38,45 **** <i>documentation</i>, <i>app1</i>, <i>app2</i> etc. Alternatively, you can download them from here: ! <a href="/download/web_app.tar.gz">web_app.tar.gz</a> (168 KB) , ! <a href="/download/documentation.tar.gz">documentation.tar.gz</a> (212 KB) , ! <a href="/download/app1.tar.gz">app1.tar.gz</a> (5 KB) , ! <a href="/download/app2.tar.gz">app2.tar.gz</a> (7 KB) </p> <h3>Related Links</h3> --- 38,45 ---- <i>documentation</i>, <i>app1</i>, <i>app2</i> etc. Alternatively, you can download them from here: ! <a href="http://phpwebapp.sourceforge.net/download/web_app.tar.gz">web_app.tar.gz</a> (168 KB) , ! <a href="http://phpwebapp.sourceforge.net/download/documentation.tar.gz">documentation.tar.gz</a> (212 KB) , ! <a href="http://phpwebapp.sourceforge.net/download/app1.tar.gz">app1.tar.gz</a> (5 KB) , ! <a href="http://phpwebapp.sourceforge.net/download/app2.tar.gz">app2.tar.gz</a> (7 KB) </p> <h3>Related Links</h3> |
|
From: Dashamir H. <das...@us...> - 2001-12-28 19:56:35
|
Update of /cvsroot/phpwebapp/documentation/templates/tutorial
In directory usw-pr-cvs1:/tmp/cvs-serv397/templates/tutorial
Modified Files:
templates.html
Log Message:
Index: templates.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/templates.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -C2 -d -r1.2 -r1.3
*** templates.html 2001/12/27 05:30:35 1.2
--- templates.html 2001/12/28 19:56:32 1.3
***************
*** 19,27 ****
<ul>
<li><a href="#templates">Templates</a>
! <li><a href="#variables">Template Variables</a>
! <li><a href="#include">The <Include> tag</a>
! <li><a href="#comments">Comments</a>
! <li><a href="#including">JavaScript code and stylesheet of a template</a>
<li><a href="#exercises">Exercises</a>
</ul>
--- 19,39 ----
<ul>
<li><a href="#templates">Templates</a>
! <ol>
! <li><a href="#variables">Template Variables</a>
! <li><a href="#include">The <Include> tag</a>
! <li><a href="#comments">Comments</a>
! <li><a href="#including">JavaScript code and stylesheet of a template</a>
! </ol>
! <li><a href="#study">Study the sample</a>
<li><a href="#exercises">Exercises</a>
+ <ol>
+ <li><a href="#exercise1">Modify page2.html and page3.html</a>
+ <li><a href="#exercise2">Rename folder 'img' to 'images'</a>
+ <li><a href="#exercise3">Divide Page1 further into subtemplates</a>
+ <li><a href="#exercise4">Move Page1 to a new folder</a>
+ <li><a href="#exercise5">Change the styles of the page1_content</a>
+ <li><a href="#exercise6">Move template tpl_2.html and its related files to folder 'page3/tpl_2/</a>
+ <li><a href="#exercise7"> Think about it</a>
+ </ol>
</ul>
***************
*** 39,48 ****
<a name="variables"></a>
! <h4>Template variables</h4>
<p>
The templates may contain variables inside them (called "template variables"),
which are replaced by the framework with their string values. The variables
! inside a template are denoted by double curly braces: {{tpl_var}}.
</p>
[<a href="#toc">TOC</a>]
--- 51,72 ----
<a name="variables"></a>
! <h5>1 - Template variables</h5>
<p>
The templates may contain variables inside them (called "template variables"),
which are replaced by the framework with their string values. The variables
! inside a template are denoted by double curly braces: <i>{ {tpl_var} }</i>.
</p>
+ <p>
+ See this <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/page3.html','4,8,10,12','')">example</a>.
+ The <i>{ {TPL_URL} }</i> variable in line 4 contains the URL of the folder
+ 'templates', which in this case is '/app2/templates/'. The <i>{ {TPL_PATH} }</i>
+ variable in lines 8 and 12 contains the path in the server of the folder
+ templates, e.g. '/var/www/html/app2/templates/'. Both of them are declared
+ in the file
+ <a href="javascript: codeReview('{{APP2_PATH}}config/const.Paths.php','6,7','')"><i>config/const.Paths.php</i></a>.
+ The variable <i>{ {./} }</i> in line 10 is a special framework variable
+ that always contains the path of the current folder, i.e. the folder
+ of the current file.
+ </p>
[<a href="#toc">TOC</a>]
***************
*** 50,54 ****
<a name="include"></a>
! <h4>The <Include> tag</h4>
<p>
The templates may also contain some extra tags, which are not HTML tags.
--- 74,78 ----
<a name="include"></a>
! <h5>2 - The <Include> tag</h5>
<p>
The templates may also contain some extra tags, which are not HTML tags.
***************
*** 61,69 ****
</pre>
<p>
! It is a very useful tag, because it allows to separate
pages into subtemplates, which results in a better structured application,
provides modularity (the graphical designer can work with smaller pieces of
code), and reusability (templates are easier to be reused in other pages
! or other applications).
</p>
--- 85,94 ----
</pre>
<p>
! It is a very useful tag, because it allows to divide
pages into subtemplates, which results in a better structured application,
provides modularity (the graphical designer can work with smaller pieces of
code), and reusability (templates are easier to be reused in other pages
! or other applications). See again the same
! <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/page3.html','8,10,12','')">example</a>.
</p>
***************
*** 72,76 ****
<a name="comments"></a>
! <h4>Comments</h4>
<p>
The templates may contain some special comments as well:
--- 97,101 ----
<a name="comments"></a>
! <h5>3 - Comments</h5>
<p>
The templates may contain some special comments as well:
***************
*** 83,86 ****
--- 108,112 ----
at the opening and closing marks. These comments are not processed
by the framework and are not displayed in the HTML page that is generated.
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/header.html','1-3','')">Example</a>.
</p>
***************
*** 89,97 ****
<a name="including"></a>
! <h4>JavaScript code and stylesheet of a template</h4>
<p>
If a certain template has some javascript code or some special styles
of its own, then it is better to include them at the begining of the
! template (instead of including them globally, at the header of the page).
This makes the template more independant from the other parts of the page
and thus easier to use it again into another page. They are included like
--- 115,123 ----
<a name="including"></a>
! <h5>4 - JavaScript code and stylesheet of a template</h5>
<p>
If a certain template has some javascript code or some special styles
of its own, then it is better to include them at the begining of the
! template (instead of including them globally, at the <Head> of the page).
This makes the template more independant from the other parts of the page
and thus easier to use it again into another page. They are included like
***************
*** 103,111 ****
</pre>
<p>
The inclusion is much better than writting the JS and CSS code in the
template because it separates the HTML code from the JS and CSS codes.
It also is more efficient (has a better performance) because the next
time that this template is loaded in browser again, most probably the
! browser will get "file.js" and "file.css" from the cache, instead of
retrieving them again from the server.
</p>
--- 129,140 ----
</pre>
<p>
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/footer.html','1','')">example1</a>,
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/tpl_2.html','1','')">example2</a>
+ <br>
The inclusion is much better than writting the JS and CSS code in the
template because it separates the HTML code from the JS and CSS codes.
It also is more efficient (has a better performance) because the next
time that this template is loaded in browser again, most probably the
! browser will get "file.js" and "file.css" from its cache, instead of
retrieving them again from the server.
</p>
***************
*** 114,120 ****
--- 143,406 ----
<hr>
+ <a name="study">
+ <h4>Study the sample</h4>
+ <p>
+ Here we will highlight and discuss some of the features of the
+ sample application, so that we can understand it better.
+ </p>
+ <p>
+ <ul>
+ <li> All the templates of the application are placed
+ in the folder '/templates/'. We tell to the framework where
+ to look for the templates by giving an appropriate value to
+ the constant TPL_PATH in the file
+ <a href="javascript: codeReview('{{APP2_PATH}}config/const.Paths.php','7,8','')"><i>config/const.Paths.php</i></a>.
+ <br><br>
+
+ <li> All the images of this application are placed in the folder '/img/'.
+ In templates they are linked using the { {IMG_URL} } variable.
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/footer.html','9,10','')">See</a> how it is used.
+ The { {IMG_URL} } template variable gets the value from the
+ PHP constant IMG_URL, which is declared in the file
+ <a href="javascript: codeReview('{{APP2_PATH}}config/const.Paths.php','6','')"><i>config/const.Paths.php</i></a>.
+
+ <br><br>
+
+ <li> All the files and templates of the page3 are placed in the folder
+ '/templates/page3/'. Organizing files into folders and subfolders
+ reduces the complexity of the application and makes it easier to be
+ understood and maintained.
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/footer.js','17','')">Notice</a>
+ how the transition to page3 is done.
+ <br><br>
+
+ <li> All the pages include the same header and footer template,
+ e.g. see
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1.html','8,10','')">page1.html</a>.
+ If you want to change something in the footer of the page, then you
+ don't have to change every page, but you make the change only once
+ in the footer.
+ <br><br>
+
+ <li> <a href="/app2/browse.php" target="_blank">Browse</a>
+ the files of the application and see the templates
+ 'page1.html', 'header.html', 'footer.html', 'page1_content.html'.
+ See them both in preview mode and in code view mode (select the
+ "Code View" mode in the panel at the top and then click "Refresh").
+ <br><br>
+
+ <li> Browse the files and see the template 'page2.html' and all the templates
+ in the folder '/templates/page3/'. See them both in preview mode and
+ in code view mode. These two pages are the same in terms of what they
+ display, however they are implemented differently in the server.
+ 'page2.html' is implemented as a flat big HTML file, while
+ 'page3.html' is structured, divided into several small subtemplates.
+ Try to make the same modification in both of them and see which one
+ is easier to be modified.
+ <br><br>
+
+ </ul>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
<a name="exercises">
<h4>Exercises</h4>
<p>
+ Before starting the exercises, make a copy of the application 'app2'
+ to the folder 'test/app2'. If you don't know how to do it, go and
+ study the first part of the tutorial (Transitions).
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise1">
+ <h5>1 - Modify page2.html and page3.html</h5>
+ <p>
+ Change to red the color of the tpl_2_1 box, and change the text
+ inside it to "This box is red!".
+ </p>
+ <p>
+ Modify page2.html:
+ <ol>
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page2.css','52,59','')">page2.css</a>
+ and change the color in the highlighted lines to 'red'.
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page2.html','39-40','')">page2.html</a>
+ and change the text in the highlighted lines to "This box is red!".
+ </ol>
+ Which of the pages do you think is easier to be modified?
+ </p>
+
+ <p>
+ Modify page3.html:
+ <ol>
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/tpl_2_1.css','5,12','')">tpl_2_1.css</a>
+ and change the color in the highlighted lines to 'red'.
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/tpl_2_1.html','5-6','')">tpl_2_1.html</a>
+ and change the text in the highlighted lines to "This box is red!".
+ </ol>
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise2">
+ <h5>2 - Rename folder 'img' to 'images'</h5>
+ <p>
+ <ol>
+ <li> Rename folder 'img' to 'images' ($ mv img images). Test the application;
+ the images will be broken.
+ <li> Change the value of the IMG_URL constant in the file
+ <a href="javascript: codeReview('{{APP2_PATH}}config/const.Paths.php','5-6','')">const.Paths.php</a>.
+ Reload the application. The images should be allright.
+ </ol>
+ If all the images in the application are linked like this:
+ <pre>
+ <img src="{ {IMG_URL} }image_name.gif"/>
+ </pre>
+ there will be no problem. However, if any image is hard linked like this:
+ <pre>
+ <img src="/img/image_name.gif"/>
+ </pre>
+ it will not be displayed.
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise3">
+ <h5>3 - Divide Page1 further into subtemplates</h5>
+ <p>
+ <ol>
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1_content.html','11-17','')">page1_content.html</a>
+ and copy the selected lines to the file 'tpl_vars.html'.
+ <li> Replace the selected lines with this line:
+ <pre>
+ <Include SRC="{ {./} }tpl_vars.html"/>
+ </pre>
+ <li> Copy the
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1_content.html','19-36','15-40')">selected lines</a>
+ of 'page1_content.html' to file 'include_tag.html', and replace
+ them with:
+ <pre>
+ <Include SRC="{ {./} }include_tag.html"/>
+ </pre>
+ <li> Copy the
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1_content.html','38-49','33-55')">selected lines</a>
+ of 'page1_content.html' to file 'comments.html', and replace
+ them with:
+ <pre>
+ <Include SRC="{ {./} }comments.html"/>
+ </pre>
+ <li> Copy the
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1_content.html','51-72','45-72')">selected lines</a>
+ of 'page1_content.html' to file 'js_code.html', and replace
+ them with:
+ <pre>
+ <Include SRC="{ {./} }js_code.html"/>
+ </pre>
+ <li> If you test the application now, page1 will be displayed correctly,
+ but if you click the link 'page1' at the bottom of the page, an
+ error will occour. To fix this, open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/footer.js','7','')">footer.js</a>
+ and correct line 7 to go to "page1/page1.html".
+ <li> Test that the application now is OK.
+ </ol>
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise4">
+ <h5>4 - Move Page1 to a new folder</h5>
+ <p>
+ If you make a listing of the folder '/templates/' you will see that
+ now there are a lot of files in it and it has started to become messy.
+ It would be better if we moved page1 files to another folder.
+ <ol>
+ <li> Create new folder 'page1' ($ mkdir page1)
+ <li> Move files 'page1.html', 'page1_content.html',
+ 'tpl_vars.html', 'include_tags.html', 'comments.html',
+ 'js_code.html' to folder 'page1' (e.g. $ mv page1.html page1/)
+ <li> If you test the application now, it will give an error.
+ Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}event_handlers/on.firstTime.php','8','')">event_handlers/on.firstTime.php</a>
+ and change the $targetPage to "page1/page1.html".
+ <li> If you test the application now, it will not be able to find the
+ stylesheet and the header and footer templates. Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page1.html','4,8,10','')">page1/page1.html</a>
+ and replace <i>{ {./} }</i> with <i>{ {TPL_URL} }</i> for the
+ stylesheet, and with <i>{ {TPL_PATH} }</i> for the templates,
+ in the selected lines.
+ </ol>
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise5">
+ <h5>5 - Change the styles of the page1_content</h5>
+ <p>
+ <ol>
+ <li> In the folder '/templates/page1/' create the file 'page1_content.css'
+ which has these lines:
+ <pre>
+ h4 { color: red }
+ p { color: blue }
+ </pre>
+ <li> At the top of the file 'page1_content.html' add this line:
+ <pre>
+ <link rel="stylesheet" type="text/css" href="{ {./} }page1_content.css">
+ </pre>
+ <li> Test the application and notice the changes in page1.
+ </ol>
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise6">
+ <h5>6 - Move template tpl_2.html and its related files to folder 'page3/tpl_2/</h5>
+ <p>
+ <ol>
+ <li> Create new folder 'tpl_2'
+ ($ cd templates/page3/ $ mkdir tpl_2)
+ <li> Move the files 'tpl_2.html', 'tpl_2.css', 'tpl_2_1.html', 'tpl_2_1.css',
+ 'tpl_2_2.html', 'tpl_2_2.css' to the new folder
+ (e.g. $ mv tpl_2*.* tpl_2)
+ <li> Open the file
+ <a href="javascript: codeReview('{{APP2_PATH}}templates/page3/tmpl.html','11','')">tmpl.html</a>
+ and change the SRC of the included template to
+ "{ {./} }tpl_2/tpl_2.html".
+ <li> Test the application and go to page3. It should be displayed correctly.
+ </ol>
+ Do yourself these changes as well:
+ <ul>
+ <li> Create a new folder '/templates/page2/' and move the files
+ 'page2.html' and 'page2.css' to it.
+ <li> Create a new folder '/templates/page3/tpl_1' and move the files
+ 'tpl_1.html' and 'tpl_1.css' to it.
+ <li> Create a new folder '/templates/page3/tpl_2/tpl_2_1' and move the files
+ 'tpl_2_1.html' and 'tpl_2_1.css' to it.
+ <li> Create a new folder '/templates/page3/tpl_2/tpl_2_2' and move the files
+ 'tpl_2_2.html' and 'tpl_2_2.css' to it.
+ </ul>
+ </p>
+
+ [<a href="#toc">TOC</a>]
+ <hr>
+
+ <a name="exercise7">
+ <h5>7 - Think about it</h5>
+ <p>
+ Suppose that you would like to add the current date at the top of each
+ file (whithout using JavaScript, using PHP). How would you do it?
+ Or, in general, how could you display something from PHP in the page?
</p>
|
|
From: Dashamir H. <das...@us...> - 2001-12-28 19:55:33
|
Update of /cvsroot/phpwebapp/app2/templates
In directory usw-pr-cvs1:/tmp/cvs-serv32691/templates
Modified Files:
footer.html page2.html
Log Message:
Index: footer.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/footer.html,v
retrieving revision 1.1.1.1
retrieving revision 1.2
diff -C2 -d -r1.1.1.1 -r1.2
*** footer.html 2001/12/27 04:22:25 1.1.1.1
--- footer.html 2001/12/28 19:55:30 1.2
***************
*** 7,10 ****
<a href="javascript: goto_page3()"> Page 3 </a> ]
<p>
! <a href="javascript: go_back()"><img src="img/Back.gif" border="0"></a>
! <a href="{{APP_URL}}"><img src="img/home.gif" border="0"></a>
--- 7,10 ----
<a href="javascript: goto_page3()"> Page 3 </a> ]
<p>
! <a href="javascript: go_back()"><img src="{{IMG_URL}}Back.gif" border="0"></a>
! <a href="{{APP_URL}}"><img src="{{IMG_URL}}home.gif" border="0"></a>
Index: page2.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/page2.html,v
retrieving revision 1.1.1.1
retrieving revision 1.2
diff -C2 -d -r1.1.1.1 -r1.2
*** page2.html 2001/12/27 04:22:25 1.1.1.1
--- page2.html 2001/12/28 19:55:30 1.2
***************
*** 9,13 ****
<Include SRC="{{./}}header.html"/>
<h3> A Page Constructed without Subtemplates </h3>
- <link rel="stylesheet" type="text/css" href="{{./}}page2.css" />
<table width="95%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td class="box_title">tpl.html</td></tr>
--- 9,12 ----
|
|
From: Dashamir H. <das...@us...> - 2001-12-28 19:55:33
|
Update of /cvsroot/phpwebapp/app2/config
In directory usw-pr-cvs1:/tmp/cvs-serv32691/config
Modified Files:
const.Paths.php
Log Message:
Index: const.Paths.php
===================================================================
RCS file: /cvsroot/phpwebapp/app2/config/const.Paths.php,v
retrieving revision 1.1.1.1
retrieving revision 1.2
diff -C2 -d -r1.1.1.1 -r1.2
*** const.Paths.php 2001/12/27 04:22:24 1.1.1.1
--- const.Paths.php 2001/12/28 19:55:30 1.2
***************
*** 4,7 ****
--- 4,8 ----
define("WEBAPP_PATH", APP_PATH."../web_app/");
define("EVENTHANDLER_PATH", APP_PATH."event_handlers/");
+ define("IMG_URL", APP_URL."img/");
define("TPL_PATH", APP_PATH."templates/");
define("TPL_URL", APP_URL."templates/");
|
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:46:44
|
Update of /cvsroot/phpwebapp/documentation/templates In directory usw-pr-cvs1:/tmp/cvs-serv3640/templates Modified Files: about.html Log Message: Index: about.html =================================================================== RCS file: /cvsroot/phpwebapp/documentation/templates/about.html,v retrieving revision 1.9 retrieving revision 1.10 diff -C2 -d -r1.9 -r1.10 *** about.html 2001/12/25 00:45:53 1.9 --- about.html 2001/12/27 05:46:41 1.10 *************** *** 41,45 **** <a href="/download/documentation.tar.gz">documentation.tar.gz</a> (212 KB) , <a href="/download/app1.tar.gz">app1.tar.gz</a> (5 KB) , ! <a href="/download/app2.tar.gz">app2.tar.gz</a> </p> <h3>Related Links</h3> --- 41,45 ---- <a href="/download/documentation.tar.gz">documentation.tar.gz</a> (212 KB) , <a href="/download/app1.tar.gz">app1.tar.gz</a> (5 KB) , ! <a href="/download/app2.tar.gz">app2.tar.gz</a> (7 KB) </p> <h3>Related Links</h3> |
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:30:38
|
Update of /cvsroot/phpwebapp/documentation/templates/tutorial
In directory usw-pr-cvs1:/tmp/cvs-serv1454/templates/tutorial
Modified Files:
templates.html transitions.html
Log Message:
Index: templates.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/templates.html,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** templates.html 2001/12/16 05:47:05 1.1
--- templates.html 2001/12/27 05:30:35 1.2
***************
*** 1,4 ****
<h3>2 - Templates</h3>
! The HTML files now become templates. This application
uses the <Include> tag to insert the same header file
at the beginning of each template and to break the
--- 1,5 ----
+ <script language="JavaScript" src="{{./}}codeReview.js"></script>
<h3>2 - Templates</h3>
! Explains templates. This application
uses the <Include> tag to insert the same header file
at the beginning of each template and to break the
***************
*** 9,20 ****
Explains how to debug the template structure.
<br><br>
! [<a href="javascript: alert('Sorry! Not implemented yet.')">Test</a>]
! [<a href="javascript: alert('Sorry! Not implemented yet.')">Browse</a>]
<br><br>
<hr>
! <br>
<ul>
! <li>
! <li>
! <li>
! </ul>
\ No newline at end of file
--- 10,123 ----
Explains how to debug the template structure.
<br><br>
! [<a href="/app2/" target="_new">Test</a>]
! [<a href="/app2/browse.php" target="_new">Browse</a>]
! [<a href="/download/app2.tar.gz">Download</a>]
<br><br>
<hr>
! <a name="toc">
! <h4>Table of Contents</h4>
<ul>
! <li><a href="#templates">Templates</a>
! <li><a href="#variables">Template Variables</a>
! <li><a href="#include">The <Include> tag</a>
! <li><a href="#comments">Comments</a>
! <li><a href="#including">JavaScript code and stylesheet of a template</a>
! <li><a href="#exercises">Exercises</a>
! </ul>
!
! <hr>
! <a name="templates"></a>
! <h4>Templates</h4>
! <p>
! Templates are pieces of HTML code, that are used or combined
! by the framework to generate the HTML pages that are sent to
! the browser.
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
! <a name="variables"></a>
! <h4>Template variables</h4>
! <p>
! The templates may contain variables inside them (called "template variables"),
! which are replaced by the framework with their string values. The variables
! inside a template are denoted by double curly braces: {{tpl_var}}.
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
! <a name="include"></a>
! <h4>The <Include> tag</h4>
! <p>
! The templates may also contain some extra tags, which are not HTML tags.
! These tags are reckognised and processed by the framework. One of them is
! the <Include> tag, which is used to include another template inside the
! current template:
! </p>
! <pre>
! <Include SRC="file_to_be_included" />
! </pre>
! <p>
! It is a very useful tag, because it allows to separate
! pages into subtemplates, which results in a better structured application,
! provides modularity (the graphical designer can work with smaller pieces of
! code), and reusability (templates are easier to be reused in other pages
! or other applications).
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
! <a name="comments"></a>
! <h4>Comments</h4>
! <p>
! The templates may contain some special comments as well:
! </p>
! <pre>
! <!--# Framework comments #-->
! </pre>
! <p>
! These comments are like HTML comments by they have a diesis (#)
! at the opening and closing marks. These comments are not processed
! by the framework and are not displayed in the HTML page that is generated.
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
! <a name="including"></a>
! <h4>JavaScript code and stylesheet of a template</h4>
! <p>
! If a certain template has some javascript code or some special styles
! of its own, then it is better to include them at the begining of the
! template (instead of including them globally, at the header of the page).
! This makes the template more independant from the other parts of the page
! and thus easier to use it again into another page. They are included like
! this:
! </p>
! <pre>
! <script language="javascript" src="file.js"></script>
! <link rel="stylesheet" type="text/css" href="file.css">
! </pre>
! <p>
! The inclusion is much better than writting the JS and CSS code in the
! template because it separates the HTML code from the JS and CSS codes.
! It also is more efficient (has a better performance) because the next
! time that this template is loaded in browser again, most probably the
! browser will get "file.js" and "file.css" from the cache, instead of
! retrieving them again from the server.
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
! <a name="exercises">
! <h4>Exercises</h4>
! <p>
! </p>
!
! [<a href="#toc">TOC</a>]
! <hr>
!
Index: transitions.html
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/templates/tutorial/transitions.html,v
retrieving revision 1.4
retrieving revision 1.5
diff -C2 -d -r1.4 -r1.5
*** transitions.html 2001/12/23 17:06:11 1.4
--- transitions.html 2001/12/27 05:30:35 1.5
***************
*** 11,14 ****
--- 11,15 ----
[<a href="/app1/" target="_new">Test</a>]
[<a href="/app1/browse.php" target="_new">Browse</a>]
+ [<a href="/download/app1.tar.gz">Download</a>]
<br><br>
<hr>
|
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:25:35
|
Update of /cvsroot/phpwebapp/app2/templates/page3
In directory usw-pr-cvs1:/tmp/cvs-serv716
Modified Files:
page3.html
Added Files:
tmpl.html
Removed Files:
tpl.html
Log Message:
--- NEW FILE: tmpl.html ---
<link rel="stylesheet" type="text/css" href="{{./}}tmpl.css" />
<table width="95%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td class="box_title">tpl.html</td></tr>
<tr><td class="box_content">
<table width="100%" border="0" cellspacing="20" cellpadding="0">
<tr>
<td width="60%" valign="top">
<Include SRC="{{./}}tpl_1.html"/>
</td>
<td valign="top">
<Include SRC="{{./}}tpl_2.html"/>
</td>
</tr>
</table>
</td></tr>
</table>
Index: page3.html
===================================================================
RCS file: /cvsroot/phpwebapp/app2/templates/page3/page3.html,v
retrieving revision 1.1.1.1
retrieving revision 1.2
diff -C2 -d -r1.1.1.1 -r1.2
*** page3.html 2001/12/27 04:22:25 1.1.1.1
--- page3.html 2001/12/27 05:25:32 1.2
***************
*** 8,12 ****
<Include SRC="{{TPL_PATH}}header.html"/>
<h3> A Page Constructed by Subtemplates </h3>
! <Include SRC="{{./}}tpl.html"/>
<br><br>
<Include SRC="{{TPL_PATH}}footer.html"/>
--- 8,12 ----
<Include SRC="{{TPL_PATH}}header.html"/>
<h3> A Page Constructed by Subtemplates </h3>
! <Include SRC="{{./}}tmpl.html"/>
<br><br>
<Include SRC="{{TPL_PATH}}footer.html"/>
--- tpl.html DELETED ---
|
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:21:56
|
Update of /cvsroot/phpwebapp/app2/templates/page3
In directory usw-pr-cvs1:/tmp/cvs-serv32658
Added Files:
tmpl.css
Log Message:
--- NEW FILE: tmpl.css ---
.box_title
{
text-align: center;
background-color: #003366;
color: white
}
.box_content
{
height: 250;
background-color: white;
border: thin solid #003366
}
|
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:20:11
|
Update of /cvsroot/phpwebapp/app2/templates/page3 In directory usw-pr-cvs1:/tmp/cvs-serv32304 Removed Files: tpl.css Log Message: --- tpl.css DELETED --- |
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:16:41
|
Update of /cvsroot/phpwebapp/app2/templates/page3 In directory usw-pr-cvs1:/tmp/cvs-serv31801 Added Files: tpl.css Log Message: |
|
From: Dashamir H. <das...@us...> - 2001-12-27 05:02:16
|
Update of /cvsroot/phpwebapp/app2/templates/page3 In directory usw-pr-cvs1:/tmp/cvs-serv29815 Removed Files: tpl.css Log Message: --- tpl.css DELETED --- |
|
From: Dashamir H. <das...@us...> - 2001-12-27 04:22:28
|
Update of /cvsroot/phpwebapp/app2 In directory usw-pr-cvs1:/tmp/cvs-serv24226 Log Message: Sample application nr 2. Status: Vendor Tag: avendor Release Tags: arelease N app2/application.php N app2/index.php N app2/browse.php N app2/config/const.Paths.php N app2/config/const.Settings.php N app2/event_handlers/on.afterPage.php N app2/event_handlers/on.beforePage.php N app2/event_handlers/on.firstTime.php N app2/img/Back.gif N app2/img/home.gif N app2/templates/page1.html N app2/templates/page2.html N app2/templates/styles.css N app2/templates/page2.css N app2/templates/header.html N app2/templates/footer.html N app2/templates/footer.js N app2/templates/page1_content.html N app2/templates/page3/page3.html N app2/templates/page3/tpl_1.html N app2/templates/page3/tpl_2.css N app2/templates/page3/tpl_2.html N app2/templates/page3/tpl_2_1.css N app2/templates/page3/tpl_2_1.html N app2/templates/page3/tpl_2_2.css N app2/templates/page3/tpl_2_2.html N app2/templates/page3/tpl_1.css N app2/templates/page3/tpl.html N app2/templates/page3/tpl.css No conflicts created by this import ***** Bogus filespec: - Imported sources |
|
From: Dashamir H. <das...@us...> - 2001-12-25 23:15:57
|
Update of /cvsroot/phpwebapp/documentation/config
In directory usw-pr-cvs1:/tmp/cvs-serv10770/config
Modified Files:
Tag: netzmacher_1
const.Paths.php
Log Message:
Index: const.Paths.php
===================================================================
RCS file: /cvsroot/phpwebapp/documentation/config/const.Paths.php,v
retrieving revision 1.2
retrieving revision 1.2.2.1
diff -C2 -d -r1.2 -r1.2.2.1
*** const.Paths.php 2001/12/23 01:10:09 1.2
--- const.Paths.php 2001/12/25 23:15:54 1.2.2.1
***************
*** 1,5 ****
<?
//constants of the paths in the application
! define("APP_URL", "/documentation/");
define("WEBAPP_PATH", APP_PATH."../web_app/");
define("EVENTHANDLER_PATH", APP_PATH."event_handlers/");
--- 1,5 ----
<?
//constants of the paths in the application
! define("APP_URL", "/netzmacher_1/");
define("WEBAPP_PATH", APP_PATH."../web_app/");
define("EVENTHANDLER_PATH", APP_PATH."event_handlers/");
|
|
From: Dashamir H. <das...@us...> - 2001-12-25 00:45:56
|
Update of /cvsroot/phpwebapp/documentation/templates In directory usw-pr-cvs1:/tmp/cvs-serv17972 Modified Files: about.html Log Message: Index: about.html =================================================================== RCS file: /cvsroot/phpwebapp/documentation/templates/about.html,v retrieving revision 1.8 retrieving revision 1.9 diff -C2 -d -r1.8 -r1.9 *** about.html 2001/12/25 00:38:36 1.8 --- about.html 2001/12/25 00:45:53 1.9 *************** *** 85,89 **** </p> <br> - </BODY> </HTML> --- 85,88 ---- |
