Chadi
07-04-2008, 07:51 PM
I'm testing out a custom template/page I made and added some demo content for now. I had my radio mod in one of the tabs, but it shuts off if you switch to another tab. Anyone know of a way to work around this? I want to do the same thing with live chat. Basically, its just supposed to be a simple, cool page of some sort with the best content I can implement.
http://www.talkjesus.com/misc.php?do=page&template=myspot
The template is:
$stylevar[htmldoctype]
....
<body>
$header
$navbar
<div id="sidebar">
<div id="photo-info">
<ul class="clearfix">
<li><a href="#tab-info">Info</a></li>
<li><a href="#tab-license">Devotional</a></li>
<li><a href="#tab-bible">Bible</a></li>
</ul>
<div id="tab-info">
<p>
<a class="external" href="#" target="_blank">View...</a>
</p>
<table class="photo-table" cellspacing="0">
<tr>
<th width="1%">Title</th>
<td>temp text</td>
</tr>
<tr>
<th>Resolution</th>
<td>temp text</td>
</tr>
<tr>
<th>License</th>
<td><a href="#tab-license" onClick="$('#photo-info').triggerTab(2);return false;">temp text</a></td>
</tr>
<tr>
<th>Photographer</th>
<td>temp text</td>
</tr>
<tr>
<th>Date</th>
<td></td>
</tr>
<tr id="averageRating">
<th>Avg. Rating</th>
<td>
<span class="inline-rating">
<ul class="star-rating">
</ul>
</span>
</td>
</tr>
<tr id="myRating">
<th>My Rating</th>
<td>
<span class="inline-rating">
<ul class="star-rating-my">
<li class="current-rating-my" style="width:80%;">Currently 4.0 / 5.0 Stars.</li>
<li><a href="javascript:void(0);" title="1 out of 5" class="one-star" onClick="rateThisPhoto('261514', 1)">1</a></li>
<li><a href="javascript:void(0);" title="2 out of 5" class="two-stars" onClick="rateThisPhoto('261514', 2)">2</a></li>
<li><a href="javascript:void(0);" title="3 out of 5" class="three-stars" onClick="rateThisPhoto('261514', 3)">3</a></li>
<li><a href="javascript:void(0);" title="4 out of 5" class="four-stars" onClick="rateThisPhoto('261514', 4)">4</a></li>
<li><a href="javascript:void(0);" title="5 out of 5" class="five-stars" onClick="rateThisPhoto('261514', 5)">5</a></li>
</ul>
</span>
</td>
</tr>
</table>
</div>
<div id="tab-license">
$showrandomquote<br />
<script type="text/javascript" src="http://www.heartlight.org/hls/tv_kjv.js"></script><br />
</div>
<div id="tab-bible">
<iframe name="I2" id="I2" src="?do=page&template=bible" height="650" border="0" frameborder="0" width="100%" style="float: center" marginwidth="1" marginheight="1" scrolling="no">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe><br />
</div>
<div id="tab-yellow">
<iframe name="I2" id="I2" src="?do=page&template=yp" height="2200px" border="0" frameborder="0" width="100%" style="float: center" marginwidth="1" marginheight="1" scrolling="no">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe><br />
</div>
<div class="clear"></div>
</div>
<!-- END PHOTO INFO -->
</div>
<br style="clear:both;" />
$footer
</body>
</html>
I tried to even do the same for other mods such as Mindestic Glossary mod by using this custom template:
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head><title>$vboptions[bbtitle] - $vbphrase[glossary] - $displayterm[glossaryname]</title>
$headinclude
</head>
<body>
<form action="glossary.php" method="get">
<input type="hidden" name="s" value="$session[sessionhash]">
<input type="hidden" name="do" value="searchresults">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('searchglossary')"><img id="collapseimg_searchglossary" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_searchglossary].gif" alt="$vbphrase[searchglossary]" border="0"></a>
$vbphrase[searchglossary]
</td>
</tr>
</thead>
<tbody id="collapseobj_searchglossary" style="$vbcollapse[collapseobj_searchglossary]">
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]">
<table class="fieldset" cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr align="$stylevar[left]">
<td>
$vbphrase[glossary_search_word]:<br />
<input type="text" class="bginput" name="search" value="$searchtermword" size="25">
</td>
<td>
$vbphrase[glossary_search_in]:<br />
<select name="searchoptions">
<option value="1" $optionselect[1]>$vbphrase[glossary_search_titles_only]</option>
<option value="2" $optionselect[2]>$vbphrase[glossary_search_text_only]</option>
<option value="3" $optionselect[3]>$vbphrase[glossary_search_text_and_titles]</option>
</select>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="submit" value="$vbphrase[searchglossary]" class="button" accesskey="s">
<input type="reset" value="$vbphrase[reset_fields]" class="button" accesskey="r">
</div>
</td>
</tr>
</tbody>
</table>
</form>
<br />
<if condition="$letterbits">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr align="center">
$letterbits
</tr>
</table>
</if>
<br />
<if condition="$pagenav">
<!-- Start Pagenav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td align="$stylevar[right]">$pagenav</td>
</tr>
</table>
<!-- End Pagenav -->
<br />
</if>
<!-- Start Glossary Display -->
$glossarybits
<!-- End Glossary Display -->
<if condition="$pagenav">
<!-- Start Pagenav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td align="$stylevar[right]">$pagenav</td>
</tr>
</table>
<!-- End Pagenav -->
</if>
</body>
</html>
It did not work. I tried the same with my VB Journal mod, but half the stuff were broken or missing, such as images and scripts.
http://www.talkjesus.com/misc.php?do=page&template=myspot
The template is:
$stylevar[htmldoctype]
....
<body>
$header
$navbar
<div id="sidebar">
<div id="photo-info">
<ul class="clearfix">
<li><a href="#tab-info">Info</a></li>
<li><a href="#tab-license">Devotional</a></li>
<li><a href="#tab-bible">Bible</a></li>
</ul>
<div id="tab-info">
<p>
<a class="external" href="#" target="_blank">View...</a>
</p>
<table class="photo-table" cellspacing="0">
<tr>
<th width="1%">Title</th>
<td>temp text</td>
</tr>
<tr>
<th>Resolution</th>
<td>temp text</td>
</tr>
<tr>
<th>License</th>
<td><a href="#tab-license" onClick="$('#photo-info').triggerTab(2);return false;">temp text</a></td>
</tr>
<tr>
<th>Photographer</th>
<td>temp text</td>
</tr>
<tr>
<th>Date</th>
<td></td>
</tr>
<tr id="averageRating">
<th>Avg. Rating</th>
<td>
<span class="inline-rating">
<ul class="star-rating">
</ul>
</span>
</td>
</tr>
<tr id="myRating">
<th>My Rating</th>
<td>
<span class="inline-rating">
<ul class="star-rating-my">
<li class="current-rating-my" style="width:80%;">Currently 4.0 / 5.0 Stars.</li>
<li><a href="javascript:void(0);" title="1 out of 5" class="one-star" onClick="rateThisPhoto('261514', 1)">1</a></li>
<li><a href="javascript:void(0);" title="2 out of 5" class="two-stars" onClick="rateThisPhoto('261514', 2)">2</a></li>
<li><a href="javascript:void(0);" title="3 out of 5" class="three-stars" onClick="rateThisPhoto('261514', 3)">3</a></li>
<li><a href="javascript:void(0);" title="4 out of 5" class="four-stars" onClick="rateThisPhoto('261514', 4)">4</a></li>
<li><a href="javascript:void(0);" title="5 out of 5" class="five-stars" onClick="rateThisPhoto('261514', 5)">5</a></li>
</ul>
</span>
</td>
</tr>
</table>
</div>
<div id="tab-license">
$showrandomquote<br />
<script type="text/javascript" src="http://www.heartlight.org/hls/tv_kjv.js"></script><br />
</div>
<div id="tab-bible">
<iframe name="I2" id="I2" src="?do=page&template=bible" height="650" border="0" frameborder="0" width="100%" style="float: center" marginwidth="1" marginheight="1" scrolling="no">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe><br />
</div>
<div id="tab-yellow">
<iframe name="I2" id="I2" src="?do=page&template=yp" height="2200px" border="0" frameborder="0" width="100%" style="float: center" marginwidth="1" marginheight="1" scrolling="no">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe><br />
</div>
<div class="clear"></div>
</div>
<!-- END PHOTO INFO -->
</div>
<br style="clear:both;" />
$footer
</body>
</html>
I tried to even do the same for other mods such as Mindestic Glossary mod by using this custom template:
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head><title>$vboptions[bbtitle] - $vbphrase[glossary] - $displayterm[glossaryname]</title>
$headinclude
</head>
<body>
<form action="glossary.php" method="get">
<input type="hidden" name="s" value="$session[sessionhash]">
<input type="hidden" name="do" value="searchresults">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('searchglossary')"><img id="collapseimg_searchglossary" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_searchglossary].gif" alt="$vbphrase[searchglossary]" border="0"></a>
$vbphrase[searchglossary]
</td>
</tr>
</thead>
<tbody id="collapseobj_searchglossary" style="$vbcollapse[collapseobj_searchglossary]">
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]">
<table class="fieldset" cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr align="$stylevar[left]">
<td>
$vbphrase[glossary_search_word]:<br />
<input type="text" class="bginput" name="search" value="$searchtermword" size="25">
</td>
<td>
$vbphrase[glossary_search_in]:<br />
<select name="searchoptions">
<option value="1" $optionselect[1]>$vbphrase[glossary_search_titles_only]</option>
<option value="2" $optionselect[2]>$vbphrase[glossary_search_text_only]</option>
<option value="3" $optionselect[3]>$vbphrase[glossary_search_text_and_titles]</option>
</select>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<input type="submit" value="$vbphrase[searchglossary]" class="button" accesskey="s">
<input type="reset" value="$vbphrase[reset_fields]" class="button" accesskey="r">
</div>
</td>
</tr>
</tbody>
</table>
</form>
<br />
<if condition="$letterbits">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr align="center">
$letterbits
</tr>
</table>
</if>
<br />
<if condition="$pagenav">
<!-- Start Pagenav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td align="$stylevar[right]">$pagenav</td>
</tr>
</table>
<!-- End Pagenav -->
<br />
</if>
<!-- Start Glossary Display -->
$glossarybits
<!-- End Glossary Display -->
<if condition="$pagenav">
<!-- Start Pagenav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td align="$stylevar[right]">$pagenav</td>
</tr>
</table>
<!-- End Pagenav -->
</if>
</body>
</html>
It did not work. I tried the same with my VB Journal mod, but half the stuff were broken or missing, such as images and scripts.