Talenttic_survey/CATI_Tool
2
0
Fork 0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00
Code Issues Releases Activity

Merging the updated Limesurvey 1.92+ branch of queXS to trunk

Browse Source
This commit is contained in:
azammitdcarf
2012-11-21 04:04:39 +00:00
parent 153fc8ca0d
commit c569559964
856 changed files with 254260 additions and 819988 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
include/limesurvey/admin/scripts/tabpane/css/tab.css
View File

@@ -1,61 +1,61 @@
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -1px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ActiveBorder;
border: 0; /* 1px solid; */
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
white-space: nowrap;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
background: ThreeDHighlight !important;
border: 1px solid ThreeDDarkShadow;
border-bottom: 0;
z-index: 3;
padding: 2px 6px 4px 6px;
margin: 1px -3px -3px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
background: Highlight;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid ThreeDDarkShadow;
background: ThreeDHighlight;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
height: 200px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -1px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ActiveBorder;
border: 0; /* 1px solid; */
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
white-space: nowrap;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
background: ThreeDHighlight !important;
border: 1px solid ThreeDDarkShadow;
border-bottom: 0;
z-index: 3;
padding: 2px 6px 4px 6px;
margin: 1px -3px -3px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
background: Highlight;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid ThreeDDarkShadow;
background: ThreeDHighlight;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
height: 200px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}

116
include/limesurvey/admin/scripts/tabpane/css/tab.winclassic.css
View File

@@ -1,59 +1,59 @@
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
border-bottom: 0;
z-index: 3;
padding: 2px 6px 5px 7px;
margin: 1px -3px -2px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .hover a {
color: blue;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
background: ThreeDFace;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
border-bottom: 0;
z-index: 3;
padding: 2px 6px 5px 7px;
margin: 1px -3px -2px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .hover a {
color: blue;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
background: ThreeDFace;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}

426
include/limesurvey/admin/scripts/tabpane/demo.html
View File

@@ -1,213 +1,213 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="local/webfxlayout.js"></script>
<!-- this link element includes the css definitions that describes the tab pane -->
<!--
<link type="text/css" rel="stylesheet" href="tab.winclassic.css" />
-->
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" disabled="disabled" />
<link id="webfx-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.webfx.css" disabled="disabled" />
<link id="winclassic-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.winclassic.css" disabled="disabled" />
<!-- the id is not needed. It is used here to be able to change css file at runtime -->
<style type="text/css">
.dynamic-tab-pane-control .tab-page {
height: 200px;
}
.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page
{
height: 100px;
}
html,body {
background: ThreeDFace;
}
form {
margin: 0;
padding: 0;
}
/* over ride styles from webfxlayout */
body {
margin: 10px;
width: auto;
height: auto;
}
.dynamic-tab-pane-control h2 {
text-align: center;
width: auto;
}
.dynamic-tab-pane-control h2 a {
display: inline;
width: auto;
}
.dynamic-tab-pane-control a:hover {
background: transparent;
}
</style>
<script type="text/javascript" src="js/tabpane.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function setLinkSrc( sStyle ) {
document.getElementById( "luna-tab-style-sheet" ).disabled = sStyle != "luna";
document.getElementById( "webfx-tab-style-sheet" ).disabled = sStyle != "webfx"
document.getElementById( "winclassic-tab-style-sheet" ).disabled = sStyle != "winclassic"
document.documentElement.style.background =
document.body.style.background = sStyle == "webfx" ? "white" : "ThreeDFace";
}
setLinkSrc( "luna" );
//]]>
</script>
<form action="#">
<fieldset><legend>Select Style Sheet</legend> <input
id="luna-radio" type="radio" name="tab-css-radio" checked="checked"
value="css/luna/tab.css" onclick="setLinkSrc('luna')" /> <label
for="luna-radio">luna/tab.css</label> <br />
<input id="webfx-radio" type="radio" name="tab-css-radio"
value="css/tab.webfx.css" onclick="setLinkSrc('webfx')" /> <label
for="webfx-radio">tab.webfx.css</label> <br />
<input id="classic-radio" type="radio" name="tab-css-radio"
value="css/tab.winclassic.css" onclick="setLinkSrc('winclassic')" /> <label
for="classic-radio">tab.winclassic.css</label></fieldset>
</form>
<p>&nbsp;</p>
<div class="tab-pane" id="tabPane1"><script type="text/javascript">
tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) );
//tp1.setClassNameTag( "dynamic-tab-pane-control-luna" );
//alert( 0 )
</script>
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage3" ) );</script>
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage4" ) );</script>
<fieldset><legend>Content</legend> This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4.</fieldset>
</div>
</div>
<p>Another tab below</p>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane2">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Security</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page">
<h2 class="tab">Nested</h2>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane3">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Privacy</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
setupAllTabs();
//]]>
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="local/webfxlayout.js"></script>
<!-- this link element includes the css definitions that describes the tab pane -->
<!--
<link type="text/css" rel="stylesheet" href="tab.winclassic.css" />
-->
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" disabled="disabled" />
<link id="webfx-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.webfx.css" disabled="disabled" />
<link id="winclassic-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.winclassic.css" disabled="disabled" />
<!-- the id is not needed. It is used here to be able to change css file at runtime -->
<style type="text/css">
.dynamic-tab-pane-control .tab-page {
height: 200px;
}
.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page
{
height: 100px;
}
html,body {
background: ThreeDFace;
}
form {
margin: 0;
padding: 0;
}
/* over ride styles from webfxlayout */
body {
margin: 10px;
width: auto;
height: auto;
}
.dynamic-tab-pane-control h2 {
text-align: center;
width: auto;
}
.dynamic-tab-pane-control h2 a {
display: inline;
width: auto;
}
.dynamic-tab-pane-control a:hover {
background: transparent;
}
</style>
<script type="text/javascript" src="js/tabpane.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function setLinkSrc( sStyle ) {
document.getElementById( "luna-tab-style-sheet" ).disabled = sStyle != "luna";
document.getElementById( "webfx-tab-style-sheet" ).disabled = sStyle != "webfx"
document.getElementById( "winclassic-tab-style-sheet" ).disabled = sStyle != "winclassic"
document.documentElement.style.background =
document.body.style.background = sStyle == "webfx" ? "white" : "ThreeDFace";
}
setLinkSrc( "luna" );
//]]>
</script>
<form action="#">
<fieldset><legend>Select Style Sheet</legend> <input
id="luna-radio" type="radio" name="tab-css-radio" checked="checked"
value="css/luna/tab.css" onclick="setLinkSrc('luna')" /> <label
for="luna-radio">luna/tab.css</label> <br />
<input id="webfx-radio" type="radio" name="tab-css-radio"
value="css/tab.webfx.css" onclick="setLinkSrc('webfx')" /> <label
for="webfx-radio">tab.webfx.css</label> <br />
<input id="classic-radio" type="radio" name="tab-css-radio"
value="css/tab.winclassic.css" onclick="setLinkSrc('winclassic')" /> <label
for="classic-radio">tab.winclassic.css</label></fieldset>
</form>
<p>&nbsp;</p>
<div class="tab-pane" id="tabPane1"><script type="text/javascript">
tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) );
//tp1.setClassNameTag( "dynamic-tab-pane-control-luna" );
//alert( 0 )
</script>
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage3" ) );</script>
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage4" ) );</script>
<fieldset><legend>Content</legend> This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4.</fieldset>
</div>
</div>
<p>Another tab below</p>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane2">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Security</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page">
<h2 class="tab">Nested</h2>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane3">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Privacy</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
setupAllTabs();
//]]>
</script>
</body>
</html>

