homepage Welcome to WebmasterWorld Guest from 50.19.199.154
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
sites.google.com - how to adapt existing pages
HTML/CSS/Script use on sites.google.com
prino




msg:4511265
 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?

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved