Return-Path: X-Original-To: apmail-clerezza-commits-archive@www.apache.org Delivered-To: apmail-clerezza-commits-archive@www.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id 1C0F9F5DB for ; Wed, 3 Apr 2013 18:40:13 +0000 (UTC) Received: (qmail 75225 invoked by uid 500); 3 Apr 2013 18:40:13 -0000 Delivered-To: apmail-clerezza-commits-archive@clerezza.apache.org Received: (qmail 75200 invoked by uid 500); 3 Apr 2013 18:40:13 -0000 Mailing-List: contact commits-help@clerezza.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@clerezza.apache.org Delivered-To: mailing list commits@clerezza.apache.org Received: (qmail 75193 invoked by uid 99); 3 Apr 2013 18:40:13 -0000 Received: from athena.apache.org (HELO athena.apache.org) (140.211.11.136) by apache.org (qpsmtpd/0.29) with ESMTP; Wed, 03 Apr 2013 18:40:12 +0000 X-ASF-Spam-Status: No, hits=-2000.0 required=5.0 tests=ALL_TRUSTED X-Spam-Check-By: apache.org Received: from [140.211.11.4] (HELO eris.apache.org) (140.211.11.4) by apache.org (qpsmtpd/0.29) with ESMTP; Wed, 03 Apr 2013 18:40:08 +0000 Received: from eris.apache.org (localhost [127.0.0.1]) by eris.apache.org (Postfix) with ESMTP id 94FE52388C2A; Wed, 3 Apr 2013 18:38:53 +0000 (UTC) Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 8bit Subject: svn commit: r1464148 [20/34] - in /clerezza/site/production: ./ architecture/ architecture/images/ bundle-doc/ bundle-doc/org.apache.clerezza.bundledevtool/ bundle-doc/org.apache.clerezza.bundledevtool/intro-content-el/ bundle-doc/org.apache.clerezza.p... Date: Wed, 03 Apr 2013 18:37:57 -0000 To: commits@clerezza.apache.org From: reto@apache.org X-Mailer: svnmailer-1.0.8-patched Message-Id: <20130403183853.94FE52388C2A@eris.apache.org> X-Virus-Checked: Checked by ClamAV on apache.org Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,44 @@ + + + + + + Untitled Content + + + The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> + <script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> + <script src="/clerezza/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/clerezza/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/clerezza/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/clerezza/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,48 @@ + + + + + + + 1 + + + + + The <code xmlns="http://www.w3.org/1999/xhtml">Overlay</code> behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +<br xmlns="http://www.w3.org/1999/xhtml"/> +<br xmlns="http://www.w3.org/1999/xhtml"/> +The following css and scripts have to be included: +<div xmlns="http://www.w3.org/1999/xhtml" class="tx-blockcode"> + &lt;link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/&gt; + &lt;script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/yui/element/element-min.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/yui/container/container-min.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/yui/dragdrop/dragdrop-min.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/yui/resize/resize-min.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/yui/utilities/utilities.js" type="text/javascript"/&gt; + &lt;script src="/clerezza/scripts/overlay.js" type="text/javascript"/&gt; +</div> +<br xmlns="http://www.w3.org/1999/xhtml"/> +<br xmlns="http://www.w3.org/1999/xhtml"/> +<strong xmlns="http://www.w3.org/1999/xhtml">Example</strong>;: + +<br xmlns="http://www.w3.org/1999/xhtml"/> +<div xmlns="http://www.w3.org/1999/xhtml" class="tx-blockcode"> +... + &lt;body&gt; + &lt;div style="display: none"&gt; + &lt;div id="myOverlayBody"&gt;body&lt;/div&gt; + &lt;/div&gt; + &lt;div&gt; + &lt;a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');"&gt;click here to add the overlay &lt;/a&gt; &lt;br/&gt; + &lt;/div&gt; + &lt;/body&gt; +... +<br/> +</div> + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-content.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,44 @@ + + + + + + Untitled Content + + + The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> + <script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> + <script src="/clerezza/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/clerezza/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/clerezza/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/clerezza/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,12 @@ + + + + + + Untitled Content + + + Overlay + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,16 @@ + + + + + + Overlay + + + + + 0 + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3-title.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,12 @@ + + + + + + Untitled Content + + + Overlay + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,136 @@ + + + + Overlay + + + +
+ +
+ +
+ + +
+

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/yui/element/element-min.js" type="text/javascript"/> + <script src="/yui/container/container-min.js" type="text/javascript"/> + <script src="/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+ +
+ + + + + \ No newline at end of file Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,27 @@ + + + + + + + + + + + + + 1 + + + 3 + + + + + + + 0 + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content-el/3.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,136 @@ + + + + Overlay + + + +
+ +
+ +
+ + +
+

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/yui/element/element-min.js" type="text/javascript"/> + <script src="/yui/container/container-min.js" type="text/javascript"/> + <script src="/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+ +
+ + + + + \ No newline at end of file Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,142 @@ + + + + + + Untitled Content + + + + +