654
include/limesurvey/admin/scripts/tabpane/js/tabpane.js
View File

@@ -1,327 +1,327 @@
/*----------------------------------------------------------------------------\
| Tab Pane 1.02 |
|-----------------------------------------------------------------------------|
| Created by Erik Arvidsson |
| (http://webfx.eae.net/contact.html#erik) |
| For WebFX (http://webfx.eae.net/) |
|-----------------------------------------------------------------------------|
| Copyright (c) 2002, 2003, 2006 Erik Arvidsson |
|-----------------------------------------------------------------------------|
| Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| use this file except in compliance with the License. You may obtain a copy |
| of the License at http://www.apache.org/licenses/LICENSE-2.0 |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, WITHOUT |
| WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the |
| License for the specific language governing permissions and limitations |
| under the License. |
|-----------------------------------------------------------------------------|
| 2002-01-?? | First working version |
| 2002-02-17 | Cleaned up for 1.0 public version |
| 2003-02-18 | Changed from javascript uri for anchors to return false |
| 2003-03-03 | Added dispose methods to release IE memory |
| 2006-05-28 | Changed license to Apache Software License 2.0. |
|-----------------------------------------------------------------------------|
| Dependencies: *.css a css file to define the layout |
|-----------------------------------------------------------------------------|
| Created 2002-01-?? | All changes are in the log above. | Updated 2006-05-28 |
\----------------------------------------------------------------------------*/
// This function is used to define if the browser supports the needed
// features
function hasSupport() {
if (typeof hasSupport.support != "undefined")
return hasSupport.support;
var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );
hasSupport.support = ( typeof document.implementation != "undefined" &&
document.implementation.hasFeature( "html", "1.0" ) || ie55 )
// IE55 has a serious DOM1 bug... Patch it!
if ( ie55 ) {
document._getElementsByTagName = document.getElementsByTagName;
document.getElementsByTagName = function ( sTagName ) {
if ( sTagName == "*" )
return document.all;
else
return document._getElementsByTagName( sTagName );
};
}
return hasSupport.support;
}
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab panes
//
// el : HTMLElement The html element used to represent the tab pane
// bUseCookie : Boolean Optional. Default is true. Used to determine whether to us
// persistance using cookies or not
//
function WebFXTabPane( el, bUseCookie ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPane = this;
this.pages = [];
this.selectedIndex = null;
this.useCookie = bUseCookie != null ? bUseCookie : true;
// add class name tag to class name
this.element.className = this.classNameTag + " " + this.element.className;
// add tab row
this.tabRow = document.createElement( "div" );
this.tabRow.className = "tab-row";
el.insertBefore( this.tabRow, el.firstChild );
var tabIndex = 0;
if ( this.useCookie ) {
tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );
if ( isNaN( tabIndex ) )
tabIndex = 0;
}
this.selectedIndex = tabIndex;
// loop through child nodes and add them
var c=this;
var b=$(el).find(".tab-page");
jQuery.each(b, function() {
c.addTabPage( this );
}
);
}
WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";
WebFXTabPane.prototype.setSelectedIndex = function ( n ) {
if (this.selectedIndex != n) {
if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )
this.pages[ this.selectedIndex ].hide();
this.selectedIndex = n;
this.pages[ this.selectedIndex ].show();
if ( this.useCookie )
WebFXTabPane.setCookie( "webfxtab_" + this.element.id, n ); // session cookie
}
};
WebFXTabPane.prototype.getSelectedIndex = function () {
return this.selectedIndex;
};
WebFXTabPane.prototype.addTabPage = function ( oElement ) {
if ( !hasSupport() ) return;
if ( oElement.tabPage == this ) // already added
return oElement.tabPage;
var n = this.pages.length;
var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );
tp.tabPane = this;
// move the tab out of the box
this.tabRow.appendChild( tp.tab );
if ( n == this.selectedIndex )
tp.show();
else
tp.hide();
return tp;
};
WebFXTabPane.prototype.dispose = function () {
this.element.tabPane = null;
this.element = null;
this.tabRow = null;
for (var i = 0; i < this.pages.length; i++) {
this.pages[i].dispose();
this.pages[i] = null;
}
this.pages = null;
};
// Cookie handling
WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {
var expires = "";
if ( nDays ) {
var d = new Date();
d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
expires = "; expires=" + d.toGMTString();
}
document.cookie = sName + "=" + sValue + expires + "; path=/";
};
WebFXTabPane.getCookie = function (sName) {
var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
var res = re.exec( document.cookie );
return res != null ? res[3] : null;
};
WebFXTabPane.removeCookie = function ( name ) {
setCookie( name, "", -1 );
};
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab pages. This one should not be used.
// Use WebFXTabPage.addTabPage instead
//
// el : HTMLElement The html element used to represent the tab pane
// tabPane : WebFXTabPane The parent tab pane
// nindex : Number The index of the page in the parent pane page array
//
function WebFXTabPage( el, tabPane, nIndex ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPage = this;
this.index = nIndex;
var cs = el.childNodes;
for (var i = 0; i < cs.length; i++) {
if (cs[i].nodeType == 1 && cs[i].className == "tab") {
this.tab = cs[i];
break;
}
}
// insert a tag around content to support keyboard navigation
var a = document.createElement( "A" );
this.aElement = a;
a.href = "#";
a.onclick = function () { return false; };
while ( this.tab.hasChildNodes() )
a.appendChild( this.tab.firstChild );
this.tab.appendChild( a );
// hook up events, using DOM0
var oThis = this;
this.tab.onclick = function () { oThis.select(); };
this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };
this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };
}
WebFXTabPage.prototype.show = function () {
var el = this.tab;
var s = el.className + " selected";
s = s.replace(/ +/g, " ");
el.className = s;
this.element.style.display = "block";
};
WebFXTabPage.prototype.hide = function () {
var el = this.tab;
var s = el.className;
s = s.replace(/ selected/g, "");
el.className = s;
this.element.style.display = "none";
};
WebFXTabPage.prototype.select = function () {
this.tabPane.setSelectedIndex( this.index );
};
WebFXTabPage.prototype.dispose = function () {
this.aElement.onclick = null;
this.aElement = null;
this.element.tabPage = null;
this.tab.onclick = null;
this.tab.onmouseover = null;
this.tab.onmouseout = null;
this.tab = null;
this.tabPane = null;
this.element = null;
};
WebFXTabPage.tabOver = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className + " hover";
s = s.replace(/ +/g, " ");
el.className = s;
};
WebFXTabPage.tabOut = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className;
s = s.replace(/ hover/g, "");
el.className = s;
};
// This function initializes all uninitialized tab panes and tab pages
function setupAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var tabPageRe = /tab\-page/;
var cn, el;
var parentTabPane;
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// uninitiated tab pane
if ( tabPaneRe.test( cn ) && !el.tabPane )
new WebFXTabPane( el, true );
// unitiated tab page wit a valid tab pane parent
else if ( tabPageRe.test( cn ) && !el.tabPage &&
tabPaneRe.test( el.parentNode.className ) ) {
el.parentNode.tabPane.addTabPage( el );
}
}
}
function disposeAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var cn, el;
var tabPanes = [];
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// tab pane
if ( tabPaneRe.test( cn ) && el.tabPane )
tabPanes[tabPanes.length] = el.tabPane;
}
for (var i = tabPanes.length - 1; i >= 0; i--) {
tabPanes[i].dispose();
tabPanes[i] = null;
}
}
/*----------------------------------------------------------------------------\
| Tab Pane 1.02 |
|-----------------------------------------------------------------------------|
| Created by Erik Arvidsson |
| (http://webfx.eae.net/contact.html#erik) |
| For WebFX (http://webfx.eae.net/) |
|-----------------------------------------------------------------------------|
| Copyright (c) 2002, 2003, 2006 Erik Arvidsson |
|-----------------------------------------------------------------------------|
| Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| use this file except in compliance with the License. You may obtain a copy |
| of the License at http://www.apache.org/licenses/LICENSE-2.0 |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, WITHOUT |
| WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the |
| License for the specific language governing permissions and limitations |
| under the License. |
|-----------------------------------------------------------------------------|
| 2002-01-?? | First working version |
| 2002-02-17 | Cleaned up for 1.0 public version |
| 2003-02-18 | Changed from javascript uri for anchors to return false |
| 2003-03-03 | Added dispose methods to release IE memory |
| 2006-05-28 | Changed license to Apache Software License 2.0. |
|-----------------------------------------------------------------------------|
| Dependencies: *.css a css file to define the layout |
|-----------------------------------------------------------------------------|
| Created 2002-01-?? | All changes are in the log above. | Updated 2006-05-28 |
\----------------------------------------------------------------------------*/
// This function is used to define if the browser supports the needed
// features
function hasSupport() {
if (typeof hasSupport.support != "undefined")
return hasSupport.support;
var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );
hasSupport.support = ( typeof document.implementation != "undefined" &&
document.implementation.hasFeature( "html", "1.0" ) || ie55 )
// IE55 has a serious DOM1 bug... Patch it!
if ( ie55 ) {
document._getElementsByTagName = document.getElementsByTagName;
document.getElementsByTagName = function ( sTagName ) {
if ( sTagName == "*" )
return document.all;
else
return document._getElementsByTagName( sTagName );
};
}
return hasSupport.support;
}
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab panes
//
// el : HTMLElement The html element used to represent the tab pane
// bUseCookie : Boolean Optional. Default is true. Used to determine whether to us
// persistance using cookies or not
//
function WebFXTabPane( el, bUseCookie ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPane = this;
this.pages = [];
this.selectedIndex = null;
this.useCookie = bUseCookie != null ? bUseCookie : true;
// add class name tag to class name
this.element.className = this.classNameTag + " " + this.element.className;
// add tab row
this.tabRow = document.createElement( "div" );
this.tabRow.className = "tab-row";
el.insertBefore( this.tabRow, el.firstChild );
var tabIndex = 0;
if ( this.useCookie ) {
tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );
if ( isNaN( tabIndex ) )
tabIndex = 0;
}
this.selectedIndex = tabIndex;
// loop through child nodes and add them
var c=this;
var b=$(el).find(".tab-page");
jQuery.each(b, function() {
c.addTabPage( this );
}
);
}
WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";
WebFXTabPane.prototype.setSelectedIndex = function ( n ) {
if (this.selectedIndex != n) {
if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )
this.pages[ this.selectedIndex ].hide();
this.selectedIndex = n;
this.pages[ this.selectedIndex ].show();
if ( this.useCookie )
WebFXTabPane.setCookie( "webfxtab_" + this.element.id, n ); // session cookie
}
};
WebFXTabPane.prototype.getSelectedIndex = function () {
return this.selectedIndex;
};
WebFXTabPane.prototype.addTabPage = function ( oElement ) {
if ( !hasSupport() ) return;
if ( oElement.tabPage == this ) // already added
return oElement.tabPage;
var n = this.pages.length;
var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );
tp.tabPane = this;
// move the tab out of the box
this.tabRow.appendChild( tp.tab );
if ( n == this.selectedIndex )
tp.show();
else
tp.hide();
return tp;
};
WebFXTabPane.prototype.dispose = function () {
this.element.tabPane = null;
this.element = null;
this.tabRow = null;
for (var i = 0; i < this.pages.length; i++) {
this.pages[i].dispose();
this.pages[i] = null;
}
this.pages = null;
};
// Cookie handling
WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {
var expires = "";
if ( nDays ) {
var d = new Date();
d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
expires = "; expires=" + d.toGMTString();
}
document.cookie = sName + "=" + sValue + expires + "; path=/";
};
WebFXTabPane.getCookie = function (sName) {
var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
var res = re.exec( document.cookie );
return res != null ? res[3] : null;
};
WebFXTabPane.removeCookie = function ( name ) {
setCookie( name, "", -1 );
};
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab pages. This one should not be used.
// Use WebFXTabPage.addTabPage instead
//
// el : HTMLElement The html element used to represent the tab pane
// tabPane : WebFXTabPane The parent tab pane
// nindex : Number The index of the page in the parent pane page array
//
function WebFXTabPage( el, tabPane, nIndex ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPage = this;
this.index = nIndex;
var cs = el.childNodes;
for (var i = 0; i < cs.length; i++) {
if (cs[i].nodeType == 1 && cs[i].className == "tab") {
this.tab = cs[i];
break;
}
}
// insert a tag around content to support keyboard navigation
var a = document.createElement( "A" );
this.aElement = a;
a.href = "#";
a.onclick = function () { return false; };
while ( this.tab.hasChildNodes() )
a.appendChild( this.tab.firstChild );
this.tab.appendChild( a );
// hook up events, using DOM0
var oThis = this;
this.tab.onclick = function () { oThis.select(); };
this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };
this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };
}
WebFXTabPage.prototype.show = function () {
var el = this.tab;
var s = el.className + " selected";
s = s.replace(/ +/g, " ");
el.className = s;
this.element.style.display = "block";
};
WebFXTabPage.prototype.hide = function () {
var el = this.tab;
var s = el.className;
s = s.replace(/ selected/g, "");
el.className = s;
this.element.style.display = "none";
};
WebFXTabPage.prototype.select = function () {
this.tabPane.setSelectedIndex( this.index );
};
WebFXTabPage.prototype.dispose = function () {
this.aElement.onclick = null;
this.aElement = null;
this.element.tabPage = null;
this.tab.onclick = null;
this.tab.onmouseover = null;
this.tab.onmouseout = null;
this.tab = null;
this.tabPane = null;
this.element = null;
};
WebFXTabPage.tabOver = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className + " hover";
s = s.replace(/ +/g, " ");
el.className = s;
};
WebFXTabPage.tabOut = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className;
s = s.replace(/ hover/g, "");
el.className = s;
};
// This function initializes all uninitialized tab panes and tab pages
function setupAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var tabPageRe = /tab\-page/;
var cn, el;
var parentTabPane;
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// uninitiated tab pane
if ( tabPaneRe.test( cn ) && !el.tabPane )
new WebFXTabPane( el, true );
// unitiated tab page wit a valid tab pane parent
else if ( tabPageRe.test( cn ) && !el.tabPage &&
tabPaneRe.test( el.parentNode.className ) ) {
el.parentNode.tabPane.addTabPage( el );
}
}
}
function disposeAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var cn, el;
var tabPanes = [];
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// tab pane
if ( tabPaneRe.test( cn ) && el.tabPane )
tabPanes[tabPanes.length] = el.tabPane;
}
for (var i = tabPanes.length - 1; i >= 0; i--) {
tabPanes[i].dispose();
tabPanes[i] = null;
}
}

