Page is a not externally linkable
prino - 11:50 am on Oct 23, 2012 (gmt 0)
I'm carefully dipping my toe in building something on Google's free website offering. The problem I'm running into concerns the use of CSS and Javascript.
I've got z/OS based REXX that can convert mainframe legacy language source into HTML files that closely mimic the highlighting of the ISPF editor. The files are WC3 tested and validate as XHTML 1.0 Strict. Below is a very short example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>REXX exec: PRINO.RAHP.EXEC(EDITCLIP)</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css" media="screen">
<!--
a { text-decoration:none; }
a:link { color:lime; }
a:active { color:lime; }
a:visited { color:lime; }
a:hover { color:#7890f0; font-style:italic; font-weight:bold; }
em { font-style:normal; }
em.b { color:#7890f0; }
em.f { color:fuchsia; }
em.l { color:lime; }
em.r { color:red; }
em.t { color:aqua; }
em.w { color:white; }
em.y { color:yellow; }
body
{
background-color:black;
color:white;
}
.ul
{
text-decoration: underline;
}
div.ispf
{
margin:0;
padding:0 0 1em 1em;
color:lime;
background:black;
white-space:pre;
}
-->
</style>
<!-- set the font size to a 52nd of the screen size -->
<script type="text/javascript">
//<![CDATA[
sWidth = screen.width;
fSize = parseInt(sWidth/52);
document.write('<style type="text/css">');
document.write('body { font-size:' + fSize + 'px; }');
document.write('<' +'/style>');
//]]>
</script>
</head>
<body>
<div class="ispf">
<pre>
<em class="b">/* REXX exec to programatically edit any ISPF clipboard */</em>
<em class="f">parse</em> <em class="r">source</em> <em class="r">source</em>
<em class="l">parse</em> <em class="r">value</em> <em class="r">source</em>
<em class="r">"ispexec control errors return"</em>
<em class="t">arg</em> parm
<em class="w">"isredit macro (parm)"</em>
<em class="y">parse</em> <em class="r">value</em>
</pre></div>
</body>
</html>
And as-is it doesn't work in sites.google. I can live (sort-of) without the script, but the rest is pretty much essential. So I found Insert custom HTML, CSS, and Javascript [support.google.com] and changed the source into:
<style>
.b { color:#7890f0; }
.f { color:fuchsia; }
.l { color:lime; }
.r { color:red; }
.t { color:aqua; }
.w { color:white; }
.y { color:yellow; }
.ispf
{
margin:0;
padding:0 0 1em 1em;
color:lime;
background:black;
white-space:pre;
}
</style>
<div class="ispf"><pre>
<em class="b">/* REXX exec to programatically edit any ISPF clipboard */</em>
<em class="f">parse</em> <em class="r">source</em> <em class="r">source</em>
<em class="l">parse</em> <em class="r">value</em> <em class="r">source</em>
<em class="r">"ispexec control errors return"</em>
<em class="t">arg</em> parm
<em class="w">"isredit macro (parm)"</em>
<em class="y">parse</em> <em class="r">value</em>
</pre></div>
But that results in a "Warning: Your HTML contains some tags that are not permitted. These have been removed from your changes."
What am I doing wrong, or am I just walking straight into limitations of sites.google?