Full version: jsB@nk » Browser » Page effect » No need to Scroll
URL: https://www.javascriptbank.com/no-need-to-scroll-index.html
Sometimes searching information through the internet you find sites with huge amount of it. May be you feel some discomfort with necessity of scrolling text? This JavaScript will help you to make process of reading more comfortable.All you need is to select a desired article from the box to the right. And this article jumps to the very top of the webpage. Please see the instructions in the next block of text (do not scroll! Just click an appropriate JavaScript link to the right)
Full version: jsB@nk » Browser » Page effect » No need to Scroll
URL: https://www.javascriptbank.com/no-need-to-scroll-index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><html><head><meta name="author" content="JavaScriptBank.com, Thai Cao Phong"><meta name="copyright" content="JavaScriptBank.com, Thai Cao Phong"><meta name="robots" content="INDEX,FOLLOW"><TITLE>No need to Scroll - Browser-Window - JavaScriptBank.com</title><script language="javascript">/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/</script><link rel="stylesheet" type="text/css" href="no_need_scroll.css"><script language="JavaScript" type="text/javascript" src="no_need_scroll.js"></script></head><body onLoad="zi('zz','lst','<br>','#6495ed','',0)"><table width="100%" border="0" cellpadding="5" cellspacing="0"><!-- top --><!-- top end--><!-- middle --><tr><!-- Menu --><td width="68%" valign="top"><div id="z0"></div><div id="zz"><div title="For what this script is"><center><h1>No need to Scrol</h1><script type="text/javascript">_uacct = "UA-2417948-1";urchinTracker();</script><table border="0" width="800px" cellspacing="0" cellpadding="0" id="table1"><tr><td></td><td width=520px align=center><div style='text-align: left'><h3>For what this script is</h3>Sometimes searching information through the internet you find sites with huge amount of it. May be you feel some discomfort with necessity of scrolling text? This script will help you to make process of reading more comfortable.<br><br>All you need is to select a desired article from the box to the right. And this article jumps to the very top of the webpage. Please see the instructions in the next block of text (do not scroll! Just click an appropriate link to the right)</div></td><td></td></tr></table><br></div><div title="How to use this script"><h3>How to use this script</h3>Firstly, put the function "zi" into tag <body>.<br><body onLoad = "zi('','lst','<br>','#6495ed','',1)"><br>Split the text with <div> or <p>.<br>There are three methods of script working:<ol><li>Create list of all paragraphs of the html-document. In case the paragraph comtains the tags: <Hx>, <LI>, <OL>, <UL>, <DIV>, <CENTER>, <DL>, <DT>, <DD>, <HR>, <PRE>; view of the paragraph should be as follows <p><table><td>Text</td></table></p>.<br>Call: zi('','lst','<br>','#6495ed','',1)</li><li>Create list of all nameless <div>-s, inside the <div> with the name "zz". Do you want some <div> wasn't listed in the roll give a name to this <div><br>Call: zi('zz','lst','<br>','#6495ed','',1)</li><li>Creates a list of all parts with names "z1", "z2", "z3" etc (you may use any letter instead of "z").<br>Call: zi('z','lst','<br>','#6495ed','',1)</li></ol>If you add "title=" in <div> or <p>, roll will be equipped with the text of "title" instead of number. This script can work with all three metods. Try to change the first parameter of function zi (for third method use the letter "x").</div><div title="Parameters of function zi"><h3>Parameters of function zi</h3><table border="0" align="center"><tr align="center"><td>zi(</td><td>'',</td><td>'lst',</td><td>'<br>',</td><td>'#6495ed',</td><td>'',</td><td>1)</td></tr><tr align="center"><td> </td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr></table><ol><li>Letter of name (empty - paragraphs; zz - unnamed <div>-s in <div id="zz">; letter - names by order "z1", "z2", "z3" etc).</li><li>Name of css-class.</li><li>"<br>" for arrangement numbers in columns and " " (space) for arranging numbers in raws.</li><li>Color of number (In case it is empty - blur).</li><li>Color of selected number (in case of it is empty - red).</li><li>In case it's "0", do not display "+-<>".</li></ol></div><div title="Fit the First - THE LANDING (1-4)"><center><h2>Lewis Carroll. The hunting of the Snark</h2></center><h3>an Agony in Eight Fits<br> Fit the First - THE LANDING (1-4)</h3><p><table><td><pre>"Just the place for a Snark!" the Bellman cried, As he landed his crew with care; Supporting each man on the top of the tide By a finger entwined in his hair. "Just the place for a Snark! I have said it twice: That alone should encourage the crew. Just the place for a Snark! I have said it thrice: What i tell you three times is true." The crew was complete: it included a Boots - A maker of Bonnets and Hoods - A Barrister, brought to arrange their disputes - And a Broker, to value their goods. A Billiard-maker, whose skill was immense, Might perhaps have won more than his share - But a Banker, engaged at enormous expense, Had the whole of their cash in his care. </pre></td></table></p></div><div title="Fit the First - THE LANDING (5-8)"><h3>Fit the First - THE LANDING (5-8)</h3><p><table><td><pre>There was also a Beaver, that paced on the deck, Or would sit making lace in the bow: And had often (the Bellman said) saved them from wreck, Though none of the sailors knew how. There was one who was famed for the number of things He forgot when he entered the ship: His umbrella, his watch, all his jewels and rings, And the clothes he had bought for the trip. He had forty-two boxes, all carefully packed, With his name painted clearly on each: But, since he omitted to mention the fact, They were all left behind on the beach. The loss of his clothes hardly mattered, because He had seven coats on when he came, With three pairs of boots - but the worst of it was, He had wholly forgotten his name. </pre></td></table></p></div><div title="Fit the First - THE LANDING (9-12)"><h3>Fit the First - THE LANDING (9-12)</h3><p><table><td><pre>He would answer to "Hi!" or to any loud cry, Such as "Fry me!" or "Fritter my wig!" To "What-you-may-call-um!" or "What-was-his-name!" But especially "Thing-um-a-jig!" While, for those who preferred a more forcible word, He had different names from these: His intimate friends called him "Candle-ends," And his enemies "Toasted-cheese." "His form in ungainly - his intellect small - " (So the Bellman would often remark) "But his courage is perfect! And that, after all, Is the thing that one needs with a Snark."He would joke with hyenas, returning their stare With an impudent wag of the head: And he once went a walk, paw-in-paw, with a bear, "Just to keep up its spirits," he said. </pre></td></table></p></div><div title="Fit the First - THE LANDING (13-16)"><h3>Fit the First - THE LANDING (13-16)</h3><p><table><td><pre>He came as a Baker: but owned, when too late - And it drove the poor Bellman half-mad - He could only bake Bridecake - for which, I may state, No materials were to be had. The last of the crew needs especial remark, Though he looked an incredible dunce: He had just one idea - but, that one being "Snark," The good Bellman engaged him at once. He came as a Butcher: but gravely declared, When the ship had been sailing a week, He could only kill Beavers. The Bellman looked scared, And was almost too frightened to speak: But at length he explained, in a tremulous tone, There was only one Beaver on board; And that was a tame one he had of his own, Whose death would be deeply deplored. </pre></td></table></p></div><div title="Fit the First - THE LANDING (17-22)"><h3>Fit the First - THE LANDING (17-22)</h3><table width="90%" border="0" cellpadding="5" cellspacing="0"><tr><td align="left"><span id="x1"><pre>The Beaver, who happened to hear the remark, Protested, with tears in its eyes, That not even the rapture of hunting the Snark Could atone for that dismal surprise!It strongly advised that the Butcher should be Conveyed in a separate ship: But the Bellman declared that would never agree With the plans he had made for the trip: Navigation was always a difficult art, Though with only one ship and one bell: And he feared he must really decline, for his part, Undertaking another as well. The Beaver's best course was, no doubt, to procure A second-hand dagger-proof coat - So the Baker advised it - and next, to insure Its life in some Office of note: This the Banker suggested, and offered for hire (On moderate terms), or for sale, Two excellent Policies, one Against Fire, And one Against Damage From Hail. Yet still, ever after that sorrowful day, Whenever the Butcher was by, The Beaver kept looking the opposite way, And appeared unaccountably shy....</pre></span></td></span></td></tr></table></div><div title="Gorky Park - Two Candles"><h3>Gorky Park - Two Candles</h3><table width="90%" border="0" cellpadding="5" cellspacing="0"><tr><td align="left"><span id="x3"><pre>Lonelyness is my only guestWho visits me alone at nightWhen it comes I light two candlesJust the way it wasAnd pretend the flames become your eyesEmptyness is a friend I guessThe shadow played upon the wallIf I let the candles take meI can see your faceAnd remember hearing someone call your nameMy candles are crying O-o-o-o-hMy candles are crying O-o-o-o-hThey're crying for youThey're waiting for youI'm waiting for youIs it you knocking at my doorOr maybe just a ghostly windHow I wish that you were hereSitting by my sideAnd you'll bring me back to life again tonightMy candles are crying O-o-o-o-h My candles are crying O-o-o-o-h They're crying for you They're waiting for you I'm waiting for you </pre></span></td><td align="left"><span id="x4"><pre></pre></span></td></tr></table></div><div title="Dj Bobo - Respect Yourself"><h3>Dj Bobo - Respect Yourself</h3><table width="90%" border="0" cellpadding="5" cellspacing="0"><tr><td align="left"><span id="x5"><pre>Respectful yourselfOh, oh, oh, oh, respect yourselfYou need toRespect yourselfOh, oh, ohRespect yourselfRespect yourself, oh yeahIf you disrespect everybody thatYour running to (yeah, yeah, yeah)How in the world do youThink anybody's gonna respect you(oh,oh)If you don't give heck about the manThe bible in his handJust get out the way and let theGentleman do his thangs (ah, ah)Your the kind of gentlemanThat want everythingYour way (huh) oh yeahTake the sheet off yourFace boy (yeah)It's a brand new day(Chorus)</pre></span></td><td align="left" valign="top"><span id="x6"><pre>Oh you walk around thinkingThat the world owes you somethingCause you're here (yeah) you'reGoing out the world backward likeYa did when you first came here(Say well) wellYou talk about the presidentWon't stop the air pollution(Won't stop) no, no, noJust put ya hand on ya mouth thatHelp the solution (yeah)Oh, you cuss around women folkAnd don't even know their name(You don't know) you don't even knowtheir nameAnd dumb enough to think that'llA make you a bigger man, (big-o-man)(Chorus)If you don't respect yourselfThen ain't nobody gonna give a bigCahoot, oh, oh, oh</pre><span></td></tr></table></div></div></td><td width="27%" valign="top"><div id="z_" class="lsts"></div></td></tr><!-- end of middle--><!-- bottom --><tr><td align="right" colspan="3"></td></tr><!-- end of bottom--></table></body></html><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/browser/no_need_to_scroll/no_need_scroll.csshttp://javascriptbank.com/javascript/browser/no_need_to_scroll/no_need_scroll.js