goba Mon Aug 9 11:00:43 2004 EDT
Added files:
/phpdoc/htmlhelp/suppfiles/skins/phpZ background.gif
header_background.gif
header_green_background.gif
icn_bugOnPage.gif
icn_goTOC.gif
icn_goToFunctionRef.gif
icn_next.gif icn_prev.gif
icn_thisPageOnline.gif
logo.gif skin.js style.css
tab_button_pageNotes_active.gif
tab_button_pageNotes_inactive.gif
tab_button_pageText_active.gif
tab_button_pageText_inactive.gif
tabs_background_inactive.gif
tabs_corner_active.gif
tabs_corner_inactive.gif
white_fade.gif
Log:
Adding phpZ skin (service release 1) by Gonzalo De la Penaa Andreu (a previous
version was bundled with the extended CHMs before, but none of the copies were
committed yet)
http://cvs.php.net/co.php/phpdoc/htmlhelp/suppfiles/skins/phpZ/skin.js?r=1.1&p=1
Index: phpdoc/htmlhelp/suppfiles/skins/phpZ/skin.js
+++ phpdoc/htmlhelp/suppfiles/skins/phpZ/skin.js
// phpZ version 1.0 PHP Manual CHM version skin by Gonzalo De la Pe�a <[EMAIL
PROTECTED]>
// Based partially on the PHP CHM base skin by Gabor Hojtsy
//
// system requirements:
// Microsoft Internet Explorer 5.0 minimum
// 800x600 screen resolution
// 16 bit color depth or more recommended
// Get style sheet file
document.write(
// Get our style file
'<link rel="stylesheet" type="text/css" href="' + chmfile_path +
'skins/phpZSR1/style.css">'
);
// sets global variables
function setGlobals() {
skinpath = chmfile_path + 'skins/phpZ/';
switcherTabs = new Array('pageText', 'pageNotes');
switcherTabLabels = new Array('<U>m</U>anual', '<U>u</U>ser contributed notes
('+ getUserNotesCount() +')');
switcherTabAccessKeys = new Array('m', 'u');
navIcons = new Array('goToc', 'goToFunctionRef', 'thisPageOnline',
'bugOnPage');
navIconTitles = new Array('Go to Table Of Contents', 'Go to Function
Reference','Navigate to this page online', 'Report a PHP documentation bug');
if ( document.all('funcPurpose') )
functionPage = true;
else
functionPage = false;
manualVersion = 'phpZ skin<BR>ver 1.0';
manualDate = '';
}
// Assembles and displays the page
// this is the function that gets called 'onload' by the document
function displayPage() {
setGlobals();
assembleSkin();
document.all('pageContent').style.display = 'block';
//showPageCode();
}
// shows the current page source code (after DHTML) in a separate window
var sourceWin;
function showPageCode() {
var code = document.body.innerHTML;
if ( ! sourceWin )
sourceWin = window.open('', 'sourceWin', 'width=550, height=450,
toolbar=no, menubar=no, status=yes, scrollbars=yes, resizable=yes');
sourceWin.document.write('<HTML><HEAD><TITLE>Page
source</TITLE></HEAD><BODY></BODY></HTML>');
sourceWin.document.body.innerText = code;
// sourceWin.focus();
}
// assembles the skin
function assembleSkin() {
var pageContent = document.all('pageContent');
var page = '';
functionPage ? page += getHeaderFunctionPage() : page +=
getHeaderNonFunctionPage();
page += getMain();
page += getFooter();
pageContent.innerHTML = page;
updateContentSize();
showTabPane('pageText');
//document.all('contextMenu').style.display='none';
//showPageCode();
}
// navigates to the TOC
function goToc() {
document.location = 'index.html';
}
// navigates to the function ref
function goToFunctionRef() {
document.location = 'funcref.html';
}
// gets the number of user contributed notes available
function getUserNotesCount() {
var count = document.all('pageNotes').childNodes.length - 1;
if ( count < 0 )
count = 0;
return count;
}
// the following functions contain the HTML code for the skin
function getHeaderFunctionPage() {
var path = document.all('navPath');
var title = document.all('pageTitle').innerHTML;
var funcUsage = document.all('funcUsage').innerHTML;
//alert(funcUsage);
var funcPurpose = document.all('funcPurpose').innerText;
var funcAvail = document.all('funcAvail').innerText;
var html = '';
fixPathLinks();
html += '<TABLE cellpadding=0 cellspacing=0 border=0 width="100%"><TR>';
html += '<TD><A href="http://php.net/" target="web"><IMG src="'+ skinpath
+'logo.gif" width=141 height=82 border=0></A></TD>';
html += '<TD valign="top" width="100%">';
html += '<DIV style="background-color:#9999ff; height:24px; width:100%;"
class="small text"><DIV style="padding-top:5px; overflow:hidden;" nowrap>'+
path.innerHTML +'</DIV></DIV>';
html += '<DIV style="background-color:#E0E6FF; background-image:url(\''+
skinpath +'\\header_background.gif\'); height:58px; width:100%; overflow:hidden;"
class="big text secondaryType">';
html += ' <TABLE cellpadding=0 cellspacing=0 style="width:100%;"><TR>';
html += ' <TD><DIV style="padding-top:14px; line-height:22px;">'+ title
+'<SPAN class="small lightBlue text"> <NOBR>'+ funcPurpose
+'</NOBR></SPAN></DIV></TD>';
html += ' <TD align="right" class="small"><DIV style="padding-top:20;
margin-right:20;"><SPAN class="lightText">available since:</SPAN> '+
funcAvail+'</DIV></TD>';
html += ' </TR></TABLE>';
html += '</DIV>';
html += '</TD>';
html += '</TR></TABLE>';
html += '<TABLE cellpadding=0 cellspacing=0 border=0 width="100%"><TR
valign="top">';
html += '<TD rowspan=2><DIV class="tiny centered text" style="color:#0B9C8D;
background-color:#316B58; width:85; height:90; background-image:url(\''+ skinpath
+'\\header_green_background.gif\');"><A href="mailto:[EMAIL PROTECTED] skin feedback"
title="skin feedback" style="color:#0B9C8D;">'+ manualVersion +'</A><BR>'+ manualDate
+'</DIV></TD>';
html += '<TD colspan=2><TABLE cellpadding=0 cellspacing=4 border=0
width="100%"><TR>';
html += '<TD style="background-color:#9999ff;"><DIV style="height:55;
width:4;"></DIV></TD>';
html += '<TD width="100%" style="background-color:#ffffff;"><DIV
style="margin:5;" class="text">';
html += '<DIV class="funcUsage"><SPAN class="small lightText">usage:</SPAN> '
+ funcUsage + '</DIV>';
html += '</DIV></TD></TR></TABLE></TD>';
html += '</TR><TR valign="bottom">';
html += '<TD><DIV style="margin-left:5;">'+ getSwitcherTabs() +'</DIV></TD>';
html += '<TD width="100%" align="right">'+ getIconBar() +'</TD>';
html += '</TR></TABLE>';
return html;
}
function getHeaderNonFunctionPage() {
var path = document.all('navPath');
var title = document.all('pageTitle').innerHTML;
var html = '';
fixPathLinks();
html += '<TABLE cellpadding=0 cellspacing=0 border=0 width="100%"><TR>';
html += '<TD><A href="http://php.net/" target="web"><IMG src="'+ skinpath
+'logo.gif" width=141 height=82 border=0></A></TD>';
html += '<TD valign="top" width="100%">';
html += '<DIV style="background-color:#9999ff; height:24px; width:100%;"
class="small text"><DIV style="padding-top:5px; overflow:hidden;" nowrap>'+
path.innerHTML +'</DIV></DIV>';
html += '<DIV style="background-color:#E0E6FF; background-image:url(\''+
skinpath +'\\header_background.gif\'); height:58px; width:100%; overflow:hidden;"
class="big text secondaryType">';
html += '<DIV style="padding-top:16px;">'+ title +'</DIV>';
html += '</DIV>';
html += '</TD>';
html += '</TR></TABLE>';
html += '<TABLE cellpadding=0 cellspacing=0 border=0 width="100%"><TR>';
html += '<TD><DIV class="tiny centered text" style="color:#0B9C8D;
background-color:#316B58; width:85; height:30; background-image:url(\''+ skinpath
+'\\header_green_background.gif\');"><A href="mailto:[EMAIL PROTECTED] skin feedback"
title="skin feedback" style="color:#0B9C8D;">'+ manualVersion +'</A><BR>'+ manualDate
+'</DIV></TD>';
html += '<TD valign="bottom"><DIV style="margin-left:5;">'+ getSwitcherTabs()
+'</DIV></TD>';
html += '<TD width="100%" align="right">'+ getIconBar() +'</TD>';
html += '</TR></TABLE>';
return html;
}
function fixPathLinks() {
path = document.all('navPath');
// assigns new class name to the path links
for ( i = 0; i < path.childNodes.length; i++ )
path.childNodes[i].tagName == 'A' ? path.childNodes[i].className =
'black ulEd' : '';
}
function getIconBar() {
var html = '';
html += '<TABLE cellpadding=0 cellspacing=0 border=0><TR>';
for ( i = 0; i < navIcons.length; i++ )
html += '<TD><A href="javascript:'+ navIcons[i] +'();"><IMG
style="margin:1 3 1 3;" src="'+ skinpath +'icn_'+ navIcons[i] +'.gif" title="'+
navIconTitles[i] +'" width=25 height=25 border=0></A></TD>';
html += '</TR></TABLE>';
return html;
}
function getSwitcherTabs() {
var html = '';
html += '<TABLE cellpadding=0 cellspacing=0 border=0><TR>';
for ( i = 0; i < switcherTabs.length; i++ )
{
html += '<TD>';
html += '<A href="#" accesskey="'+ switcherTabAccessKeys[i] +'"
onfocus="this.nextSibling.click(); return false;"></A>';
html += '<DIV class="switcherTabs" onclick="showTabPane(\''+
switcherTabs[i] +'\')" id="switcherTab_'+ switcherTabs[i] +'">';
html += '<TABLE cellpadding=0 cellspacing=0 border=0><TR>';
html += '<TD><IMG src="'+ skinpath +'tab_button_'+ switcherTabs[i]
+'_inactive.gif" width=31 height=24></TD>';
html += '<TD style="background-color:#ffffff;
background-image:url(\''+ skinpath +'\\tabs_background_inactive.gif\');"><DIV
style="margin:0 4 0 4;" class="small text" nowrap>'+ switcherTabLabels[i]
+'</DIV></TD>';
html += '<TD><IMG src="'+ skinpath +'tabs_corner_inactive.gif" width=9
height=24></TD>';
html += '</TR></TABLE>';
html += '</DIV>';
html += '</TD>';
}
html += '</TR></TABLE>';
return html;
}
var activeTabId;
function showTabPane(sTabId) {
var tabContent = document.all(sTabId);
activateTab(sTabId);
tabContent.style.display = 'block';
if ( ie_version_major >= 5.5 )
tabContent.setActive();
if ( activeTabId && ( activeTabId != sTabId ) )
{
document.all(activeTabId).style.display = 'none';
deActivateTab(activeTabId);
}
activeTabId = sTabId;
}
function activateTab(sTabId) {
var oTab = document.all('switcherTab_' + sTabId);
var tabTable = oTab.childNodes[0];
var tabIcon = tabTable.rows[0].cells[0].childNodes[0];
var tabLabelCell = tabTable.rows[0].cells[1];
var tabCorner = tabTable.rows[0].cells[2].childNodes[0];
tabIcon.src = skinpath + '\\tab_button_' + sTabId + '_active.gif';
tabLabelCell.style.backgroundImage = '';
tabCorner.src = skinpath + '\\tabs_corner_active.gif';
}
function deActivateTab(sTabId) {
var oTab = document.all('switcherTab_' + sTabId);
var tabTable = oTab.childNodes[0];
var tabIcon = tabTable.rows[0].cells[0].childNodes[0];
var tabLabelCell = tabTable.rows[0].cells[1];
var tabCorner = tabTable.rows[0].cells[2].childNodes[0];
tabIcon.src = skinpath + '\\tab_button_' + sTabId + '_inactive.gif';
tabLabelCell.style.backgroundImage = 'url(\'' + skinpath
+'\\tabs_background_inactive.gif\')';
tabCorner.src = skinpath + '\\tabs_corner_inactive.gif';
}
function getMain() {
var html = '';
window.attachEvent('onresize', updateContentSize);
html += '<DIV style="border-left:4px solid #9999FF; margin-left:4;
margin-right:4;">';
// this is the code for the white fader
html += '<DIV style="position:relative;">';
html += '<DIV id="whiteFade" style="background-image:url(\''+ skinpath
+'white_fade.gif\'); background-repeat:repeat-x; position:absolute; top:0; left:0;
height:15px; font-size:1px; z-index:10;"> </DIV>'
html += '</DIV>';
for ( i = 0; i < switcherTabs.length; i++ ) // adds each content div
html += '<DIV id="'+ switcherTabs[i] +'" style="display:none;
background-color:#ffffff; padding:15 0 5 0; overflow:scroll;" class="text">' +
document.all(switcherTabs[i]).innerHTML + '</DIV>';
html += '</DIV>';
return html;
}
function updateContentSize() {
var whiteFade = document.all('whiteFade');
var sizeElement = getBodySizeElement();
var contentDivIds = switcherTabs;
var sizer;
var verticalSizeCorrection;
if ( ie_version_major >= 6 )
verticalSizeCorrection = 180;
else
verticalSizeCorrection = 158;
for ( i = 0; i < contentDivIds.length; i++ )
{
sizer = document.all(contentDivIds[i]);
functionPage ? sizer.style.height = sizeElement.clientHeight - 240 :
sizer.style.height = sizeElement.clientHeight - verticalSizeCorrection;
sizer.style.width = sizeElement.clientWidth - 12;
}
whiteFade.style.width = sizeElement.clientWidth - 40;
}
function getFooter() {
var prev = document.all('navPrev');
var next = document.all('navNext');
var html = '';
var prevText, nextText;
if ( ! prev || ! next )
{
next = document.createElement('DIV');
next.innerHTML = ' ';
prev = document.createElement('DIV');
prev.innerHTML = ' ';
}
else
if ( ie_version_major >= 6 )
{
prevText = prev.childNodes[0].childNodes[0];
prevText.data = prevText.substringData(3, prevText.length - 3);
nextText = next.childNodes[0].childNodes[0];
nextText.data = nextText.substringData(0, nextText.length - 3);
}
html += '<DIV style="background-color:#BABFD4; border-top:2px solid #000000;
margin-top:4; height:42; overflow:hidden;">';
html += '<TABLE cellpadding=0 cellspacing=0 border=0 width="100%"><TR>';
html += '<TD><DIV style="margin:3 10 0 10;"><TABLE cellpadding=0 cellspacing=4
border=0><TR>';
html += '<TD><IMG src="'+ skinpath +'icn_prev.gif" width=24 height=24></TD>';
html += '<TD class="small text"><U>p</U>rev: '+ prev.innerHTML +'</TD>';
html += '</TR></TABLE></DIV></TD>';
html += '<TD align="right"><DIV style="margin:3 10 0 10;"><TABLE cellpadding=0
cellspacing=4 border=0><TR>';
html += '<TD class="small text"><U>n</U>ext: '+ next.innerHTML +'</TD>';
html += '<TD><IMG src="'+ skinpath +'icn_next.gif" width=24 height=24></TD>';
html += '</TR></TABLE></DIV></TD>';
html += '</TR></TABLE>';
html += '</DIV>';
return html;
}
function getBodySizeElement() {
var delement;
// Thanks to Gabor Hojtsy for this piece of code
if ( ie_version_major >= 6 )
delement = document.body.parentElement;
else
delement = document.body;
return delement;
}
http://cvs.php.net/co.php/phpdoc/htmlhelp/suppfiles/skins/phpZ/style.css?r=1.1&p=1
Index: phpdoc/htmlhelp/suppfiles/skins/phpZ/style.css
+++ phpdoc/htmlhelp/suppfiles/skins/phpZ/style.css
/* phpZ PHP CHM skin ver 1.0
By Gonzalo De la Pe�a <[EMAIL PROTECTED]>
*/
/* specific styles */
.funcreturntype {
font-style:oblique;
color:darkblue;
}
.funcname {
color:darkorange;
}
.funcparamtype {
color:darkblue;
font-weight:normal;
font-style:oblique;
}
.funcparamname {
color:#666666;
}
.funcUsage {
font-weight:bold;
}
/* html styles */
A {
color: #444499;
text-decoration:none;
}
A:hover {
text-decoration:underline;
}
/* general body style */
BODY {
color:#000000;
margin:0;
background-image:url('background.gif');
}
/* misc formatting classes */..text {
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
}
.small {
font-size:11px;
}
.big {
font-size:19px;
}
.tiny {
font-family:Arial, sans-serif;
font-size:9px;
}
.centered {
text-align:center;
}
.secondaryType {
font-family:Arial, Helvetica, sans-serif;
}
.switcherTabs {
margin-right:5px;
cursor:hand;
}
.black {
color:#000000;
}
.bold {
font-weight:bold;
}
.italic {
font-style:oblique;
}
.ulEd {
text-decoration:underline;
}
.lightBlue {
color:#828AAD;
}
.lightText {
color:#999999;
}
FORM {
margin:0;
}
/* neutralises bold tags */
B {
font-weight:normal;
}
/* ---- THE FOLLOWING IS IMPORTED FROM THE SAMPLE SKIN ----- */
/* different size values for headings */
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
/* Elements to format with secondary type */
h1, h2, h3, h4, h5, {
font-family:Arial, Helvetica, sans-serif;
}
/* margin and style settings for headers */
h1, h2, h3, h4, h5, {
font-style:normal;
font-weight:bold;
margin-left:10px;
padding-top:20px;
margin-top:0;
}
.formalhead {
font-weight:normal;
color:#5F6681;
margin:1em 0 0.5em 10px;
}
/* general paragraphs in text */
p {
line-height:1.3em;
margin:8px 10px 8px 10px;
}
/* list type elements */
li, dt { margin-bottom: 5px; }
ul, dl {
margin-top: 10px;
margin-bottom: 10px;
}
dl { margin-left: 10px; }
/* for tables used to contain data */..datatable {
margin-right: 20px;
margin-left: 20px;
}
/* admonitional blocks */..note, .warning, .caution, .examplecode, .untext {
margin: 20px;
border: 1px solid #BABFD4;
padding: 5px 5px 5px 10px;
}
/* color for warning and caution boxes */..warning, .caution {
background-color:#FFD685;
border-color:#ff9900;
color:#000000;
}
/* paragraphs inside notes */..note, .warning, .caution, .note p, .warning p, .caution
p {
font-size:11px;
line-height:1.3em;
}
/* note specific */ ..note {
color:#5F6681;
background-color:#ffffcc;
}
/* .examplecode is used to print out PHP code, output, etc.
.codelink is the link to copy the code to clipboard
.untext is user contributed notes text */..examplecode, .untext {
margin-top:10px;
background-color:#f3f3f3;
}
..codelink {
font-size: 10px;
text-align: right;
margin-bottom: 5px;
margin-right:20px;
}
/* see also lists, usually at the bottom of pages */..seealso {
font-style: normal;
font-weight: normal;
color: #000000;
background-color: #DDDDFF;
margin: 20px 0px 0px 0px;
padding: 5px 5px 5px 10px;
}
/* user note header text */..unheader {
margin:15 0 0 10;
}
/* colors for color code highliting */..cs { color: #9EA1C0 } /* string */..cc {
color: #b8860b } /* comment */..ck { color: #006600 } /* keyword */..cd { color:
#0000CC } /* default */
/* Style elements for the context menu */..context {
font-size: 12px;
color: #000000;
margin: 2px 2px 2px 3px;
line-height: 16px;
}
#contextMenu {
position: absolute;
width: 150;
border: 1px solid #000000;
visibility: hidden;
background-color: #f5f5f5;
}
/* Form elements (used in context menu) */
form.thin {
margin-bottom: 0px;
margin-top: 0px;
}
/* Author group on frontpage */
div.authorgroup {
text-align: center;
}