mirror of
https://github.com/ACSPRI/queXS
synced 2024-04-02 12:12:16 +00:00
Update to Limesurvey revision 11132 (part two)
This commit is contained in:
61
include/limesurvey/admin/scripts/tabpane/css/tab.css
Normal file
61
include/limesurvey/admin/scripts/tabpane/css/tab.css
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
@@ -0,0 +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;
|
||||
}
|
||||
213
include/limesurvey/admin/scripts/tabpane/demo.html
Normal file
213
include/limesurvey/admin/scripts/tabpane/demo.html
Normal file
@@ -0,0 +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> </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>
|
||||
327
include/limesurvey/admin/scripts/tabpane/js/tabpane.js
Normal file
327
include/limesurvey/admin/scripts/tabpane/js/tabpane.js
Normal file
@@ -0,0 +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;
|
||||
}
|
||||
}
|
||||
|
||||
37
include/limesurvey/admin/scripts/tabpane/local/helptip.css
Normal file
37
include/limesurvey/admin/scripts/tabpane/local/helptip.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/*
|
||||
Notice that IE has a display problem if the help link is on
|
||||
the last line of a container with no padding. If this is the
|
||||
case increase the padding bottom to at least 1px
|
||||
*/
|
||||
a.helpLink {
|
||||
color: Green;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dashed Green;
|
||||
}
|
||||
|
||||
a.helpLink:hover {
|
||||
color: Red;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dashed Red;
|
||||
}
|
||||
|
||||
.help-tooltip {
|
||||
position: absolute;
|
||||
width: 250px;
|
||||
border: 1px Solid WindowFrame;
|
||||
background: Infobackground;
|
||||
color: InfoText;
|
||||
font: StatusBar;
|
||||
font: Status-Bar;
|
||||
padding: 3px;
|
||||
filter: progid : DXImageTransform.Microsoft.Shadow (
|
||||
color =
|
||||
|
||||
"#777777", Direction = 135, Strength = 3 );
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.help-tooltip a,.help-tooltip a:hover {
|
||||
color: blue !important;
|
||||
background: none;
|
||||
}
|
||||
91
include/limesurvey/admin/scripts/tabpane/local/helptip.js
Normal file
91
include/limesurvey/admin/scripts/tabpane/local/helptip.js
Normal file
@@ -0,0 +1,91 @@
|
||||
/*
|
||||
* This script was created by Erik Arvidsson (erik(at)eae.net)
|
||||
* for WebFX (http://webfx.eae.net)
|
||||
* Copyright 2001
|
||||
*
|
||||
* For usage see license at http://webfx.eae.net/license.html
|
||||
*
|
||||
* Version: 1.0
|
||||
* Created: 2001-09-27
|
||||
* Updated: 2001-11-25 Added a resize to the tooltip if the document width is too small
|
||||
*
|
||||
* Dependencies: helptip.css (To set up the CSS of the help-tooltip class)
|
||||
*
|
||||
* Usage:
|
||||
*
|
||||
* <script type="text/javascript" src="helptip.js"></script>
|
||||
* <link type="text/css" rel="StyleSheet" href="helptip.css" />
|
||||
*
|
||||
* <a class="helpLink" href="?" onclick="showHelp(event, 'String to show'); return false">Help</a>
|
||||
*
|
||||
*/
|
||||
|
||||
function showHelpTip(e, s) {
|
||||
// find anchor element
|
||||
var el = e.target ? e.target : e.srcElement;
|
||||
while (el.tagName != "A")
|
||||
el = el.parentNode;
|
||||
|
||||
// is there already a tooltip? If so, remove it
|
||||
if (el._helpTip) {
|
||||
document.body.removeChild(el._helpTip);
|
||||
el._helpTip = null;
|
||||
el.onblur = null;
|
||||
return;
|
||||
}
|
||||
|
||||
// create element and insert last into the body
|
||||
var d = document.createElement("DIV");
|
||||
d.className = "help-tooltip";
|
||||
document.body.appendChild(d);
|
||||
d.innerHTML = s;
|
||||
|
||||
// Allow clicks on A elements inside tooltip
|
||||
d.onmousedown = function (e) {
|
||||
if (!e) e = event;
|
||||
var t = e.target ? e.target : e.srcElement;
|
||||
while (t.tagName != "A" && t != d)
|
||||
t = t.parentNode;
|
||||
if (t == d) return;
|
||||
|
||||
el._onblur = el.onblur;
|
||||
el.onblur = null;
|
||||
};
|
||||
d.onmouseup = function () {
|
||||
el.onblur = el._onblur;
|
||||
el.focus();
|
||||
};
|
||||
|
||||
// position tooltip
|
||||
var dw = document.width ? document.width : document.documentElement.offsetWidth - 25;
|
||||
|
||||
if (d.offsetWidth >= dw)
|
||||
d.style.width = dw - 10 + "px";
|
||||
else
|
||||
d.style.width = "";
|
||||
|
||||
var scroll = getScroll();
|
||||
if (e.clientX > dw - d.offsetWidth)
|
||||
d.style.left = dw - d.offsetWidth + scroll.x + "px";
|
||||
else
|
||||
d.style.left = e.clientX - 2 + scroll.x + "px";
|
||||
d.style.top = e.clientY + 18 + scroll.y + "px";
|
||||
|
||||
// add a listener to the blur event. When blurred remove tooltip and restore anchor
|
||||
el.onblur = function () {
|
||||
document.body.removeChild(d);
|
||||
el.onblur = null;
|
||||
el._helpTip = null;
|
||||
};
|
||||
|
||||
// store a reference to the tooltip div
|
||||
el._helpTip = d;
|
||||
}
|
||||
|
||||
// returns the scroll left and top for the browser viewport.
|
||||
function getScroll() {
|
||||
if (document.all && document.body.scrollTop != undefined) { // IE model
|
||||
var ieBox = document.compatMode != "CSS1Compat";
|
||||
var cont = ieBox ? document.body : document.documentElement;
|
||||
return {x : cont.scrollLeft, y : cont.scrollTop};
|
||||
}
|
||||
3
include/limesurvey/admin/scripts/tabpane/local/howto.txt
Normal file
3
include/limesurvey/admin/scripts/tabpane/local/howto.txt
Normal file
@@ -0,0 +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
|
||||
local/webfxapi.js
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
/* This style sheet is used for WebFX Api pages */
|
||||
20
include/limesurvey/admin/scripts/tabpane/local/webfxapi.js
Normal file
20
include/limesurvey/admin/scripts/tabpane/local/webfxapi.js
Normal file
@@ -0,0 +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 );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
281
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.css
Normal file
281
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.css
Normal file
@@ -0,0 +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;
|
||||
outline: none;
|
||||
111
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.js
Normal file
111
include/limesurvey/admin/scripts/tabpane/local/webfxlayout.js
Normal file
@@ -0,0 +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> & " +
|
||||
"<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() {}
|
||||
89
include/limesurvey/admin/scripts/tabpane/memdemo.html
Normal file
89
include/limesurvey/admin/scripts/tabpane/memdemo.html
Normal file
@@ -0,0 +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>
|
||||
1208
include/limesurvey/admin/scripts/tabpane/tabpane.html
Normal file
1208
include/limesurvey/admin/scripts/tabpane/tabpane.html
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user