4
include/limesurvey/admin/scripts/tabpane/local/howto.txt
View File

@@ -1,3 +1,3 @@
Creata a sub folder in the zip directory and copy all these files to that dir.
Replace the include statements of webfxlayout.js and webfxapi.js to point at local/webfxlayout.js and
Creata a sub folder in the zip directory and copy all these files to that dir.
Replace the include statements of webfxlayout.js and webfxapi.js to point at local/webfxlayout.js and
local/webfxapi.js

38
include/limesurvey/admin/scripts/tabpane/local/webfxapi.js
View File

@@ -1,20 +1,20 @@
/*
* This script is used for WebFX Api pages
*
* It defines one funtion and includes helptip.js, helptip.css and webfxapi.css
*/
document.write( "<script type='text/javascript' src='local/helptip.js'><\/script>" );
document.write( "<link type='text/css' rel='stylesheet' href='local/helptip.css' />" );
document.write( "<link type='text/css' rel='stylesheet' href='local/webfxapi.css' />" );
function toggleMethodArguments( e, a ) {
if ( a && a.nextSibling &&
typeof a.nextSibling.innerHTML != "undefined" &&
typeof showHelpTip != "undefined" ) {
showHelpTip( e, a.nextSibling.innerHTML );
}
}
/*
* This script is used for WebFX Api pages
*
* It defines one funtion and includes helptip.js, helptip.css and webfxapi.css
*/
document.write( "<script type='text/javascript' src='local/helptip.js'><\/script>" );
document.write( "<link type='text/css' rel='stylesheet' href='local/helptip.css' />" );
document.write( "<link type='text/css' rel='stylesheet' href='local/webfxapi.css' />" );
function toggleMethodArguments( e, a ) {
if ( a && a.nextSibling &&
typeof a.nextSibling.innerHTML != "undefined" &&
typeof showHelpTip != "undefined" ) {
showHelpTip( e, a.nextSibling.innerHTML );
}
}

