[solved] scrolling calLite events

[alister]

In another project to reduce room on my portal, I've also been trying to get the events to scroll like the Recent Topics block. I used your "Events from callite 1.4.4 on ezPortal" code originally. The same event repeats but in new blocks. I'm not a programming genius here but I thought may have been able to figure it out. I'd appreciate any suggestions. Thanks.

Standard view before scrolling attempt:


Attempt at scrolling the events (it does actually scroll but that's about all that seems to work):


I borrowed the OnMouse commands from the Recent Topics block .txt file bundled with ezPortal but it didn't quite work right either. In any event, here is the code I tried. It seems to treat each event as a new mini-block.

Code: Alles auswählen

		  <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
		  <!-- BEGIN event_list -->
		   <tr>
			<td class="catHead" height="25"><span class="genmed"><b>{event_list.EVENTS}</b></span></td>
		   </tr>
		  <!-- END event_list -->
		  <!-- BEGIN event -->
		   <tr>

			<td class="row1" align="left"><span class="gensmall">
			<marquee id="events_scroll" behavior="scroll" direction="up" height="110" scrolldelay="150" scrollamount="2">

			<a href="{event.SUBJECT}" onMouseOver="document.all.recent_topics.stop()" onMouseOut="document.all.recent_topics.start()">{event.SUBJECT}</a><br /></marquee></span></td>
		</tr>

		  <!-- END event -->
		  </table>

[oxpus]

Try this:

Code: Alles auswählen

        <table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
        <!-- BEGIN event_list -->
         <tr>
         <td class="catHead" height="25"><span class="genmed"><b>{event_list.EVENTS}</b></span></td>
         </tr>
        <!-- END event_list -->
         <tr>
         <td class="row1" align="left" onMouseOver="stop()" onMouseOut="start()"><span class="gensmall">
         <marquee id="events_scroll" behavior="scroll" direction="up" height="110" scrolldelay="150" scrollamount="2">
         <!-- BEGIN event -->
        	{event.SUBJECT}<br />
         <!-- END event -->
         </marquee></span>
      	 </td>
      	 </tr>
        </table>

[alister]

Great suggestion, oxpus. That (mostly) worked! The onMouseOver's don't show but then again they didn't stop the marquee. I also got an error in the Internet Explorer status bar saying "Error on page" when your new code is inserted. It's detail says "Object expected".

[oxpus]

Okay, then insert the onMouseOver and onMouseOut from your code and it will work again.
But regard: These javascript commands will not work with browsers like Firefox

[alister]

Perfect. I added in the event date (wish I could format it still to mm/dd/yyyy) and reformatted it a bit. Thanks again, oxpus!

www.maximumkc.com

[oxpus]

No problem.