Post by sferrel on Oct 9, 2010 9:58:00 GMT -8
Can anyone tell me why I might be having an issue with Flash games that I want to embed in the footer of the "Rec Room" section of my forum? I've never had a problem with it in the past; I'm wondering if any of the new codes I've recently added to my Main and Global Headers/Footers could be causing a conflict.
Here's an example of one of the games I'm trying to embed:
<iframe width="550" height="400" src="http://www.freeonlinegames.com/embed.php?g_id=10069" frameborder="0" scrolling="no"></iframe>
I'm attempting to embed it in the "Rec Room" section of my board, where there are currently no header/footer codes. It just shows up as a blank gray box where the game should appear. I've tested the online game itself, and it works just fine. Tried a different game, and had the same problem -- blank box shows where the game should appear.
My MAIN FOOTERS consist of the following (there are no MAIN HEADERS):
Footers:
<script type="text/javascript">
<!--
// Separate news fader from boards
// Created by PopThosePringles
// Size of the gap between news fader and boards
var nfSize = 25;
var iDiv = document.createElement("div");
var iTable = document.getElementsByTagName("table");
iDiv.style.height = nfSize;
function splitNewsFader(){
for(t = 0; t < iTable.length; t ++){
if(iTable.item(t).width == "100%" && iTable.item(t).className == "bordercolor" && iTable.item(t).innerHTML.match(/b>News<\//i)){
var iScript = iTable.item(t).parentNode.getElementsByTagName("script").item(1);
iTable.item(t).parentNode.insertBefore(iDiv, iScript);
}
}
}
if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){
splitNewsFader();
}
//-->
</script>
<script type="text/javascript">
<!--
/* rename news fader */
if(location.href.match(/\.com\/?(index.cgi)?\??(&?action=home)?(#\w+)?$/)) {
var td = document.getElementsByTagName('td');
for(i=0; i<td.length; i++) {
if(td.item(i).className == 'newstitlebg') {
td.item(i).firstChild.firstChild.innerHTML = 'NEWS WHEEK';
break;
}
}
}
//-->
</script>
<script type="text/javascript">
//Remove info center titlebar
if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/))
{
var T = document.body.getElementsByTagName("td");
for(t=0;t<T.length;t++){
if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/))
T[t].parentNode.style.display = "none";
}}
</script>
<span id="hide_cbox" style="display: none;">
<center>
<b>The Chubble Zone</b>
<script type="text/javascript" src="http://saybox3.co.uk/output.php?user=sef"></script> </center>
<BR>
</span>
<script type="text/javascript">
<!--
if(pb_username != 'Guest')
document.getElementById("hide_cbox").style.display = '';
//-->
</script>
My GLOBAL HEADERS/FOOTERS consist of the following:
Headers:
<style type="text/css">
<!--
body {
scrollbar-face-color: #8b4513;
scrollbar-highlight-color: #808080;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #efefef;
scrollbar-arrow-color: #efefef;
scrollbar-track-color: #A36539;
}
-->
</style>
<script type="text/javascript">
<!--
/* fix text menus by ross */
var startChar = '~'; //Start character
var dividerChar = '~'; //Dividing Character(s);
var endChar = '~'; //End character
//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>
<!--removes "HOME" from banner area-->
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
Footers:
<script type="text/javascript">
<!--
/* extra smileys in posting area by california */
// edit the path to your smileys here
var imgPath = "http://www.duboiscountyhumane.org/piganon/icons/"
var smiley = [
// edit the list of smileys here
['clapping.gif', ':clapping:'],
['thumbsup.gif', ':thumbsup:'],
['heart.gif', ':heart:']
];
// do not edit below this line
var td=document.getElementsByTagName("td");
if(document.postForm){
for(i=1;i<td.length;i++){
if(td.width=="70%" && td[i-1].innerHTML.match(/Add Smilies:/)){
for(j=0;j<smiley.length;j++){
if(smiley[j]=="BREAK"){
td.innerHTML+='<br />';
}else{
var code=smiley[j][1];
var img=imgPath+smiley[j][0];
var jsadd='javascript:add(\' '+code+' \')';
td.innerHTML+=' <a href="'+jsadd+'"><img src="'+img+
'" border="0" alt="'+code+'" /></a>';
}
}
break;
}
}
}
// -->
</script>
To test headers and footers in general, I added a line of plain text that says "Test, test, test" in the footer of my "Rec Room" board, and it shows up just fine.
Thanks for any suggestions.
Here's an example of one of the games I'm trying to embed:
<iframe width="550" height="400" src="http://www.freeonlinegames.com/embed.php?g_id=10069" frameborder="0" scrolling="no"></iframe>
I'm attempting to embed it in the "Rec Room" section of my board, where there are currently no header/footer codes. It just shows up as a blank gray box where the game should appear. I've tested the online game itself, and it works just fine. Tried a different game, and had the same problem -- blank box shows where the game should appear.
My MAIN FOOTERS consist of the following (there are no MAIN HEADERS):
Footers:
<script type="text/javascript">
<!--
// Separate news fader from boards
// Created by PopThosePringles
// Size of the gap between news fader and boards
var nfSize = 25;
var iDiv = document.createElement("div");
var iTable = document.getElementsByTagName("table");
iDiv.style.height = nfSize;
function splitNewsFader(){
for(t = 0; t < iTable.length; t ++){
if(iTable.item(t).width == "100%" && iTable.item(t).className == "bordercolor" && iTable.item(t).innerHTML.match(/b>News<\//i)){
var iScript = iTable.item(t).parentNode.getElementsByTagName("script").item(1);
iTable.item(t).parentNode.insertBefore(iDiv, iScript);
}
}
}
if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){
splitNewsFader();
}
//-->
</script>
<script type="text/javascript">
<!--
/* rename news fader */
if(location.href.match(/\.com\/?(index.cgi)?\??(&?action=home)?(#\w+)?$/)) {
var td = document.getElementsByTagName('td');
for(i=0; i<td.length; i++) {
if(td.item(i).className == 'newstitlebg') {
td.item(i).firstChild.firstChild.innerHTML = 'NEWS WHEEK';
break;
}
}
}
//-->
</script>
<script type="text/javascript">
//Remove info center titlebar
if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/))
{
var T = document.body.getElementsByTagName("td");
for(t=0;t<T.length;t++){
if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/))
T[t].parentNode.style.display = "none";
}}
</script>
<span id="hide_cbox" style="display: none;">
<center>
<b>The Chubble Zone</b>
<script type="text/javascript" src="http://saybox3.co.uk/output.php?user=sef"></script> </center>
<BR>
</span>
<script type="text/javascript">
<!--
if(pb_username != 'Guest')
document.getElementById("hide_cbox").style.display = '';
//-->
</script>
My GLOBAL HEADERS/FOOTERS consist of the following:
Headers:
<style type="text/css">
<!--
body {
scrollbar-face-color: #8b4513;
scrollbar-highlight-color: #808080;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #efefef;
scrollbar-arrow-color: #efefef;
scrollbar-track-color: #A36539;
}
-->
</style>
<script type="text/javascript">
<!--
/* fix text menus by ross */
var startChar = '~'; //Start character
var dividerChar = '~'; //Dividing Character(s);
var endChar = '~'; //End character
//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>
<!--removes "HOME" from banner area-->
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
Footers:
<script type="text/javascript">
<!--
/* extra smileys in posting area by california */
// edit the path to your smileys here
var imgPath = "http://www.duboiscountyhumane.org/piganon/icons/"
var smiley = [
// edit the list of smileys here
['clapping.gif', ':clapping:'],
['thumbsup.gif', ':thumbsup:'],
['heart.gif', ':heart:']
];
// do not edit below this line
var td=document.getElementsByTagName("td");
if(document.postForm){
for(i=1;i<td.length;i++){
if(td.width=="70%" && td[i-1].innerHTML.match(/Add Smilies:/)){
for(j=0;j<smiley.length;j++){
if(smiley[j]=="BREAK"){
td.innerHTML+='<br />';
}else{
var code=smiley[j][1];
var img=imgPath+smiley[j][0];
var jsadd='javascript:add(\' '+code+' \')';
td.innerHTML+=' <a href="'+jsadd+'"><img src="'+img+
'" border="0" alt="'+code+'" /></a>';
}
}
break;
}
}
}
// -->
</script>
To test headers and footers in general, I added a line of plain text that says "Test, test, test" in the footer of my "Rec Room" board, and it shows up just fine.
Thanks for any suggestions.