Javascript : Vertical Text Scroll

ncthakur.itgo.com Javascript: Vertical Text Scroller
NEPAL \| ARTICLES \| KAVITAHARU \| MANTHAN \| COOL LINKS \| GUESTBOOK \| SEARCH

JAVASCRIPT As I have learned as a beginner: 1. Opening New Window 2. Use of Alert, Prompt & Confirm 3. Document Write 4. Use of Function 5. Event Handlers (Image Rollover) 6. If and Else Statement 7. Predefined Object (Date) 8. Cut & Paste JavaScript NEPAL Overview of Nepal Map & images Nepalese websites KAVITAHARU View few of my poems written in Nepali language ARTICLES Articles on crime prevention investigation & crime control COOL LINKS Computer Travel & Tour Police World Downloads Personality Test Nepal News Crime & Police News Nepali Music Health Horoscope Monthly Poll Other ADD EMAIL Search or add email to the search list. GUESTBOOK View to find out what other visitors have to say about this web site. KURAKANI Are you interested to chat? Go to Kurakani room. FREE E-CARDS Enormous free E-Cards of your choice. Send it to your friend and family members. FREE SITE SUBMIT Submit your web site to the major search engines here. ABOUT ME Click here to find out about me and view few of my photographs.		Cut and Paste JavaScript Verticle Pausing News Scroller Copy the following code in the HEAD tags of your web page. <script language="JavaScript1.2"> /* Vertical Pausing News Scroller Copyright David Miles (www.z3roadster.net/dreamweaver) To add more shock to your site, visit www.DHTML Shock.com / <!-- var scrollerwidth=162 var scrollerheight=130 var pausebetweenimages=3000 var vSlideContent=new Array() vSlideContent[0]='<p>1. Life is precious<br>Always say<br>"No"<br>to the Drugs.</p>' vSlideContent[1]='<p>2. Be a good citizen <br>Inform the police <br>of any narcotic drug<br>use or transaction</p>' vSlideContent[2]='<p>3. Declare War <br>against<br> narcotic drugs</p>' vSlideContent[3]='<p>Thanks!' if (vSlideContent.length>1) i=2 else i=0 function locateObject(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document); return x; } function moveVTextFirstBlock(whichdiv) { if (document.all) { tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5) { tdiv.style.pixelTop=0 setTimeout("moveVTextFirstBlock(tdiv)",pausebetweenimages) setTimeout("moveVTextSecondBlock('vTextSecond')",pausebetweenimages) return } if (tdiv.style.pixelTop>=tdiv.offsetHeight-1) { tdiv.style.pixelTop-=5 setTimeout("moveVTextFirstBlock(tdiv)",10) } else { tdiv.style.pixelTop=scrollerheight+5 window.status=tdiv.style.pixelTop; tdiv.innerHTML=vSlideContent[i] if (i==vSlideContent.length-1) i=0 else i++ } } else { tlayer=eval(whichdiv) if (tlayer.top>0&&tlayer.top<=5) { tlayer.top=0 setTimeout("moveVTextFirstBlock(tlayer)",pausebetweenimages) setTimeout("moveVTextSecondBlock(locateObject('vTextSecond'))",pausebetweenimages) return } if (tlayer.top>=tlayer.document.height-1) { tlayer.top-=5 setTimeout("moveVTextFirstBlock(tlayer)",10) } else { tlayer.top=scrollerheight+5 tlayer.document.write(vSlideContent[i]) tlayer.document.close() if (i==vSlideContent.length-1) i=0 else i++ } } } function moveVTextSecondBlock(whichdiv) { if (document.all) { tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5) { tdiv2.style.pixelTop=0 setTimeout("moveVTextSecondBlock(tdiv2)",pausebetweenimages) setTimeout("moveVTextFirstBlock('vTextFirst')",pausebetweenimages) return } window.status=tdiv2.offsetHeight; if (tdiv2.style.pixelTop>=tdiv2.offsetHeight-1){ tdiv2.style.pixelTop-=5 setTimeout("moveVTextSecondBlock('vTextSecond')",10) } else { tdiv2.style.pixelTop=scrollerheight+5 window.status=tdiv2.style.pixelTop tdiv2.innerHTML=vSlideContent[i] if (i==vSlideContent.length-1) i=0 else i++ } } else if (document.layers) { tlayer2=eval(whichdiv) if (tlayer2.top>0&&tlayer2.top<=5) { tlayer2.top=0 setTimeout("moveVTextSecondBlock(tlayer2)",pausebetweenimages) setTimeout("moveVTextFirstBlock(locateObject('vTextMain').document.layers['vTextFirst'])",pausebetweenimages) return } if (tlayer2.top>=tlayer2.document.height-1) { tlayer2.top-=5 setTimeout("moveVTextSecondBlock(tlayer2)",10) } else { tlayer2.top=scrollerheight+5 tlayer2.document.write(vSlideContent[i]) tlayer2.document.close() if (i==vSlideContent.length-1) i=0 else i++ } } } function startVTextScroll(){ if (document.all) { locateObject('vTextSecond').style.top=scrollerheight+5 locateObject('vTextFirst').visibility='visible'; locateObject('vTextSecond').visibility='visible'; moveVTextFirstBlock(locateObject("vTextFirst")) } else if (document.layers) { locateObject('vTextMain').visibility='show' locateObject('vTextFirst').visibility='show' locateObject('vTextSecond').top=scrollerheight+5 locateObject('vTextSecond').visibility='show' moveVTextFirstBlock(locateObject('vTextMain').document.layers['vTextFirst']) } } //--> </script> Copy the following text and code into the BODY tags of your web page. <div id="vTextMain" style="width:162; height:130; position:absolute; top: 230; left:210; visibility: visible; clip: rect(0 162 130 0); overflow: hidden; z-index: 2"> <div id="vTextFirst" style="top:1; width:162;position:absolute; z-index: 1; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0 162 132 0)"> <script language="JavaScript"> <!-- document.write(vSlideContent[0]) //--> </script> </div> <div id="vTextSecond" style="top:1; width:162;position:absolute; z-index: 0; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0 162 132 0)"> <script language="JavaScript"> <!-- document.write(vSlideContent[1]) //--> </script> </div> </div> Add this to the Body tag onLoad="startVTextScroll()"* For example: <body onLoad="startVTextScroll()" > BACK