Modification Status +

+
The ModificationStatus is a global object with a field isModified indicating if some saveable information has been changed on the page. +
+
+The isModified field can be set by client code (see example: if the user clicks on the div with the blue background color isModified is set to true), or alternatively elements that fire change events can be registered for being monitored using watchElements (the following example adds listeners to all input fields).watchElements takes a jquery selector string to specify the elements to be watched.

+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <script src="/clerezza/jquery/jquery-1.3.2.min.js" + type="text/javascript" /> + <script src="/clerezza/scripts/modification-status.js" type="text/javascript" /> + <script type="text/javascript"> + ModificationStatus.watchElements("input"); + </script> + <title>Simple</title> + </head> + <body> + <div> + <div>click to modify: + <div style="background-color: blue" + onclick="this.style.backgroundColor = 'red'; ModificationStatus.isModified = true"> + </div> + </div> + <a href="http://clerezza.org/">clerezza.org</a> + <a href="http://clerezza.org/">clerezza.org</a> + <input type="text" / > + </body> +</html> +
+
+
+
+ +

Status Message +

+
StatusMessage allows to add/remove status messages (e.g. saving) to an overlay (absolut positioned div) which follows the mouse pointer. During a ajax request a status message can be added and after the response the message can be removed. Each message is added to an array. +
+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link type="text/css" href="/clerezza/style/style.css" rel="stylesheet" /> + <script src="/clerezza/jquery/jquery-1.3.2.min.js" type="text/javascript" /> + <script src="/clerezza/scripts/status-message.js" type="text/javascript" /> + + <title>Simple</title> + </head> + <body> + <div> + <a href="#" onclick="statusMessage.add('id-of-message', 'text to display');">click here to add the message </a> <br/> + <a href="#" onclick="statusMessage.remove('id-of-message');">click here to remove the message </a> + </div> + </body> +</html> +
+
+
+
+ +

Alert Message +

+
AlertMessage shows a dialog box on top of a page. AlertMessage has a method show, which creates and renders a dialog box. This method takes as argument a callback function, which is executed when the "accept"-button is pressed, message, a header message, text for the "accept"-button and text for the "decline"-button. The message, header message, text for "accept"-button, text for the "decline"-button are optional. The default values are shown in the following example. +
+
+AlertMessage needs the following css and javascript: +
+<link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> +<script src="/clerezza/jquery/jquery-1.3.2.min.js" type="text/javascript" /> +<script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> +<script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> +<script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> +<script src="/clerezza/scripts/alert-message.js" type="text/javascript"/> +
+
+
+
+AlertMessage.show(function(){alert("done");}, "Are you sure you want to lose the unsaved changes", "Unsaved changes", "Yes", "No"); +
+
+
+ +

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> + <script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> + <script src="/clerezza/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/clerezza/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/clerezza/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/clerezza/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+
+ + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,39 @@ + + + + + + + + + + 2 + + + + + 1 + + + + + 1 + + + + + 3 + + + + + + + 0 + + + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-content.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,142 @@ + + + + + + Untitled Content + + + + +

Modification Status +

