I am seeing it. Fortunately no one uses those three code tags. Definately we are aware of the codebox... We've been battling that for awhile.
PHP color coding?
<?
include_once ("./settings.php");
$link = mysql_connect($host,$user,$password);
mysql_select_db("$tpx_forums");
echo '<table cellpadding=0 spacepadding=0 border=1 width=100%><tr>';
$result=mysql_db_query($base,"select * from ".$basesites."",$link);
if ($result > 0)
{
$num4=mysql_num_rows($result);
if($num4!=0)
{
$n=0;
while ( $n<$num4 )
{
# call and show the ID
$id=mysql_result($result,$n,"id");
# call and show the series
$series=mysql_result($result,$n,"series");
# call and show the line
$line=mysql_result($result,$n,"line");
# call and show the year
$year=mysql_result($result,$n,"year");
# call and show the country
$country=mysql_result($result,$n,"country");
$n++;
if (!$size) $size="0 kb";
echo "<tr>";
echo "<td align=left>$id</td>";
echo "<td align=left>$series</td>";
echo "<td align=left>$line</td>";
echo "<td align=left>$year</td>";
echo "<td align=left>$country</td>";
echo "</tr>";
}
}
echo "</table>";
}
?>
XML color coding?
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN" "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg xml:space="preserve" width="800" height="600" viewBox="0 0 800 600" version="1.1" xmlns="http://www.w3.org/2000/svg" onload="DoOnLoad( evt )">
<script type="text/ecmascript">
<![CDATA[
function changeRectColor(evt) {
var red = Math.round(Math.random() * 255);
var green = Math.round(Math.random() * 255);
var blue = Math.round(Math.random() * 255);
evt.target.setAttributeNS(null,"fill","rgb("+ red +","+ green+","+blue+")");
}
var dragger = null;
var origTransform = "";
var origX;
var origY;
var oldTranslateX;
var oldTranslateY;
var translateRegExp=/translate\(([-+]?\d+)(\s*[\s,]\s*)([-+]?\d+)\)\s*$/
function DoOnMouseOver(evt)
{
}
function DoOnMouseOut(evt)
{
}
function DoOnLoad(evt)
{
var el = getSVGDocument(evt.getTarget()).getElementById("left");
el.getStyle().setProperty("fill", "");
}
function DoOnMouseDown(evt)
{
if( evt.getTarget().getAttribute("id") == "left" )
{
var el = getSVGDocument(evt.getTarget()).getElementById("helloText");
el.getStyle().setProperty("visibility", "visible");
}
var onObject = evt.getTarget();
if( onObject.getAttribute("id") != "bg")
{
dragger = onObject;
origTransform = dragger.getAttribute("transform");
if (origTransform == null)
origTransform = "";
else
origTransform = new String(origTransform);
origX = evt.getClientX();
origY = evt.getClientY();
oldTranslateX = 0;
oldTranslateY = 0;
if (origTransform == null || origTransform.length == 0)
origTransform = "";
else
{
var result = origTransform.match(translateRegExp);
if (result == null || result.index == -1)
{
alert("The regular expression had a problem finding the translate at the end of \"" + origTransform + "\"");
oldTranslateX = 0;
oldTranslateY = 0;
}
else
{
oldTranslateX = parseFloat(result[1]);
oldTranslateY = parseFloat(result[3]);
origTransform = origTransform.substr(0, result.index);
}
origTransform += " ";
}
}
}
function DoOnMouseUp(evt)
{
if( dragger != null )
{
dragger.getStyle().setProperty("fill", "");
dragger = null;
origTransform = ""
origX = 0;
origY = 0;
oldTranslateX = 0;
oldTranslateY = 0;
var el = getSVGDocument(evt.getTarget()).getElementById("helloText");
el.getStyle().setProperty("visibility", "hidden");
}
}
function DoOnMouseMove(evt)
{
if( dragger != null )
{
dragger.getStyle().setProperty("fill", "");
var newX = oldTranslateX + (evt.getClientX() - origX);
var newY = oldTranslateY + (evt.getClientY() - origY);
var transform = origTransform + "translate(" + newX + " " + newY + ")";
var text = getSVGDocument(evt.getTarget()).getElementById("helloText");
text.getFirstChild().setData(transform);
dragger.setAttribute("transform", transform );
}
}
function getSVGDocument(node)
{
// given any node of the tree, will obtain the SVGDocument node.
// must be careful: a Document node's ownerDocument is null!
if( node.getNodeType() != 9 ) // if not DOCUMENT_NODE
return node.getOwnerDocument();
else
return node;
}
]]>
</script>
<defs>
<linearGradient id="GradTwo" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="5%" stop-color="#4FD8FF" />
<stop offset="20%" stop-color="#FFFFFF" />
<stop offset="70%" stop-color="#AA00AA" />
<stop offset="95%" stop-color="white" />
</linearGradient>
<linearGradient id="GradSix" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="15%" stop-color="white" />
<stop offset="25%" stop-color="black" />
<stop offset="50%" stop-color="red" />
</linearGradient>
</defs>
<g id="oneGroup">
<polygon id="onePoly" points="329,180 525,250 454,454 267,375" fill="#cccccc" stroke="#000000" stroke-width="1" onclick="changeRectColor(evt)"/>
</g>
<polygon id="left"/>
<g id="twoGroup" onmouseover="DoOnMouseOver( evt )" onmouseout="DoOnMouseOut( evt )" onmousedown="DoOnMouseDown( evt )" onmouseup="DoOnMouseUp( evt )" onmousemove="DoOnMouseMove( evt )">
<polygon id="threePoly" points="253,174 344,231 289,332 203,270" fill="#336699" stroke="#000000" stroke-width="1"/>
<polygon id="fourPoly" points="332,67 481,61 482,218 335,219" fill="#cccccc" stroke="#000000" stroke-width="1"/>
<polygon id="fivePoly" points="235,101 304,140 270,219 202,180" fill="#cccccc" stroke="#000000" stroke-width="1"/>
<polygon id="sixPoly" points="188,126 230,183 184,229 143,174" fill="#cccccc" stroke="#000000" stroke-width="1"/>
<polygon id="sevenPoly" points="97,103 142,132 123,181 79,151" fill="url(#GradTwo)" stroke="#000000" stroke-width="1"/>
</g>
<g id="spinGroup">
<polygon id="twoPoly" points="296,359 356,425 296,487 238,421" fill="url(#GradSix)" stroke="#000000" stroke-width="1"/>
<animateTransform attributeName="transform" attributeType="XML"
type="rotate" from="0,296,422" to="360,296,422"
begin="0s" dur="10s"
repeatCount="indefinite"/>
</g>
<text x="300" y="100" id="helloText" style="visibility: hidden; fill: black; font-family: Impact; font-size: 24">r</text>
<text x="25" y="25" id="instructionalText" style="font-size:14">Moving Pictures</text>
<text x="25" y="37" id="instructionalText" style="font-size:14">click large box to change color</text>
<text x="25" y="49" id="instructionalText" style="font-size:14">drag the other boxes</text>
</svg>
Preview Post = egads!
PS: XML color coder doesn't ignore the CDATA like it is supposed to...