| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/_work/ |
Upload File : |
// _work/css_styles.js
// Display styles.
// Find tooltip stylesheet.
console.warn('Getting stylesheets.');
console.log('document.styleSheets.length = '+document.styleSheets.length);
for (s=0; s<document.styleSheets.length; s++) {
console.log(s + ' ' + document.styleSheets[s].href);
if( document.styleSheets[s].href.indexOf('CST.css') != -1 ) siteStylesheet = document.styleSheets[s];
if( document.styleSheets[s].href.indexOf('tooltip.css') != -1 ) tooltipStylesheet = document.styleSheets[s];
if( document.styleSheets[s].href.indexOf('debug.css') != -1 ) debugStylesheet = document.styleSheets[s];
}
//alert('document.styleSheets['+s+'] = [' + tooltipStylesheet.href+']');
function addAcronymStyles() {
var DEBUG_addAcronymStyles = false;
if ( DEBUG_addAcronymStyles ) console.warn('addAcronymStyles()');
copyClass = 'acronym';
var acronymrow = document.getElementById('acronymtooltip').rows[0];
//alert('copyClass=['+copyClass+']');
var classes = tooltipStylesheet.rules || tooltipStylesheet.cssRules
var x = 0;
for (var y=0; y<classes.length; y++) {
var thisName = classes[y].selectorText;
if ( thisName != undefined ) {
// Is this the main class?
if ( thisName.indexOf(copyClass) == 0 && thisName.indexOf('.') > 0 && thisName.indexOf(':') == -1 ) {
// Add a new style for the acronym.subclass.
// Get the cssText.
( classes[y].cssText ) ? cssText = classes[y].cssText : cssText = classes[y].style.cssText;
// Get the className from the cssText.
className = cssText.substring(0,cssText.indexOf('{'));
className = className.replace(copyClass+'.','');
className = className.trim();
if ( DEBUG_addAcronymStyles ) console.log('Adding acronym.'+className);
// Add a new td to the acronym row.
var tdNew = acronymrow.insertCell(-1);
tdNew.innerHTML='<acronym class="'+className+'" onMouseOver="ttShow(\''+className+'\')" onMouseOut="ttHide();">'+className+'</acronym>';
x++;
}
}
}
}
function addDebugStyles() {
var DEBUG_addDebugStyles = false;
if ( DEBUG_addDebugStyles ) console.warn('addDebugStyles()');
copyClass = 'xxx';
//var tooltiprow = document.getElementById('stylecss').rows[1];
var classes = debugStylesheet.rules || debugStylesheet.cssRules
var debugTable = document.getElementById('debugcss');
var x = 0;
for ( var y=0; y<classes.length; y++) {
var thisName = classes[y].selectorText;
if ( thisName != undefined ) {
//if ( DEBUG_addDebugStyles ) console.log('thisName = '+thisName+', x = '+x);
debugTable.insertRow(x);
var debugrow = document.getElementById('debugcss').rows[x];
// Add a new style for the #tooltip.subclass.
// Get the cssText.
( classes[y].cssText ) ? cssText = classes[y].cssText : cssText = classes[y].style.cssText;
// Get the className from the cssText.
className = cssText.substring(0,cssText.indexOf('{'));
className = className.trim();
if ( DEBUG_addDebugStyles ) console.info('thisName = '+thisName);
//console.log('Adding '+className);
// Strip the className and braces {} from the cssText.
cssText = cssText.substring(cssText.indexOf('{')+1,cssText.indexOf('}')-1);
cssText = cssText.trim();
if ( DEBUG_addDebugStyles ) console.log('cssText = '+cssText);
// Add the style.
var style = document.createElement('style');
style.type = 'text/css';
styleClass = '.debugClass'+x+' { '+cssText+' display:table-cell; }';
if ( DEBUG_addDebugStyles ) console.log('styleClass = '+styleClass);
style.innerHTML = styleClass;
document.getElementsByTagName('head')[0].appendChild(style);
// Add a new td to the tooltip row.
var tdNew = debugrow.insertCell(-1);
tdNew.innerHTML='<div class="debugClass'+x+'">'+className+' { '+cssText+' }';
x++;
}
}
}
function addSiteStyles() {
var DEBUG_addSiteStyles = false;
if ( DEBUG_addSiteStyles ) console.warn('addSiteStyles()');
copyClass = 'xxx';
//var tooltiprow = document.getElementById('stylecss').rows[1];
var classes = siteStylesheet.rules || siteStylesheet.cssRules
var siteTable = document.getElementById('sitecss');
var x = 0;
for (var y=0; y<classes.length; y++) {
var thisName = classes[y].selectorText;
if ( thisName != undefined ) {
siteTable.insertRow(x);
var siterow = document.getElementById('sitecss').rows[x];
// Add a new style for the #tooltip.subclass.
// Get the cssText.
( classes[y].cssText ) ? cssText = classes[y].cssText : cssText = classes[y].style.cssText;
// Get the className from the cssText.
className = cssText.substring(0,cssText.indexOf('{'));
className = className.trim();
if ( DEBUG_addSiteStyles ) console.info('thisName = '+thisName);
//console.log('Adding '+className);
// Strip the className and braces {} from the cssText.
cssText = cssText.substring(cssText.indexOf('{')+1,cssText.indexOf('}')-1);
cssText = cssText.trim();
if ( DEBUG_addSiteStyles ) console.log('cssText = '+cssText);
// Add the style.
var style = document.createElement('style');
style.type = 'text/css';
styleClass = '.siteClass'+x+' { '+cssText+' display:table-cell; }';
if ( DEBUG_addSiteStyles ) console.log('styleClass = '+styleClass);
style.innerHTML = styleClass;
document.getElementsByTagName('head')[0].appendChild(style);
// Add a new td to the tooltip row.
var tdNew = siterow.insertCell(-1);
tdNew.innerHTML='<div class="siteClass'+x+'">'+className+' { '+cssText+' }';
x++;
}
}
}
function addTooltipStyles() {
var DEBUG_addTooltipStyles = false;
if ( DEBUG_addTooltipStyles ) console.warn('addTooltipStyles()');
copyClass = '#tooltipDiv';
var tooltiprow = document.getElementById('acronymtooltip').rows[1];
var classes = tooltipStylesheet.rules || tooltipStylesheet.cssRules
var mainClassName = '';
var mainClassText = '';
var x = 0;
for (var y=0; y<classes.length; y++) {
var thisName = classes[y].selectorText;
if ( thisName != undefined ) {
// Is this the main class?
if ( thisName == copyClass ) {
if ( DEBUG_addTooltipStyles ) console.info('classes[y].selectorText==copyClass '+copyClass);
( classes[y].cssText ) ? cssText = classes[y].cssText : cssText = classes[y].style.cssText;
className = cssText.substring(0,cssText.indexOf('{'));
className = className.trim();
cssText = cssText.substring(cssText.indexOf('{')+1,cssText.indexOf('}')-1);
// remove position:absolute.
cssText = cssText.replace("position:absolute;",'');
cssText = cssText.replace("position: absolute;",'');
// remove visibility:hidden.
cssText = cssText.replace("visibility:hidden;",'');
cssText = cssText.replace("visibility: hidden;",'');
cssText = cssText.trim();
mainClassName = className;
mainClassText = cssText;
} else {
// Is this a sub class?
if ( thisName.indexOf(copyClass) == 0 && thisName.indexOf('.') > 0 && thisName.indexOf(':') == -1 ) {
// Add a new style for the #tooltip.subclass.
// Get the cssText.
( classes[y].cssText ) ? cssText = classes[y].cssText : cssText = classes[y].style.cssText;
// Get the className from the cssText.
className = cssText.substring(0,cssText.indexOf('{'));
className = className.trim();
if ( DEBUG_addTooltipStyles ) console.log('Adding '+className);
// Strip the className and braces {} from the cssText.
cssText = cssText.substring(cssText.indexOf('{')+1,cssText.indexOf('}')-1);
cssText = cssText.trim();
// Add the style.
var style = document.createElement('style');
style.type = 'text/css';
styleClass = '.className'+x+' { '+mainClassText+' '+cssText+' display:table-cell; }';
style.innerHTML = styleClass;
document.getElementsByTagName('head')[0].appendChild(style);
// Add a new td to the tooltip row.
var tdNew = tooltiprow.insertCell(-1);
tdNew.innerHTML='<div class="className'+x+'">'+className.replace('#tooltipDiv.','')+'</div>';
}
}
x++;
}
}
}