+
The ModificationStatus is a global object with a field isModified indicating if some saveable information has been changed on the page. +
+
+The isModified field can be set by client code (see example: if the user clicks on the div with the blue background color isModified is set to true), or alternatively elements that fire change events can be registered for being monitored using watchElements (the following example adds listeners to all input fields).watchElements takes a jquery selector string to specify the elements to be watched.

+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <script src="/clerezza/jquery/jquery-1.3.2.min.js" + type="text/javascript" /> + <script src="/clerezza/scripts/modification-status.js" type="text/javascript" /> + <script type="text/javascript"> + ModificationStatus.watchElements("input"); + </script> + <title>Simple</title> + </head> + <body> + <div> + <div>click to modify: + <div style="background-color: blue" + onclick="this.style.backgroundColor = 'red'; ModificationStatus.isModified = true"> + </div> + </div> + <a href="http://clerezza.org/">clerezza.org</a> + <a href="http://clerezza.org/">clerezza.org</a> + <input type="text" / > + </body> +</html> +
+
+
+
+ +

Status Message +

+
StatusMessage allows to add/remove status messages (e.g. saving) to an overlay (absolut positioned div) which follows the mouse pointer. During a ajax request a status message can be added and after the response the message can be removed. Each message is added to an array. +
+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link type="text/css" href="/clerezza/style/style.css" rel="stylesheet" /> + <script src="/clerezza/jquery/jquery-1.3.2.min.js" type="text/javascript" /> + <script src="/clerezza/scripts/status-message.js" type="text/javascript" /> + + <title>Simple</title> + </head> + <body> + <div> + <a href="#" onclick="statusMessage.add('id-of-message', 'text to display');">click here to add the message </a> <br/> + <a href="#" onclick="statusMessage.remove('id-of-message');">click here to remove the message </a> + </div> + </body> +</html> +
+
+
+
+ +

Alert Message +

