Hi, I have an html page with javascript that was developed a while back and has a nice picture gallery to it. I would like to continue to build pages like this and then create a link to these external documents (they will reside within the Modx root). I search and some say chucks, some say TV, etc. I have used a [!ShowStaticHtmlPages!]successfully for other non js pages. So far I have tried chucks, tv, etc. to no avail. What is the best way to do this? Do I have to be mindful of conflicts in javascript or the front-end editor being on? Thank you.
Here is a simple example of the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function kw_switch(i,c) {
d=document;if (d.getElementById){ d.getElementById('kwMain').src=i;
d.getElementById('kw_caption').innerHTML=unescape(c);}
}
</script>
</head>
<body>
<table width="80%" border="0">
<tr>
<td rowspan="2"><table border="0">
<tr>
<td><a href="javascript:;" onClick="kw_switch('Images/112-1268_IMG.JPG','Packers%20Football'); return false;"><img src="Images/112-1268_IMGTHM.jpg" border="0" /></a></td>
</tr>
<tr>
<td><a href="javascript:;" onClick="kw_switch('Images/dean_bugatti01.jpg','Bugatti'); return false;"><img src="Images/dean_bugatti01THM.jpg" border="0" /></a></td>
</tr>
<tr>
<td><a href="javascript:;" onClick="kw_switch('Images/Untitled-3.jpg','Very%20STOL'); return false;"><img src="Images/Untitled-3THM.jpg" border="0" /></a></td>
</tr>
</table>
</td>
<td><img src="Images/112-1268_IMG.JPG" id="kwMain" /></td>
</tr>
<tr>
<td><div id="kw_caption">Packers Football</div>
</td>
</tr>
</table>
</body>
</html>
"Remember what Bilbo used to say: It's a dangerous business, Frodo, going out your door. You step onto the road, and if you don't keep your feet, there's no knowing where you might be swept off to."
-J.R.R. Tolkien from The Lord of the Rings