I am creating an mobile based website with lot of paragraphs and text inside it and lot of divs.
The page is very long and it contains enormous amount of words in a single html page. I would like to implement the search bar (If possible hidden and show a small bar when, pressed would slide the search box to index page), with input box, Next button, previous button and close button (which will again hide the search bar). Thus when user input any Text say " Dogs", It would search for "Dogs" in an entire page and will take user and scroll automatically when pressed Next or previous button when there are many entries found of searched string.
Similar to Ctrl+F in desktop Browser.
Is it possible?
Here is the example on index.html page
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content='width=device-width, initial-scale=1.0,text/html,charset=utf-8' >
</head>
<h1 style="text-align: left;"><span style="text-decoration: underline;"><strong><span style="color: #ff0000; text-decoration: underline;">Cell Biology and Genetics</span></strong></span></h1>
<p> </p>
<h2><span style="color: #000080;">Cell Biology / Organells</span></h2>
<p> </p>
<p>1) Amembranous cell organelle</p>
<p> </p>
<p><strong><em>@Rajkumar N Mahesh are Close and Mutual</em></strong></p>
<p> </p>
<p>Explanation:</p>
<p><strong>R</strong>- Ribosome Smallest cell Organelle</p>
<p><strong>N</strong> - Nucleolus</p>
<p><strong>M</strong> - Microtubule, Micro filaments</p>
<p><strong>C</strong> - Centriole</p>
<p> -Chromosome</p>
<p> </p>
<p>Note:-</p>
<p><strong><em>☞</em></strong> <strong>Organellele structure without membrane</strong></p>
<p><strong><em> @ Manob Chor Never Come To my Room</em></strong></p>
<p> </p>
<p>Explanation</p>
<ul>
<li>M: Microfilament</li>
<li>C: Chromosome</li>
<li>N: Nuclelous</li>
<li>C: Centriold</li>
<li>tM: Microtuble</li>
<li>R: Ribosome</li>
</ul>
<p> </p>
<p> </p>
<p><u>2) Single Membrane</u></p>
<p><strong><em> @ Singal Gal Love Entimate Partner</em></strong></p>
<p> </p>
<p>Explanation:</p>
<p>--> <strong>S</strong>phaerosomes</p>
<p>--> <strong>G</strong>lyoxysomes</p>
<p>--> <strong>G</strong>olgi body</p>
<p>--> <strong>Ly</strong>sosomes - small cell orgomelle with</p>
<p>--> <strong>E.</strong>R membrane</p>
<p>--> <strong>P</strong>eroxizome</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><strong>3) Organelle structure with double membrane</strong></p>
<p><strong><em>@ Double Prime Minister of Nepal</em></strong></p>
<p> </p>
<p>Explanation</p>
<p> </p>
<p>Double membrane</p>
<p>P: Plastid</p>
<p>M: Mitochondria</p>
<p>N: Nucleus</p>
<p> </p>
<p>Note:-</p>
<p><strong><em>☞</em></strong><strong><em> </em></strong>Organelle bounded by Triple membrane</p>
<p><strong> T</strong>ransosome - <strong>T</strong>riple membrane <strong><em>( @ T for T)</em></strong></p>
<p> </p>
<p><strong>4) Models of cell membrane</strong></p>
<p> </p>
<p>i. Lipid model: proposed by overton</p>
<p><strong><em>@(Lipid ≈ Fat ( </em></strong><strong><em>बोशो</em></strong><strong><em> ) </em></strong><strong><em>धेरै</em></strong> <strong><em>भएपछि</em></strong> <strong><em>weight Over </em></strong><strong><em>भएर</em></strong> <strong><em>ton </em></strong><strong><em>मा</em></strong> <strong><em>mesaurable </em></strong><strong><em>हुन्छ</em></strong><strong><em>)</em></strong></p>
<p> </p>
<p>ii. San<strong>D</strong>which model proposed by <strong>D</strong>anielli and <strong>D</strong>avson</p>
<p><strong>@D=D=D common</strong></p>
<p> </p>
<p>iii. Fluid Mosaic mdel: Singer and Nicolson</p>
<p><strong><em>@(Fluid ≈ Flute ( </em></strong><strong><em>बाशुरी</em></strong><strong><em> ) </em></strong><strong><em>जब</em></strong> <strong><em>flute </em></strong><strong><em>बज्छ</em></strong> <strong><em>तब</em></strong> <strong><em>Singer </em></strong><strong><em>ले</em></strong> <strong><em>गीत</em></strong> <strong><em>Nicalcha</em></strong> )</p>
<p> </p>
<p> </p>
<p><strong>5) Protoplasm </strong></p>
<p>i. <strong>D</strong>ujardin <strong>D</strong>iscovered protoplasm and term sarco<strong>D</strong>e</p>
<p><strong>@D is common</strong></p>
<p>ii. <strong>P</strong>urkinje coined the term <strong>p</strong>rotoplasm</p>
<p><strong>@P for P</strong></p>
<p> </p>
<p> </p>
<p><strong>6) Resolving power and magnification</strong></p>
<p><strong><em>@MERO </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>i.e <strong>M</strong>agnification power depends upon the diameter of <strong>E</strong>ye lens and</p>
<p><strong>R</strong>esolving power depends upon the diameter of <strong>O</strong>bjective lens.</p>
<p> </p>
<p> </p>
<p><strong>7) Mnemonic Device </strong></p>
<p><strong><em>@"BRIM GERL" </em></strong></p>
<p><strong><em>@"No Class Monday oR Friday"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Type of Ribosome and Protein Destination:</p>
<p>Bound Ribosome- Integral Membrane, Golgi, Endoplasmic Reticulum, and Lysosome.</p>
<p>Free Ribosome - Nucleus, Cytoplasm, and Mitochondria.</p>
<p> </p>
<p> </p>
<p><strong>8) Mnemonic Device </strong></p>
<p><strong><em>@ "Golgi Distributes A SPAM"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p><u>Golgi complex: functions </u></p>
<p>Distributes proteins and lipids from ER:</p>
<p>Add mannose onto specific lysosome proteins</p>
<p>Sulfation of sugars and slected tyrosine</p>
<p>Proteoglycan assembly</p>
<p>Add O-oligosugars to serine and threnonine</p>
<p>Modify N-ologosugars on asparagine.</p>
<p> </p>
<p>...............................</p>
<p> </p>
<p><strong><u>9) Shape of Chloroplast</u></strong></p>
<p><strong> <em>@ CC OR DV Z-Star </em></strong></p>
<p> </p>
<p><strong>Explanation:- </strong></p>
<p> </p>
<p><strong>C</strong>hlamydomonas = <strong>C</strong>upshaped</p>
<p><strong>O</strong>edogonium - <strong>R</strong>eticulate</p>
<p><strong>D</strong>isoid - <strong>V</strong>aucheria</p>
<p><strong>Z</strong>ygnema - <strong>S</strong>tar Shaped</p>
<p><strong>U</strong>lothrix - <strong>U</strong> shaped or girdle shapeorHorse shue shape</p>
<p> </p>
<p>....................</p>
<h1> </h1>
<h1><span style="color: #000080;">Cell Cycle</span></h1>
<p> </p>
<p><strong>1) Mneumonic Device</strong></p>
<p><em><strong>@!“Go</strong></em> <em><strong>Sally</strong></em> <em><strong>Go!</strong></em> <em><strong>Make</strong></em> <em><strong>Children!”</strong></em></p>
<p><em><strong>@”Mahatma Gandhi Sonia Gandhi</strong></em></p>
<p><em><strong>Explanation:-</strong></em></p>
<p>Cell Cycle Can be divided into 2 stages:</p>
<p><strong>INTERPHASE:</strong></p>
<ul>
<li>G1 Growth phase 1.</li>
</ul>
<ul>
<li>S Synthetic phase.</li>
<li>G2 Growth phase2.</li>
</ul>
<p><strong>DIVISIONAL PHASE:</strong></p>
<ul>
<li>M Mitosis/Meiosis.</li>
<li><em>C</em> Cytokinesis.</li>
<li> </li>
</ul>
<p><strong>2) Mitosis</strong></p>
<p><em><strong>@“People</strong></em> <em><strong>Meet</strong></em> <em><strong>And</strong></em> <em><strong>Talk (PMAT)”</strong></em></p>
<ul>
<li><strong>Prophase,</strong></li>
<li><strong>Metaphase,</strong></li>
<li><strong>Anaphase,</strong></li>
<li><strong>Telophase.</strong></li>
</ul>
<p> </p>
<p><strong>3)Meiosis</strong></p>
<p><em><strong>@“PMAT X 2”</strong></em></p>
<p>Explanation:-</p>
<p> </p>
<p>It occurs in 2 stages:</p>
<p><strong><u>i)Meiosis</u></strong> <strong><em><u>I</u></em></strong> <strong><em>– reductional division:</em></strong></p>
<p>Prophase I, Metaphase I, Anaphase I, Telophase I.</p>
<p> </p>
<p><strong><u>ii)Meiosis II</u></strong> <strong><em>– equational division:</em></strong></p>
<p>Prophase II, Metaphase II, Anaphase II, Telophase II.</p>
<p> </p>
<p>Note:-</p>
<p> </p>
<p><strong><u>Prophase I</u></strong><strong><em>:</em></strong> divided into 5 substages:</p>
<p><em><strong>@Little</strong></em> <em><strong>Zara! Please Dance Daily.</strong></em></p>
<ul>
<li><strong>Leptotene,</strong></li>
<li><strong>Zygotene,</strong></li>
<li><strong>Pachytene,</strong></li>
<li><strong>Diplotene,</strong></li>
</ul>
<p> </p>
<h2><span style="color: #000080;">Genetics</span></h2>
<p> </p>
<p><strong>1) Term given by Bateson</strong></p>
<p> </p>
<p><strong><em>@BAG </em></strong></p>
<p>Explanation</p>
<p><strong>B</strong>atteson term -<strong> A</strong>llelomorph / Allele</p>
<p> - <strong>G</strong>enetics</p>
<p> </p>
<p><strong>B</strong>ateson term: <strong>A</strong>llelomorph or allele, <strong>G</strong>enetic</p>
<p> </p>
<p><em>( Homozygous and heterozygous are also termed because allele is </em></p>
<p><em>determinant for it.)</em></p>
<p> </p>
<p>2) Mnemonic Device</p>
<p><strong><em> (@Bateson is Genius MAn father)</em></strong></p>
<p> </p>
<p>Explanation</p>
<p>Bateson father of <strong>M</strong>odern <strong>gen</strong>etics</p>
<p>Father of <strong>An</strong>imal <strong>gen</strong>etics</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><strong>3)Mneumonic Device:</strong></p>
<p><strong><em>@Alphabetically r, s (m), t.</em></strong></p>
<p> </p>
<p><strong>Explanation:</strong></p>
<p>RNA processing</p>
<p>In Eukaryotes, there are 3 RNA Polymerases.</p>
<p>RNA Polymerase I --> rRNA.</p>
<p>RNA Polymerase II --> mRNA.</p>
<p>RNA Polymerase III --> tRNA.</p>
<p> </p>
<p>Alphabetically r, s (m), t.</p>
<p> </p>
<p><strong>4) Prcoseing of RNA</strong></p>
<p><strong>Processing of RNA occurs in 3 steps:</strong></p>
<p><strong>1. SPLICING: REMOVAL OF INTRONS AND JOINING OF EXONS.</strong></p>
<p> <strong>EXons</strong> <strong>EXpressed,</strong> <strong>INtrons</strong> <strong>IN</strong> <strong>the trash.</strong></p>
<p><strong>2. CAPPING: ADDITION OF</strong> <em>METHYGUANOSINE PHOSPHATE</em> <strong>CAPS AT</strong> <em>5′</em> <strong>END.</strong></p>
<p><strong> 3. TAILING:</strong> <em>POLY-ADENYLATION</em> <strong>OCCURS AT</strong> <em>3′</em> <strong>END.</strong></p>
<p> </p>
<p>@<strong><em>Alphabetically and numerically</em></strong></p>
<p><strong><em>3 & A comes first,</em></strong> <strong><em>so</em></strong> <strong><em>A at 3′ end.</em></strong></p>
<p><strong><em>5 & G</em></strong> <strong><em>comes later so G at 5′end.</em></strong></p>
<p> </p>
<p> </p>
<p><strong>Note:-</strong></p>
<p><strong>Eukaryotes have </strong><em>Split genes.</em></p>
<p> </p>
<p> </p>
<p>5) Mnemonic Device</p>
<p><strong><em> @ID Ma Anti </em></strong><strong><em>ले</em></strong> <strong><em>Anda </em></strong><strong><em>पकाउनुहुन्छ</em></strong></p>
<p> </p>
<p>Explanation</p>
<p><strong>ID</strong>: <strong>I</strong>ncomplete <strong>D</strong>ominance</p>
<p>Ma: Mirabilis Jalapa (4'0 clock plant )</p>
<p>Anti: Antirrhimum majus</p>
<p>Anda: Andalusian fowl</p>
<p> </p>
<p>6) Codominance</p>
<p><strong><em>@CASCO </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>C: Codominance</p>
<p>A: ABO blood goup</p>
<p>S: Sickle cell trait</p>
<p>CO: Coat colour</p>
<p> </p>
<p> </p>
<p>7) Mutation</p>
<p> </p>
<p>i. X-rays causes mutation by Deletion</p>
<p><strong><em>(@X is sign of deletion)</em></strong></p>
<p> </p>
<p>ii. UV-rays cause mutation by forming dimer</p>
<p><strong><em>(@ UV has 2 letter so cause mutation by dimer )</em></strong></p>
<p> </p>
<p>iii) y-rays cause mutation by producing free radical C</p>
<p><strong><em>@ y is electromagnetic wave and neutral like ligh and light produce free radicle . </em></strong></p>
<p> </p>
<p> </p>
<p> </p>
<p>8) Mnemonic Device</p>
<p><strong><em> @Mo Tu </em></strong></p>
<p> </p>
<p>Explanation</p>
<p>Monosomy condition ( 2n-1) gives Turner syndrome</p>
<p> </p>
<p><strong>9) Initiation codon:</strong></p>
<p> Initiation codon on mRNA.</p>
<p><em><strong>AUG</strong></em> <em><strong>--> INAUGURATES PROTEIN SYNTHESIS.</strong></em></p>
<p> </p>
<p><strong>9) Termination codon name</strong></p>
<p>i. UAG: Amber</p>
<p> <strong><em>@ UAG ≈ AAG Amber ( </em></strong><strong><em>आग</em></strong><strong><em>) </em></strong><strong><em>आगो</em></strong> <strong><em>भनेको</em></strong> <strong><em>Amber </em></strong><strong><em>संस्कृतमा</em></strong></p>
<p> </p>
<p>ii. UGA: Opal</p>
<p><strong><em> @UGA ≈ GopAL: Opal</em></strong></p>
<p>iii. UAA: Ochre (Muj up )</p>
<p> </p>
<p><u>Note:-</u></p>
<p> </p>
<p><u>Termination codons</u> on mRNA:</p>
<p><em><strong>UAA</strong></em> <em><strong>--></strong></em> <em><strong>U</strong></em> <em><strong>ARE</strong></em> <em><strong>AWAY.</strong></em></p>
<p><em><strong>UAG</strong></em> <em><strong>--></strong></em> <em><strong>U ARE</strong></em> <em><strong>GONE.</strong></em></p>
<p><em><strong>UGA</strong></em> <em><strong>--> U</strong></em> <em><strong>GO</strong></em> <em><strong>AWAY.</strong></em></p>
<p> </p>
<p> </p>
<p><strong><u>10) PROTEIN</u></strong> <strong><u>SYNTHESIS</u></strong> </p>
<p>iT OCCURS WITH THE HELP OF RIBOSOMES. THEY </p>
<p>CONSIST OF 2 SUBUNITS :</p>
<p> </p>
<p><em><strong>IN</strong></em> <em><strong>EUKARYOTES: 40S + 60S --> 80S (EVEN)</strong></em>.</p>
<p><em><strong>IN</strong></em> <em><strong>PROKARYOTES: 30S + 50S --> 70S (ODD</strong></em>).</p>
<p> </p>
<p> </p>
<p><strong>11) Ribosome</strong></p>
<p>A Ribosome has 3 sites:</p>
<p> </p>
<p><em>A</em> <em>SITE = INCOMING</em> <em>AMINOACYL-TRNA.</em></p>
<p><em>P</em> <em>SITE = GROWING</em> <em>PEPTIDE CHAIN</em><em>.</em></p>
<p><em>E</em> <em>SITE = HOLDS</em> <em>EMPTY TRNA AS ITS</em> <em>EXITS</em><em>.</em></p>
<p><strong>Messenger RNA acts as the <em>template for protein synthesis.</em></strong></p>
<p> </p>
<p> </p>
<p>AMINO ACID ATTACHMENT ARM HAS A C C A SEQUENCE </p>
<p>BY THE HELP OF WHICH IT FORMS ESTER BOND WITH AMINO</p>
<p>ACID.</p>
<p><em><strong>C C A</strong></em> <em><strong>–</strong></em><strong> @</strong><em><strong>Can</strong></em> <em><strong>Carry</strong></em> <em><strong>Amino acid.</strong></em></p>
<p> </p>
<p> </p>
<p><strong>12) Mnemonic Device</strong></p>
<p><strong><em>@ Operaon concept is like MoJa</em></strong></p>
<p> </p>
<p>Explanation</p>
<p><strong>Operon concept</strong> given by <strong>Mo</strong>nad and <strong>Ja</strong>cob</p>
<p> </p>
<p> </p>
<p>13)Enzyme Classification</p>
<p><strong><em>“Over The HILL“</em></strong></p>
<p> </p>
<p>Explanation:</p>
<ul>
<li>Oxidoreductases</li>
<li>Transferases</li>
<li>Hydrolases</li>
<li>Isomerases</li>
<li>Ligases</li>
<li>Lyases</li>
</ul>
<p> </p>
<p> </p>
<p>14) Mnemonic Device</p>
<p><strong><em>@"The Rhythm Nearly Proved Contagious"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Vitamin 'B' names in increasing order:</p>
<ul>
<li>Thiamine (B1)</li>
<li>Riboflavin (B2)</li>
<li>Niacin (B3)</li>
<li>Pyridoxine (B6)</li>
<li>Cobalamin (B12)</li>
</ul>
<p>......................................................</p>
<p> </p>
<p><strong>15) Mnemonic Device</strong></p>
<p><strong><em>@"PHenylketonuria"</em></strong></p>
<p> </p>
<p><strong>Explanation</strong></p>
<p>Phenylketonuria: which enzyme is deficient</p>
<p>PHenylketonuria is caused by a deficiency of:</p>
<p>Phenylalanine Hydroxylase.</p>
</div>
</div>
</div>
<body>
</body>
</html>
