arrowHome arrow Articles / Newsletters arrow Newsletter 6
  
 
Home
Submissions / Media
Latest News
Track Crew
Downloads / Maps
Tracks
- - - - - - - - - - - - - - - - - - - -
Taupo MTB Club
Taupo Cycling Club
Taupo BMX Club
- - - - - - - - - - - - - - - - - - - -
The Lake Track
Urban Jungle
The Huka Challenge
Bike Friendly Places
Other Projects
Shop
Articles / Newsletters
Links
- - - - - - - - - - - - - - - - - - - -
Contact Us
About Us
Mailing Lists
Donations
Meeting Minutes
Join Bike Taupo
Newsletter 6 PDF Print
Written by Thomas Schwarz   
Wednesday, 30 March 2005
</td> </tr> <tr> <td colspan="2" align="left" class="modifydate"> Last Updated ( Saturday, 10 June 2006 ) </td> </tr> </table> <span class="article_seperator"> </span> <table align="center" style="margin-top: 25px;"> <tr> <th class="pagenav_prev"> <a href="http://www.biketaupo.org.nz/content/view/114/57/"> < Prev</a> </th> <td width="50">  </td> <th class="pagenav_next"> <a href="http://www.biketaupo.org.nz/content/view/112/57/"> Next ></a> </th> </tr> </table> <div class="back_button"> <a href='javascript:history.go(-1)'> [ Back ]</a> </div> </td> <!-- Right Modules --> <td valign="top" width="190"> <table cellpadding="0" cellspacing="0" class="moduletable"> <tr> <td> <a href="http://twitter.com/biketaupo">Twitter Posts</a> (total 14) <!-- Powered by Joomla Gadgets from kksou.com http://www.kksou.com/php-gtk2/Joomla-Gadgets/ --> <script type="text/javascript"> /*********************************************** * Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ function pausescroller(content, divId, divClass, delay){ this.content=content //message array content this.tickerid=divId //ID of ticker div to display information this.delay=delay //Delay between msg change, in miliseconds. this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is) this.hiddendivpointer=1 //index of message array for hidden div document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>') var scrollerinstance=this if (window.addEventListener) //run onload in DOM2 browsers window.addEventListener("load", function(){scrollerinstance.initialize()}, false) else if (window.attachEvent) //run onload in IE5.5+ window.attachEvent("onload", function(){scrollerinstance.initialize()}) else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec setTimeout(function(){scrollerinstance.initialize()}, 500) } // ------------------------------------------------------------------- // initialize()- Initialize scroller method. // -Get div objects, set initial positions, start up down animation // ------------------------------------------------------------------- pausescroller.prototype.initialize=function(){ this.tickerdiv=document.getElementById(this.tickerid) this.visiblediv=document.getElementById(this.tickerid+"1") this.hiddendiv=document.getElementById(this.tickerid+"2") this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv)) //set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2) this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px" this.getinline(this.visiblediv, this.hiddendiv) this.hiddendiv.style.visibility="visible" var scrollerinstance=this document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1} document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0} if (window.attachEvent) //Clean up loose references in IE window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null}) setTimeout(function(){scrollerinstance.animateup()}, this.delay) } // ------------------------------------------------------------------- // animateup()- Move the two inner divs of the scroller up and in sync // ------------------------------------------------------------------- pausescroller.prototype.animateup=function(){ var scrollerinstance=this if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){ this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px" this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px" setTimeout(function(){scrollerinstance.animateup()}, 50) } else{ this.getinline(this.hiddendiv, this.visiblediv) this.swapdivs() setTimeout(function(){scrollerinstance.setmessage()}, this.delay) } } // ------------------------------------------------------------------- // swapdivs()- Swap between which is the visible and which is the hidden div // ------------------------------------------------------------------- pausescroller.prototype.swapdivs=function(){ var tempcontainer=this.visiblediv this.visiblediv=this.hiddendiv this.hiddendiv=tempcontainer } pausescroller.prototype.getinline=function(div1, div2){ div1.style.top=this.visibledivtop+"px" div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px" } // ------------------------------------------------------------------- // setmessage()- Populate the hidden div with the next message before it's visible // ------------------------------------------------------------------- pausescroller.prototype.setmessage=function(){ var scrollerinstance=this if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it) setTimeout(function(){scrollerinstance.setmessage()}, 100) else{ var i=this.hiddendivpointer var ceiling=this.content.length this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1 this.hiddendiv.innerHTML=this.content[this.hiddendivpointer] this.animateup() } } pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any if (tickerobj.currentStyle) return tickerobj.currentStyle["paddingTop"] else if (window.getComputedStyle) //if DOM2 return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top") else return 0 } </script> <style type="text/css"> .b1 { margin: 0 0 0 0; text-align: right; } /*Example CSS for the two demo scrollers*/ #pscroller1{ width: 175px; height: 150px; border: 1px solid #9A9A9A; padding: 5px; background-color: lightyellow; } #pscroller2{ width: 240px; height: 60px; border: 1px solid #9A9A9A; padding: 5px; background-color: #DDFEE9; } #pscroller3{ width: 350px; height: 17px; border: 1px solid #dddddd; padding: 3px; } #mod_pscroller{ width: 120px; height: 120px; /*border: 1px solid #9A9A9A;*/ padding: 5px; /*background-color: #DDFEE9;*/ } #pscroller3 a{ text-decoration: none; } .someclass{ //class to apply to your scroller(s) if desired } .pscroller{ margin: 5px 0 0; padding: 0; border: 0; text-align: left; } </style> <script type="text/javascript"> var pausecontent = new Array() pausecontent[0] = '<b>Fri, 23 Jul 2010 02:34:00 </b><br /> Craters Classic 2010 - this Sunday 25 Jula: Entry Form here: <a href="http://bit.ly/b66cQ2" target="_blank">http://bit.ly/b66cQ2</a>
' pausecontent[1] = 'Tue, 06 Jul 2010 07:53:54
Pump Track Video http://bit.ly/aEXYVz
' pausecontent[2] = 'Tue, 06 Jul 2010 02:13:52
Green Light for the Lake Track http://bit.ly/d9Kb6m
' pausecontent[3] = 'Sat, 03 Jul 2010 20:47:34
NZ Cycle Helmet Law Discussion: http://bit.ly/8YSUs1
' pausecontent[4] = 'Wed, 30 Jun 2010 09:08:23
MTB Club Winter 2010 Newsletter - http://bit.ly/aYOQgA
' pausecontent[5] = 'Tue, 22 Jun 2010 22:44:46
Great Value City bikes: Mamachari bicycles http://bit.ly/cUtDjm
' pausecontent[6] = 'Wed, 16 Jun 2010 03:03:40
Taupo MTB Club Events Calendar for 2010/2011 http://bit.ly/97e9Fj
' pausecontent[7] = 'Fri, 04 Jun 2010 22:59:31
CANCELLED MTB CLUB TRIP ! - http://bit.ly/9A7UiZ
' pausecontent[8] = 'Tue, 25 May 2010 04:45:18
Great Idea: Bike On - New Zealand http://bit.ly/cyQiOa
' pausecontent[9] = 'Tue, 27 Apr 2010 22:31:44
Bike Taupo Newsletter - Pedal Talk 02, April2010: http://bit.ly/ckCXU7
'

Powered by JoomlaGadgets

Who's Online
We have 43 guests online
Membership
1612 Members
0 today
3 this week
90 this month
Last: jarthurs
Member's Login





Lost Password?
No account yet? Register
rdm621.jpg
top of page

© 2008 Bike Taupo | Site design and maintenance by OK Computer