560
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.css
View File

@@ -1,281 +1,281 @@
/*
bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark: rgb(0,66,174);
*/ /* import menu css */ /*
@import "dhtml/xmenu/xmenu.css";
*/
#webfx-about {
position: absolute;
background: white;
top: 102px;
right: 10px;
width: 20px;
writing-mode: tb-rl;
filter: flipH() flipV() alpha(opacity = 50);
}
/* headers css */
#webfx-title {
position: absolute;
left: 90px;
top: -5px;
color: black;
background: transparent;
border: 0;
padding: 0;
margin: 0;
font-family: Arial Black, Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
font-size: 45px;
letter-spacing: -5px;
}
#webfx-title-background {
width: 100%;
height: 67px;
background: white no-repeat; /*rgb(100,100,100) no-repeat;*/
background-image: url("images/title-background.png");
background-position: 0 0;
}
#webfx-sub-title {
position: absolute;
left: 96px;
top: 45px;
color: black;
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
#webfx-menu-bar-1,#webfx-menu-bar-2,#webfx-menu-bar-3,#webfx-menu-bar-4,#webfx-menu-bar-5
{
height: 2px;
font-size: 0;
overflow: hidden;
background: rgb(120, 172, 255); /*#ff8800;*/
padding: 0;
}
#webfx-menu-bar-1 {
background: rgb(0, 66, 174);
/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
height: 1px;
}
#webfx-menu-bar-2 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-3 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-4 {
background: rgb(0, 66, 174);
height: 1px;
}
#webfx-menu-bar-5 {
background: #dddddd;
height: 3px;
}
/* headers css end */
html,body {
height: 100%;
margin: 0;
padding: 0;
background: url("images/background-shadow.gif") repeat-y white;
color: black;
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
.webfx-main-body {
margin-left: 100px;
width: 500px;
border-left: 1px solid rgb(120, 172, 255);
}
/* h1 only used in header */
h2,h3,h4,h5,h6 {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 2px 10px 2px 10px;
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
}
h1,h2 {
font-weight: normal;
}
h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 12px;
}
p {
margin: 10px;
font-size: 13px;
color: black;
text-align: justify;
}
td {
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
pre {
margin: 20px;
margin-right: 10px;
background: #eeeeee;
padding: 10px;
border: 1px solid #dddddd;
color: black;
}
code {
background: #eeeeee;
border: 1px solid #dddddd;
color: black;
}
a {
text-decoration: underline;
color: rgb(0, 66, 174);
}
a:hover { /*rgb(0,66,174)*/
color: rgb(0, 66, 174);
background: rgb(234, 242, 255);
}
a:visited {
color: rgb(120, 172, 255);
}
a:visited:hover {
color: rgb(0, 66, 174);
}
hr {
margin-left: 10px;
margin-right: 10px;
padding: 0;
text-align: left;
height: 1px;
color: rgb(120, 172, 255);
background-color: rgb(120, 172, 255);
border-bottom: 1px solid rgb(120, 172, 255);
border: 0;
}
h2 a,h3 a {
display: block;
text-decoration: none;
width: expression("100%");
}
table {
margin: 10px;
font-size: 13px;
color: black;
}
thead td {
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
font-weight: bold;
}
.author {
margin-top: 50px;
font-style: italic;
}
.date {
color: rgb(0, 66, 174);
}
.warning,.warning a {
color: red;
}
.warning a:visited,.warning a:hover {
color: red;
}
.warning a:hover {
background: rgb(255, 230, 230);
}
/* copied from xmenu.css */
.webfx-menu-bar {
background: rgb(120, 172, 255); /*rgb(255,128,0);*/
padding: 2px;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
.webfx-menu-bar a,.webfx-menu-bar a:visited {
color: black;
border: 1px solid rgb(120, 172, 255); /*rgb(255,128,0);*/
text-decoration: none;
padding: 1px;
padding-left: 5px;
padding-right: 5px;
}
.webfx-menu-bar a:hover {
color: black;
background: rgb(120, 172, 255);
border-left: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-right: 1px solid rgb(0, 66, 174); /*#884400;*/
border-top: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-bottom: 1px solid rgb(0, 66, 174); /*#884400;*/
}
.webfx-menu-bar a .arrow {
border: 0;
float: none;
/*
float: right;
width: 6px;
height: 16px;
margin-right: 2px;
background: red;
*/
}
.webfx-menu-bar a:active,.webfx-menu-bar a:focus {
-moz-outline: none;
/*
bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark: rgb(0,66,174);
*/ /* import menu css */ /*
@import "dhtml/xmenu/xmenu.css";
*/
#webfx-about {
position: absolute;
background: white;
top: 102px;
right: 10px;
width: 20px;
writing-mode: tb-rl;
filter: flipH() flipV() alpha(opacity = 50);
}
/* headers css */
#webfx-title {
position: absolute;
left: 90px;
top: -5px;
color: black;
background: transparent;
border: 0;
padding: 0;
margin: 0;
font-family: Arial Black, Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
font-size: 45px;
letter-spacing: -5px;
}
#webfx-title-background {
width: 100%;
height: 67px;
background: white no-repeat; /*rgb(100,100,100) no-repeat;*/
background-image: url("images/title-background.png");
background-position: 0 0;
}
#webfx-sub-title {
position: absolute;
left: 96px;
top: 45px;
color: black;
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
#webfx-menu-bar-1,#webfx-menu-bar-2,#webfx-menu-bar-3,#webfx-menu-bar-4,#webfx-menu-bar-5
{
height: 2px;
font-size: 0;
overflow: hidden;
background: rgb(120, 172, 255); /*#ff8800;*/
padding: 0;
}
#webfx-menu-bar-1 {
background: rgb(0, 66, 174);
/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
height: 1px;
}
#webfx-menu-bar-2 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-3 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-4 {
background: rgb(0, 66, 174);
height: 1px;
}
#webfx-menu-bar-5 {
background: #dddddd;
height: 3px;
}
/* headers css end */
html,body {
height: 100%;
margin: 0;
padding: 0;
background: url("images/background-shadow.gif") repeat-y white;
color: black;
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
.webfx-main-body {
margin-left: 100px;
width: 500px;
border-left: 1px solid rgb(120, 172, 255);
}
/* h1 only used in header */
h2,h3,h4,h5,h6 {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 2px 10px 2px 10px;
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
}
h1,h2 {
font-weight: normal;
}
h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 12px;
}
p {
margin: 10px;
font-size: 13px;
color: black;
text-align: justify;
}
td {
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
pre {
margin: 20px;
margin-right: 10px;
background: #eeeeee;
padding: 10px;
border: 1px solid #dddddd;
color: black;
}
code {
background: #eeeeee;
border: 1px solid #dddddd;
color: black;
}
a {
text-decoration: underline;
color: rgb(0, 66, 174);
}
a:hover { /*rgb(0,66,174)*/
color: rgb(0, 66, 174);
background: rgb(234, 242, 255);
}
a:visited {
color: rgb(120, 172, 255);
}
a:visited:hover {
color: rgb(0, 66, 174);
}
hr {
margin-left: 10px;
margin-right: 10px;
padding: 0;
text-align: left;
height: 1px;
color: rgb(120, 172, 255);
background-color: rgb(120, 172, 255);
border-bottom: 1px solid rgb(120, 172, 255);
border: 0;
}
h2 a,h3 a {
display: block;
text-decoration: none;
width: expression("100%");
}
table {
margin: 10px;
font-size: 13px;
color: black;
}
thead td {
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
font-weight: bold;
}
.author {
margin-top: 50px;
font-style: italic;
}
.date {
color: rgb(0, 66, 174);
}
.warning,.warning a {
color: red;
}
.warning a:visited,.warning a:hover {
color: red;
}
.warning a:hover {
background: rgb(255, 230, 230);
}
/* copied from xmenu.css */
.webfx-menu-bar {
background: rgb(120, 172, 255); /*rgb(255,128,0);*/
padding: 2px;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
.webfx-menu-bar a,.webfx-menu-bar a:visited {
color: black;
border: 1px solid rgb(120, 172, 255); /*rgb(255,128,0);*/
text-decoration: none;
padding: 1px;
padding-left: 5px;
padding-right: 5px;
}
.webfx-menu-bar a:hover {
color: black;
background: rgb(120, 172, 255);
border-left: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-right: 1px solid rgb(0, 66, 174); /*#884400;*/
border-top: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-bottom: 1px solid rgb(0, 66, 174); /*#884400;*/
}
.webfx-menu-bar a .arrow {
border: 0;
float: none;
/*
float: right;
width: 6px;
height: 16px;
margin-right: 2px;
background: red;
*/
}
.webfx-menu-bar a:active,.webfx-menu-bar a:focus {
-moz-outline: none;
outline: none;

220
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.js
View File

@@ -1,111 +1,111 @@
/* this is a dummy webfxlayout file to be used in download zip files */
/* Do includes */
if (window.pathToRoot == null)
pathToRoot = "./";
document.write('<link type="text/css" rel="stylesheet" href="local/webfxlayout.css">');
webfxMenuDefaultImagePath = pathToRoot + "images/";
/* end includes */
/* set up browser checks and add a simple emulation for IE4 */
// check browsers
var op = /opera 5|opera\/5/i.test(navigator.userAgent);
var ie = !op && /msie/i.test(navigator.userAgent); // preventing opera to be identified as ie
var mz = !op && /mozilla\/5/i.test(navigator.userAgent); // preventing opera to be identified as mz
if (ie && document.getElementById == null) { // ie4
document.getElementById = function(sId) {
return document.all[sId];
};
}
/* end browser checks */
webfxLayout = {
writeTitle : function (s, s2) {
document.write("<div id='webfx-title-background'></div>");
if (op) {
document.write("<h1 id='webfx-title' style='top:9px;'>" + s + "</h1>");
}
else {
document.write("<h1 id='webfx-title'>" + s + "</h1>");
}
if (s2 == null)
s2 = "WebFX - What you never thought possible!";
if (op) {
document.write("<span id='webfx-sub-title' style='top:46px;'>" + s2 + "</span>");
}
else {
document.write("<span id='webfx-sub-title'>" + s2 + "</span>");
}
},
writeMainTitle : function () {
this.writeTitle("WebFX", "What you never thought possible!");
},
writeTopMenuBar : function () {
document.write("<div id='webfx-menu-bar-1'></div>");
if (op) {
document.write("<style>.webfx-menu-bar a {padding-top:3px;}</style>");
document.write("<div id='webfx-menu-bar-2' style='height:2px;'></div>");
}
else
document.write("<div id='webfx-menu-bar-2'></div>");
document.write("<div id='webfx-menu-bar'>");// div is closed in writeBottomMenuBar
},
writeBottomMenuBar : function () {
document.write("</div>");
if (op)
document.write("<div id='webfx-menu-bar-3' style='height:0px;'></div>");
else
document.write("<div id='webfx-menu-bar-3'></div>");
document.write("<div id='webfx-menu-bar-4'></div>");
document.write("<div id='webfx-menu-bar-5'></div>");
},
writeMenu : function () {
this.writeTopMenuBar();
//document.write(webfxMenuBar);
document.write("<div class='webfx-menu-bar'><a href='http://webfx.eae.net'>WebFX Home</a></div>");
this.writeBottomMenuBar();
},
writeDesignedByEdger : function () {
if (ie && document.body.currentStyle.writingMode != null)
document.write("<div id='webfx-about'>Page designed and maintained by " +
"<a href='mailto:erik@eae.net'>Erik Arvidsson</a> &amp; " +
"<a href='mailto:eae@eae.net'>Emil A Eklund</a>.</div>");
}
};
if (ie && window.attachEvent) {
window.attachEvent("onload", function () {
var scrollBorderColor = "rgb(120,172,255)";
var scrollFaceColor = "rgb(234,242,255)";
with (document.body.style) {
scrollbarDarkShadowColor = scrollBorderColor;
scrollbar3dLightColor = scrollBorderColor;
scrollbarArrowColor = "black";
scrollbarBaseColor = scrollFaceColor;
scrollbarFaceColor = scrollFaceColor;
scrollbarHighlightColor = scrollFaceColor;
scrollbarShadowColor = scrollFaceColor;
scrollbarTrackColor = "white";
}
});
}
/* we also need some dummy constructors */
webfxMenuBar = {
add : function () {}
};
function WebFXMenu() {
this.add = function () {};
}
function WebFXMenuItem() {}
function WebFXMenuSeparator() {}
/* this is a dummy webfxlayout file to be used in download zip files */
/* Do includes */
if (window.pathToRoot == null)
pathToRoot = "./";
document.write('<link type="text/css" rel="stylesheet" href="local/webfxlayout.css">');
webfxMenuDefaultImagePath = pathToRoot + "images/";
/* end includes */
/* set up browser checks and add a simple emulation for IE4 */
// check browsers
var op = /opera 5|opera\/5/i.test(navigator.userAgent);
var ie = !op && /msie/i.test(navigator.userAgent); // preventing opera to be identified as ie
var mz = !op && /mozilla\/5/i.test(navigator.userAgent); // preventing opera to be identified as mz
if (ie && document.getElementById == null) { // ie4
document.getElementById = function(sId) {
return document.all[sId];
};
}
/* end browser checks */
webfxLayout = {
writeTitle : function (s, s2) {
document.write("<div id='webfx-title-background'></div>");
if (op) {
document.write("<h1 id='webfx-title' style='top:9px;'>" + s + "</h1>");
}
else {
document.write("<h1 id='webfx-title'>" + s + "</h1>");
}
if (s2 == null)
s2 = "WebFX - What you never thought possible!";
if (op) {
document.write("<span id='webfx-sub-title' style='top:46px;'>" + s2 + "</span>");
}
else {
document.write("<span id='webfx-sub-title'>" + s2 + "</span>");
}
},
writeMainTitle : function () {
this.writeTitle("WebFX", "What you never thought possible!");
},
writeTopMenuBar : function () {
document.write("<div id='webfx-menu-bar-1'></div>");
if (op) {
document.write("<style>.webfx-menu-bar a {padding-top:3px;}</style>");
document.write("<div id='webfx-menu-bar-2' style='height:2px;'></div>");
}
else
document.write("<div id='webfx-menu-bar-2'></div>");
document.write("<div id='webfx-menu-bar'>");// div is closed in writeBottomMenuBar
},
writeBottomMenuBar : function () {
document.write("</div>");
if (op)
document.write("<div id='webfx-menu-bar-3' style='height:0px;'></div>");
else
document.write("<div id='webfx-menu-bar-3'></div>");
document.write("<div id='webfx-menu-bar-4'></div>");
document.write("<div id='webfx-menu-bar-5'></div>");
},
writeMenu : function () {
this.writeTopMenuBar();
//document.write(webfxMenuBar);
document.write("<div class='webfx-menu-bar'><a href='http://webfx.eae.net'>WebFX Home</a></div>");
this.writeBottomMenuBar();
},
writeDesignedByEdger : function () {
if (ie && document.body.currentStyle.writingMode != null)
document.write("<div id='webfx-about'>Page designed and maintained by " +
"<a href='mailto:erik@eae.net'>Erik Arvidsson</a> &amp; " +
"<a href='mailto:eae@eae.net'>Emil A Eklund</a>.</div>");
}
};
if (ie && window.attachEvent) {
window.attachEvent("onload", function () {
var scrollBorderColor = "rgb(120,172,255)";
var scrollFaceColor = "rgb(234,242,255)";
with (document.body.style) {
scrollbarDarkShadowColor = scrollBorderColor;
scrollbar3dLightColor = scrollBorderColor;
scrollbarArrowColor = "black";
scrollbarBaseColor = scrollFaceColor;
scrollbarFaceColor = scrollFaceColor;
scrollbarHighlightColor = scrollFaceColor;
scrollbarShadowColor = scrollFaceColor;
scrollbarTrackColor = "white";
}
});
}
/* we also need some dummy constructors */
webfxMenuBar = {
add : function () {}
};
function WebFXMenu() {
this.add = function () {};
}
function WebFXMenuItem() {}
function WebFXMenuSeparator() {}
function WebFXMenuButton() {}

178
include/limesurvey/admin/scripts/tabpane/memdemo.html
View File

@@ -1,89 +1,89 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo 2 (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" />
<script type="text/javascript" src="js/tabpane.js"></script>
<script>
window.onload = function () {
window.setTimeout("document.location.reload()", 100);
};
</script>
</head>
<body>
<p>This page reloads as soon as the page is loaded... look at the
memory consuption.</p>
<div class="tab-pane" id="tabPane1">
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<table>
<tr>
<td>This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<table>
<tr>
<td>This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<table>
<tr>
<td>This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<table>
<tr>
<td>This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4.</td>
</tr>
</table>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo 2 (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" />
<script type="text/javascript" src="js/tabpane.js"></script>
<script>
window.onload = function () {
window.setTimeout("document.location.reload()", 100);
};
</script>
</head>
<body>
<p>This page reloads as soon as the page is loaded... look at the
memory consuption.</p>
<div class="tab-pane" id="tabPane1">
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<table>
<tr>
<td>This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<table>
<tr>
<td>This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<table>
<tr>
<td>This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<table>
<tr>
<td>This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4.</td>
</tr>
</table>
</div>
</div>
</body>
</html>

2416
include/limesurvey/admin/scripts/tabpane/tabpane.html
View File

File diff suppressed because it is too large Load Diff