PDA

View Full Version : REQ : Adding Scroll bar


LEAD_WEIGHT
05-26-2005, 02:04 PM
I tried different codes but I can not get it to look right? this is the original code but I need it to have a scroll bar or mouseover to scoll manual.

I have been here http://www.htmlcodetutorial.com/ & javaScript

I like to add this correctly to 2nd code below

<marquee id="scroller" direction=up width=100% height=150 style="background-color:lightyellow;border:1px solid black">Marquee contents here. Marquee contents here...</marquee><br>
<a href="javascript:scroller.start()">Start</a> |
<a href="javascript:scroller.stop()">Stop</a>

<script>
if (document.all)
scroller.stop()
</script>



<!-- Latest Threads -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<thead>
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet] <span class="smallfont"><strong>$vbphrase[latest_forum_topics]</strong></span></strong></span></td>
</tr>
</thead>
<tr>
<td class="$getbgrow" width="100%">
<A name="scrollingCode"></A><MARQUEE behavior="scroll" align="center" direction="up" height="220" scrollamount="2" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<if condition="$mods['modcol'] == 0">
<tr> <if condition="$vba_options['portal_threads_showicon']">
<td class="thead" width="5">&nbsp;</td>
</if>
<td class="thead" width="100%"><span class="smallfont">$vbphrase[title_username_date]</span></td>
<if condition="$show['lastpost']">
<td align="center" class="thead" nowrap="nowrap" width="25%"><span class="smallfont">$vbphrase[last_post]</span></td>
</if>
<td class="thead" width="15"><span class="smallfont">$vbphrase[replies]</span></td>
<td class="thead" width="15"><span class="smallfont">$vbphrase[views]</span></td>
<if condition="$vba_options['portal_threads_showforum']">
<td align="center" class="thead" width="10%"><span class="smallfont">$vbphrase[forum]</span></td>
</if> </tr>
</if>$threadbits
</table>
</MARQUEE>
</td>
</tr>
</table>
<br />

<!-- End Latest Threads -->

So far I got this code but I think I need buttons if moduel is on left or right I think centre works fine.

<!-- Latest Threads -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
<thead>
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet] <span class="smallfont"><strong>$vbphrase[latest_forum_topics]</strong></span></strong></span></td>
</tr>
</thead>
<tr>
<td class="$getbgrow" width="100%">
<A name="scrollingCode"></A><div style="vertical-align: top; height: 200px; overflow:auto;padding-right: 5px; width:175px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<if condition="$mods['modcol'] == 0">
<tr> <if condition="$vba_options['portal_threads_showicon']">
<td class="thead" width="5">&nbsp;</td>
</if>
<td class="thead" width="100%"><span class="smallfont">$vbphrase[title_username_date]</span></td>
<if condition="$show['lastpost']">
<td align="center" class="thead" nowrap="nowrap" width="25%"><span class="smallfont">$vbphrase[last_post]</span></td>
</if>
<td class="thead" width="15"><span class="smallfont">$vbphrase[replies]</span></td>
<td class="thead" width="15"><span class="smallfont">$vbphrase[views]</span></td>
<if condition="$vba_options['portal_threads_showforum']">
<td align="center" class="thead" width="10%"><span class="smallfont">$vbphrase[forum]</span></td>
</if> </tr>
</if>$threadbits
</table>
</div>
</td>
</tr>
</table>
<br />

<!-- End Latest Threads -->