+
AlertMessage shows a dialog box on top of a page. AlertMessage has a method show, which creates and renders a dialog box. This method takes as argument a callback function, which is executed when the "accept"-button is pressed, message, a header message, text for the "accept"-button and text for the "decline"-button. The message, header message, text for "accept"-button, text for the "decline"-button are optional. The default values are shown in the following example. +
+
+AlertMessage needs the following css and javascript: +
+<link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> +<script src="/clerezza/jquery/jquery-1.3.2.min.js" type="text/javascript" /> +<script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> +<script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> +<script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> +<script src="/clerezza/scripts/alert-message.js" type="text/javascript"/> +
+
+
+
+AlertMessage.show(function(){alert("done");}, "Are you sure you want to lose the unsaved changes", "Unsaved changes", "Yes", "No"); +
+
+
+ +

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/clerezza/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/clerezza/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/clerezza/yui/element/element-min.js" type="text/javascript"/> + <script src="/clerezza/yui/container/container-min.js" type="text/javascript"/> + <script src="/clerezza/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/clerezza/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/clerezza/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/clerezza/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+
+ + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,12 @@ + + + + + + Untitled Content + + + Javascript Library + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,16 @@ + + + + 0 + + + + Javascript Library + + + + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts-title.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,12 @@ + + + + + + Untitled Content + + + Javascript Library + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.html (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,234 @@ + + + + Javascript Library + + + +
+ +
+ +
+ + +
+

Javascript Library +

+
+ +

Modification Status +

+
The ModificationStatus is a global object with a field isModified indicating if some saveable information has been changed on the page. +
+
+The isModified field can be set by client code (see example: if the user clicks on the div with the blue background color isModified is set to true), or alternatively elements that fire change events can be registered for being monitored using watchElements (the following example adds listeners to all input fields).watchElements takes a jquery selector string to specify the elements to be watched.

+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <script src="/jquery/jquery-1.3.2.min.js" + type="text/javascript" /> + <script src="/scripts/modification-status.js" type="text/javascript" /> + <script type="text/javascript"> + ModificationStatus.watchElements("input"); + </script> + <title>Simple</title> + </head> + <body> + <div> + <div>click to modify: + <div style="background-color: blue" + onclick="this.style.backgroundColor = 'red'; ModificationStatus.isModified = true"> + </div> + </div> + <a href="http://clerezza.org/">clerezza.org</a> + <a href="http://clerezza.org/">clerezza.org</a> + <input type="text" / > + </body> +</html> +
+
+
+
+ +

Status Message +

+
StatusMessage allows to add/remove status messages (e.g. saving) to an overlay (absolut positioned div) which follows the mouse pointer. During a ajax request a status message can be added and after the response the message can be removed. Each message is added to an array. +
+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link type="text/css" href="/style/style.css" rel="stylesheet" /> + <script src="/jquery/jquery-1.3.2.min.js" type="text/javascript" /> + <script src="/scripts/status-message.js" type="text/javascript" /> + + <title>Simple</title> + </head> + <body> + <div> + <a href="#" onclick="statusMessage.add('id-of-message', 'text to display');">click here to add the message </a> <br/> + <a href="#" onclick="statusMessage.remove('id-of-message');">click here to remove the message </a> + </div> + </body> +</html> +
+
+
+
+ +

Alert Message +

+
AlertMessage shows a dialog box on top of a page. AlertMessage has a method show, which creates and renders a dialog box. This method takes as argument a callback function, which is executed when the "accept"-button is pressed, message, a header message, text for the "accept"-button and text for the "decline"-button. The message, header message, text for "accept"-button, text for the "decline"-button are optional. The default values are shown in the following example. +
+
+AlertMessage needs the following css and javascript: +
+<link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> +<script src="/jquery/jquery-1.3.2.min.js" type="text/javascript" /> +<script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> +<script src="/yui/element/element-min.js" type="text/javascript"/> +<script src="/yui/container/container-min.js" type="text/javascript"/> +<script src="/scripts/alert-message.js" type="text/javascript"/> +
+
+
+
+AlertMessage.show(function(){alert("done");}, "Are you sure you want to lose the unsaved changes", "Unsaved changes", "Yes", "No"); +
+
+
+ +

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/yui/element/element-min.js" type="text/javascript"/> + <script src="/yui/container/container-min.js" type="text/javascript"/> + <script src="/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+
+ +
+ +
+ + + + + \ No newline at end of file Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,23 @@ + + + + 0 + + + + + + + + + 1 + + + + + + + Added: clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.clerezza.web.resources.scripts/web-resources-scripts.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,234 @@ + + + + Javascript Library + + + +
+ +
+ +
+ + +
+

Javascript Library +

+
+ +

Modification Status +

+
The ModificationStatus is a global object with a field isModified indicating if some saveable information has been changed on the page. +
+
+The isModified field can be set by client code (see example: if the user clicks on the div with the blue background color isModified is set to true), or alternatively elements that fire change events can be registered for being monitored using watchElements (the following example adds listeners to all input fields).watchElements takes a jquery selector string to specify the elements to be watched.

+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <script src="/jquery/jquery-1.3.2.min.js" + type="text/javascript" /> + <script src="/scripts/modification-status.js" type="text/javascript" /> + <script type="text/javascript"> + ModificationStatus.watchElements("input"); + </script> + <title>Simple</title> + </head> + <body> + <div> + <div>click to modify: + <div style="background-color: blue" + onclick="this.style.backgroundColor = 'red'; ModificationStatus.isModified = true"> + </div> + </div> + <a href="http://clerezza.org/">clerezza.org</a> + <a href="http://clerezza.org/">clerezza.org</a> + <input type="text" / > + </body> +</html> +
+
+
+
+ +

Status Message +

+
StatusMessage allows to add/remove status messages (e.g. saving) to an overlay (absolut positioned div) which follows the mouse pointer. During a ajax request a status message can be added and after the response the message can be removed. Each message is added to an array. +
+
+Example: + +
+
+<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <link type="text/css" href="/style/style.css" rel="stylesheet" /> + <script src="/jquery/jquery-1.3.2.min.js" type="text/javascript" /> + <script src="/scripts/status-message.js" type="text/javascript" /> + + <title>Simple</title> + </head> + <body> + <div> + <a href="#" onclick="statusMessage.add('id-of-message', 'text to display');">click here to add the message </a> <br/> + <a href="#" onclick="statusMessage.remove('id-of-message');">click here to remove the message </a> + </div> + </body> +</html> +
+
+
+
+ +

Alert Message +

+
AlertMessage shows a dialog box on top of a page. AlertMessage has a method show, which creates and renders a dialog box. This method takes as argument a callback function, which is executed when the "accept"-button is pressed, message, a header message, text for the "accept"-button and text for the "decline"-button. The message, header message, text for "accept"-button, text for the "decline"-button are optional. The default values are shown in the following example. +
+
+AlertMessage needs the following css and javascript: +
+<link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> +<script src="/jquery/jquery-1.3.2.min.js" type="text/javascript" /> +<script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> +<script src="/yui/element/element-min.js" type="text/javascript"/> +<script src="/yui/container/container-min.js" type="text/javascript"/> +<script src="/scripts/alert-message.js" type="text/javascript"/> +
+
+
+
+AlertMessage.show(function(){alert("done");}, "Are you sure you want to lose the unsaved changes", "Unsaved changes", "Yes", "No"); +
+
+
+ +

Overlay +

+
The Overlay behave similarly to an OS window. Unlike true browser popup windows, the overlay is floating DHTML elements embedded directly within the page context. The Overlay is positioned above the flow of a page and is draggable, resizable and has a close button. The Overlay has a method show with arguments body, header, width and height, which renders the overlay. The body and the header can be html elements or text. The width (default value: 46em) and height (default value: 37em) can be defined absolutely or relatively. +
+
+The following css and scripts have to be included: +
+ <link href="/yui/container/assets/container-core.css" rel="stylesheet" type="text/css"/> + <script src="/yui/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"/> + <script src="/yui/element/element-min.js" type="text/javascript"/> + <script src="/yui/container/container-min.js" type="text/javascript"/> + <script src="/yui/dragdrop/dragdrop-min.js" type="text/javascript"/> + <script src="/yui/resize/resize-min.js" type="text/javascript"/> + <script src="/yui/utilities/utilities.js" type="text/javascript"/> + <script src="/scripts/overlay.js" type="text/javascript"/> +
+
+
+Example;: + +
+
+... + <body> + <div style="display: none"> + <div id="myOverlayBody">body</div> + </div> + <div> + <a href="#" onclick="Overlay.show($('#myOverlayBody').html(),'header', '20em', '10em');">click here to add the overlay </a> <br/> + </div> + </body> +... +
+
+ +
+
+ +
+ +
+ + + + + \ No newline at end of file Added: clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.html URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.html?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.html (added) +++ clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.html Wed Apr 3 18:37:39 2013 @@ -0,0 +1,19 @@ + + + + + + Untitled Content + + + The following functionalities are provided by the platform with respect to security +
    +
  • User Authentication
  • +
  • Permission Management
  • +
  • Permission Check Service
  • +
  • User Authorization
  • +
+ + + + Added: clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.rdf URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.rdf?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.rdf (added) +++ clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.rdf Wed Apr 3 18:37:39 2013 @@ -0,0 +1,23 @@ + + + The following functionalities are provided by the platform with respect to security +
    +
  • User Authentication
  • +
  • Permission Management
  • +
  • Permission Check Service
  • +
  • User Authorization
  • +
+
+ +
+ + + + + + 0 + + +
Added: clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.xhtml URL: http://svn.apache.org/viewvc/clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.xhtml?rev=1464148&view=auto ============================================================================== --- clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.xhtml (added) +++ clerezza/site/production/bundle-doc/org.apache.stanbol.commons.security.core/security-content-el/0.xhtml Wed Apr 3 18:37:39 2013 @@ -0,0 +1,19 @@ + + + + + + Untitled Content + + + The following functionalities are provided by the platform with respect to security +
    +
  • User Authentication
  • +
  • Permission Management
  • +
  • Permission Check Service
  • +
  • User Authorization
  • +
+ + + +