No. At least I don't think so. If it is, it would be a more difficult way of dealing with the situation.
Try this out (tested, works in a local mock up) -
Add this highlighted style rule here (on ronbigus.com/index.php, or it's include that produces the on page style code shown, or anywhere that it will be used by the page):
Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/basicpage.css" type="text/css" />
<style type="text/css">
.tickertable, .tickertable * {
visibility: hidden;
position: absolute;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0; . . .
Add this script or put its function somewhere that's associated with the page:
Code:
. . . yle5 {color: #000000}
.style7 {color: #000000; font-weight: bold; }
</style>
<script type="text/javascript" src="Scripts/helptools.js"></script>
<script type="text/javascript">
function toggle_ticker(){
var ticker = document.getElementById('ticker');
ticker.className = ticker.className === 'tickertable'? '' : 'tickertable';
}
</script>
<script type="text/javascript" src="Scripts/calendarDateInput.js"></script>
<style type="text/css">
#ticker td{
margin-left:5px;
}
#pscrolle . . .
Change this section as shown (add/change the highlighted, get rid of the red - scroll the code block to see the red part):
Code:
<center class="style5"><a href="#" onclick="toggle_ticker(); return false;
">Click here hide/show Real Estate News Ticker</a></center>
<table class="tickertable"
width="900" border="2" cellspacing="0" cellpadding="0" align="center" id="ticker" style="visibility:none">
<tr >
<th width="300">CNN RE NEWS</th>
<th width="300" >FOX WALLSTREET</th>
<th width="300">WSJ Real Estate Ind NEWS</th>
</tr>
<tr>
<td><script type="text/javascript">new rsspausescroller("cnn", "pscroller1", "rssclass", 3000, "_new","date"); </script></td>
<td><script type="text/javascript">new rsspausescroller("foxrnews", "pscroller3", "rssclass", 3000, "_new", "date");</script></td>
<td><script type="text/javascript">new rsspausescroller("wallst", "pscroller2", "rssclass", 3000, "_new","date"); </script></td>
</tr>
</table>
That's it!
Notes: Using display: none;
to initially hide something that initially has its dimensions calculated via javascript makes that act impossible. Using visibility: hidden;
does not, but it leaves a blank spot. By also setting the position to absolute, we remove the blank spot. Ordinarily this only needs to be done for the container (.tickertable
in the updated style/code/markup). But for some reason I needed to include the children (.tickertable, .tickertable *
) in this as well to get it to work. I didn't bother finding out why. It works, so no big deal.
Bookmarks