TopXML JavaScript library : Begginers, search the Bible

Home Page

Add/Edit your code items

Search the code library

Browse for the code library

JavaScript
JavaScript
JavaScript Contents
JavaScript Ticker (using Tabular Data Control)
-postfix.aspx>Infix <> Postfix
Nested Tables And Data Island
XML Data Traversal
TrimWhiteSpace
Two Tier Data Islands with Expanding/Collapsing Child elements.
Escape special characters using JavaScript and regular expressions
Sticky Table Headers
Dynamically Filling HTML Select Box from XML Data Island using Javascript.
XML Basics Handbook

LAMP >>

By	hriscanin hriscanin
First Posted	09/01/2002
Times viewed	187

Begginers, search the Bible

Summary Searchable content on client side (IE 5 or more)

Slow on the internet if you don't have a fast modem, but once the dataset is cached, much faster. Example for home usage of the browser: Genesis (Bible) zip 250kb . The only problem might be my native language. So, View-Encoding-Cyrilic (windows) and also, input locale - cyrilic, or replace the seachable text with your own.

You may also use smaller code example, including: *.html page, Popis.xml and stil.css , just copy/paste and name as shows.

Additional information
 <HTML> <HEAD>  <TITLE>PretraÅ¾uj stare knjige</TITLE> <META content="text/html; charset=windows-1250" http-equiv="Content-Type"> <meta name="description" content="Pretrazuj Stare knjige preko kljucnih reci - AUTORA."> <meta name="keywords" content="Stare knjige, RARE BOOKS, knjige, retkosti"> <script language="JavaScript">  </script> <style type="text/css">  </style> <script language="JavaScript">      </script> </HEAD> <BODY background="pozadina-.jpg" width="774" height="1131" marginwidth=0 marginheight=0 topmargin=0> <XML ID="dsoSpisak" SRC="Popis.xml"></XML> <table background="pozadinanaslov.jpg" align="center" WIDTH="500"> <tr> <td><a href="javascript:UPUTSTVO('rare.jpg', 600, 222)";> <img src="rare.gif" alt="slika leva otvara novi prozor" width="102" height="51" hspace="10" BORDER="0"></a></td> <td> <SPAN STYLE="position:relative; width:245; height:30; filter:glow(Color=#027380,Strength=4)"> <a href="komplet.htm"><h2><sup><tt><SMALL>N.S.</SMALL></tt></sup> <font style="text-decoration: overline">Stare knjige </font></h2></a> </SPAN> </td> <td><a href="javascript:UPUTSTVO('rare-.jpg', 600, 242)";> <img src="rare-.gif" alt="slika desna otvara novi prozor" width="102" height="51" hspace="10" BORDER="0"></a></td> </tr> </table>   <TT><table width=100% border="0"> <tr> <td align="left">Danas je: <script language="JavaScript"> var monthNums = new Array("01","02","03","04","05","06","07","08","09","10","11","12"); var now = new Date(); document.write(now.getDate() + "." + monthNums[now.getMonth()~ + "." + now.getYear()); // DD.MM.YYYY </script> </td> <td align="right"> <SPAN STYLE="position:relative; width:433; height:20; filter:glow(Color=#009AB0,Strength=2)"> <a href="javascript:DodajFavoritima()">Dodaj stranicu u favorite </a> </SPAN> </td> </tr> </table></tt> <h3><marquee width="97%">DobrodoÅ¡li! Posle viÅ¡egodoÅ¡njeg pasioniranog sakupljanja starih knjiga, reÅ¡ih da deo moje kolekcije pretstavim Å¡iroj javnosti i zainterosavanim kupcima. Dakle, imate:</marquee></h3> <li>probrane naslove/autore</li> <li>realne cene</li> <li>isporuku u Beogradu</li> /n <DIV ID=ResultDiv></DIV> <font face="Monotype Corsiva" size="5" align="justify">Pronadji knjigu po <b>autoru</b>:</font> <INPUT TYPE="TEXT" ID="SearchText"> <BUTTON ONCLICK='Trazenja()'> <font face="Monotype Corsiva" size="3" align="justify" COLOR="#00666F">TRAÅ½I</font> </BUTTON> /n <u><b>NAPOMENA:</b></u> Da bi pretraÅ¾ivali neophodan vam je Internet Explorer 5, ili viÅ¡e. <a href="mailto:blabla@provajder.com"><img src="MAIL.gif" width="41" height="59" align="left" border="0" vspace="33" alt="kontakt"></a> <SCRIPT LANGUAGE="JavaScript"> function Trazenja () { SearchString = SearchText.value.toUpperCase(); if (SearchString == "") { ResultDiv.innerHTML = "< <tt>MoraÅ¡ uneti neku reÃ¨ u " + "polje za tekst.</tt>>"; return; } dsoSpisak.recordset.moveFirst(); ResultHTML = ""; while (!dsoSpisak.recordset.EOF) { TitleString = dsoSpisak.recordset("AUTOR").value; if (TitleString.toUpperCase().indexOf(SearchString) >=0) ResultHTML += "<center>" + " <tt>Knjiga:</tt>" + "<I>" + dsoSpisak.recordset("KNJIGA") + "</I>" + "/n<i>Autor: </i>" + "<font face='Arial' size='4'>" + dsoSpisak.recordset("AUTOR") + "</font>" + "/n" + "STANJE: " + "<font face='Impact'>" + dsoSpisak.recordset("STANJE") + "</font>" + "/n" + "<TT>Eventualna oÅ¡tecenja: </TT>" + dsoSpisak.recordset("OSTEC") + "/n" + "<TT>Godina izdanja: </TT>" + dsoSpisak.recordset("GOD") + "<hr>" + "<P>"; dsoSpisak.recordset.moveNext(); } if (ResultHTML == "") ResultDiv.innerHTML = "< <tt>Na Å¾alost, nemamo ono Å¡to vas interesuje.</tt> >"; else ResultDiv.innerHTML = ResultHTML; } </SCRIPT> </BODY> </HTML>

Further additional information
<?xml version="1.0" encoding="windows-1250"?> <?xml-stylesheet type="text/css" href="stil.css"?> <POPISKNJIGA>   <SP Knj="Matej"><AS><A NAME="01.0"></A></AS><AUTOR /><KNJIGA /><GOD /><STR /><STANJE> <BR><BR> <B> <FONT face="Monotype Corsiva" size="6" style="color:#000080"> NASLOV: Stare knjige</B> <H3 ALIGN="RIGHT"> <A HREF="#MAR1">deo2</A>, <A HREF="#LUK1">deo3</A>. </H3> </FONT> <BR> <body bgcolor='#C0C0C0'> <A NAME='prvaM'></A> <H2>Odeljak 1. | <A HREF='#drugaM'>sledeci</A> ></H2> <P STYLE="color: red; font-family: 'New Century Schoolbook', serif; font-SIZE:18PT; font-style: oblique">Prvi Podnaslov ili objaÅ¡njenje.</P> </STANJE><OSTEC /></SP> <SP Knj="Matej"><AS><A NAME="01.1"></A></AS> <AUTOR>1. PERA PERIC</AUTOR> <KNJIGA>Kroz pustinju i praÅ¡umu</KNJIGA> <GOD>1999</GOD> <STR>885</STR> <STANJE>dobro</STANJE> <OSTEC>minimalna na poledjini.</OSTEC> </SP> <SP Knj="Matej"><AS><A NAME="01.2"></A></AS> <AUTOR>2. Å¾ika Å¾ikic</AUTOR> <KNJIGA>Knjiga o Å¾ivotu</KNJIGA> <GOD>1333</GOD> <STR>999</STR> <STANJE /> <OSTEC>minimalna na poledjini.</OSTEC> </SP> <SP Knj="Matej"><AS><A NAME="01.3"></A></AS> <AUTOR>3. Jovan Jovanovic</AUTOR> <KNJIGA>Oluja</KNJIGA> <GOD>1822</GOD> <STR>444</STR> <STANJE>loÅ¡e</STANJE> <OSTEC>minimalna na poledjini, a znaÃ¨ajna na 205 teksta.</OSTEC> </SP> <SP Knj="Matej"><AS><A NAME="01.4"></A></AS> <AUTOR>4. ToÅ¡a</AUTOR> <KNJIGA>Bajke</KNJIGA> <GOD>1888</GOD> <STR>444</STR> <STANJE>odlicno</STANJE> <OSTEC>MIN</OSTEC> </SP> <SP Knj="Matej"><AS><A NAME="01.5"></A></AS> <AUTOR>5. miki</AUTOR> <KNJIGA>Price</KNJIGA> <GOD>1444</GOD> <STR>555</STR> <STANJE>osrednje</STANJE> <OSTEC>omot izbledeo</OSTEC> </SP> <SP Knj="Matej"><AS><A NAME="01.6"></A></AS> <AUTOR>6. Laza Kostic</AUTOR> <KNJIGA>pesme</KNJIGA> <GOD>TREBA JE ZNATI</GOD> <STR>?</STR> <STANJE>perfektno</STANJE> <OSTEC /> </SP>  <SP Knj="Matej"><AS><A NAME="02.0"></A></AS><AUTOR /><KNJIGA /><GOD /><STR /><STANJE> <A NAME='drugaM'></A> <H2>< <A HREF='#prvaM' ALIGN='RIGHT'> prethodni</A> | Odeljak 2. | <A HREF='#trecaM'> sledeci</A> ></H2> <P STYLE="color: red; font-family: 'New Century Schoolbook', serif; font-SIZE:18PT; font-style: oblique">Drugi Podnaslov ili objaÅ¡njenje.</P> </STANJE></SP> <SP Knj="Matej"><AS><A NAME="02.1"></A></AS> <AUTOR>1. Vlada</AUTOR> <KNJIGA>Drvo</KNJIGA> <GOD>2000</GOD> <STR>111</STR> <STANJE>neprovereno</STANJE> <OSTEC /> </SP>  <SP Knj="Matej"><AS><A NAME="02.2"></A></AS> <AUTOR>6. Laza</AUTOR> <KNJIGA>Pesme</KNJIGA> <GOD>1111</GOD> <STR>444</STR> <STANJE>perfektno</STANJE> <OSTEC /> </SP> </POPISKNJIGA>   AUTOR, KNJIGA, GOD, STR, STANJE, OSTEC { display:block; background-color:#D4D4D4} AUTOR { border-style: outset 2em; margin-top:1.5pt; font-size:12pt} AS { display:none } KNJIGA { margin-left:25pt; COLOR:BLUE; border-style:inset 0.4em; font-weight:normal; font-size:11pt } GOD { margin-left:25pt; COLOR:GREEN; font-weight:normal; font-size:9pt } STR { margin-left:25pt; COLOR:BROWN; font-weight:normal; font-size:9pt } STANJE { margin-left:25pt; COLOR:BLUE; font-weight:normal; font-size:9pt } OSTEC { margin-left:25pt; COLOR:RED; font-weight:normal; font-size:9pt }

Rate this article on a scale of 1 to 10 (0 votes, average 0)

Your vote :

LAMP >>


Leave a comment for this article
Your name
Your email (optional)
Your comment
Optional: Upload an attachment
Enter the code shown:



	Recent Jobs An immediate job opportunity as a Biztal Software Developers Needed in Charlotte, Sr. Software Engineer - Analytics Immediate Mainframe openings for Chennai Immediate TANDEM-TAL openings for Chenna View all Jobs (Add yours) View all CV (Add yours)

	answering service conference calling swimming pool builder spfxmasks water softener Teleconference Host Department NOLIMIT Web Hosting MSN sunglasses

	Partners Dream.In.Code dotNet Slackers dotNet Spider Your HTML Source VisualBuilder.com DevGuru Planet Source Code ZVON.ORG Web Design ASPAlliance XML Pitstop Scripts The Spot 4 SAP Bitshop Web Hosting

Email TopXML