JavaScript - Javascript Drop Down Search

I am very new at Javascript.

In using the search method, have search for "=" and "&" with no problem. But for some reason trying to search for "?" get no results. I have used the exact same line in testing the line and get results from"=" but not "?".

Code:

var a=str.search("?");
var b=str.search("=");

Can some tell me why and give a solution?

I have a code for creating a search bar to search words on an unpublished site that i am developing. I was wondering where to enter the keywords, can anyone help me? Thanks;

Code:

<script language="JavaScript"> 
<!-- Original by http://javascript.internet.com More javascripts http://www.************** --> 
					
var NS4 = (document.layers); // Which browser? 
					
var IE4 = (document.all); 
					
var win = window; // window to search. 
					
var n = 0; function findInPage(str) 
					
{ var txt, i, found; 
					
if (str == "") return false; // Find next occurence of the given string on the page, wrap around to the 
				  // start of the page if necessary. 
					
if (NS4) 
{ 
// Look for match starting at the current point. If not found, rewind 
// back to the first match. 
					
if (!win.find(str)) 
					
while(win.find(str, false, true)) 
					
n++; else n++; // If not found in either direction, give message.
					 
if (n == 0) alert("Not found."); } 
					
if (IE4) 
					
{ txt = win.document.body.createTextRange(); // Find the nth match from the top of the page. 
					
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) 
					
{ txt.moveStart("character", 1); 
					
txt.moveEnd("textedit"); } // If found, mark it and scroll it into view. 
					
if (found) 
					
{ txt.moveStart("character", -1); 
					
txt.findText(str); 
					
txt.select(); 
					
txt.scrollIntoView(); n++; }   // Otherwise, start over at the top of the page and find first match. 
					
else { if (n > 0) { n = 0; findInPage(str); }  // Not found anywhere, give message. else alert("Not found."); } } 
					
return false; } 
					
</script>


<form name="search" onSubmit="return findInPage(this.string.value);"> 
								
<div align="center" font size=3> 
									
<input name="string" type="text" size=15 onChange="n = 0;"> 
				
</font> 
							
<input type="submit" value="Search Page">
								
</div> 
							
</form>

Hi everyone,

I have a very simple question. I found some answers on the web but nothing quite concluding. I am hearing Search Engine can only be build with server-side programming or through google (which means your site must be connected to the internet.

Is it possible to build a simple yet effective search engine for an in-house site (not connected to the net, only network) with JavaScript?

My understanding is that, using arrays, once a user enter a word in a fied, the program would need to index all the pages containing the word.

Then the program would need to target each seperate paragraph containing the word.

Also what if the results must lead you to a document which must open in an iframe?

Possible? How?

Cheers

im new to webpage programming,but do hav some basic c/c++ programming skill. in order for me to understand the following codes, what should i read?
i had read thru w3schools.com html and javascript tutorials but it is stil difficult for me to understand the codes,can somebody help me?thanks!


Code:

function getQuery() {
                var scoping             = "&project=${currentProject}&projectScopeUp=" + projectScopeUp + "&projectScopeDown=" + projectScopeDown;
                var paging              = "&pagesize=100";
 
                return {
                    "currentProject"   : "/iteration:current/project",
                    "#storyType"        : "/typedefinition?query=(Name = \"Hierarchical Requirement\")",
 
                    "taskUnit"          : "${iteration/workspace/workspaceConfiguration/taskUnitName}",
                    "storyStates"       : "${#storyType/attributes[name=schedule state]/allowedvalues/stringvalue}",
 
                    "iteration"         : "/iteration:current?fetch=name,objectid&order=StartDate",
                    "iterations"        : "/iterations?fetch=name,objectid&order=StartDate,Name&project=${currentProject}&projectScopeUp=false&projectScopeDown=false" + paging,
 
                    "users"             : "/users?fetch=displayname,loginname,emailaddress,objectid" + paging,
 
                    "tasks"             : "/tasks?fetch=taskindex,name,objectid,formattedid,owner,blocked,estimate,todo,actuals,state,workproduct&query=(Iteration = ${iteration})" + scoping + paging,
 
                    "stories"           : "/hierarchicalrequirement?fetch=rank,blocked,formattedid,name,objectid,owner,project,schedulestate,taskestimatetotal,taskremainingtotal,taskactualtotal,tasks&order=Rank&query=(Iteration = ${iteration})" + scoping + paging,
                    "defects"           : "/defect?fetch=rank,blocked,formattedid,name,objectid,owner,project,schedulestate,taskestimatetotal,taskremainingtotal,taskactualtotal&order=Rank&query=(Iteration = ${iteration})" + scoping + paging,
                    "defectsuite"       : "/defectsuite?fetch=rank,blocked,formattedid,name,objectid,owner,project,schedulestate,taskestimatetotal,taskremainingtotal,taskactualtotal&order=Rank&query=(Iteration = ${iteration})" + scoping + paging,
                    "testsets"          : "/testset?fetch=rank,blocked,formattedid,name,objectid,owner,project,schedulestate,taskestimatetotal,taskremainingtotal,taskactualtotal&query=(Iteration = ${iteration})" + scoping + paging
                };
            }

Can anyone get me a simple script for a search engine for my website? i cant find a decent 1 anywhere. thanks

This is a follow up to my older thread, about tables and finding images within them. So after getting some help from "Krupski" I found myself stuck again. I'm trying to go at this rather from an other point of view, instead of getting the cell information I am now trying to get the alt text value. from within the image tag. but being a novice at this well ive hit a wall.

My code so far. searches though the table finding the sad images then i want it to display the Alt-text or an other value table_id or similar. also is there a fast way of putting in Alt text like A1,2,3 B1,2,3 etc like an automated loop. (might work on this after the main problem is dealt with)

Code:

<html>

<head>
	<script type="text/javascript">
    var findImg = function(name) {
        var e = document.getElementsByTagName('img');
        var i = e.length; // how many img elements total
        var str = ''; 
        while (i--) {
            if (e[i].src.indexOf(name) != -1) // if match...
            str += e[i].src + '\n'; //...copy to str with a newline
        }
        alert(str); // display all matches
    }
	
    function searchFor(){
    findImg('smiley%20sad%20Icon.jpg'); // call the function with the name to be matched
	}
    </script>
</head>

    <body>
    <table width="200" border="1">
      <tr Id="A">
        <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="A1"> </td>
        <td Id="2"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="A2"> </td>
        <td Id="3"><img src="http://www.iconeasy.com/icon/thumbnails/System/Icons%20for%20Developers/smiley%20sad%20Icon.jpg" Alt="A3"></td>
      </tr>
      <tr Id="B">
        <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="B1"></td>
        <td Id="2"><img src="http://www.iconeasy.com/icon/thumbnails/System/Icons%20for%20Developers/smiley%20sad%20Icon.jpg" Alt="B2"></td>
        <td Id="3"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="B3"></td>
      </tr>
      <tr Id="C">
        <td Id="1"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="C1"></td>
        <td Id="2"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="C2"></td>
        <td Id="3"><img src="http://www.hencam.co.uk/hencam_forum//extensions/Smile/tango/face-smile.png" Alt="C3"></td>
      </tr>
    </table>
    <br>
    <input type="button" value="Search" id="Search" onClick="searchFor();"/>
    </body>
    </html>

Thanks in advance anyone who can help.

~Mark j

I am new to javascript and would like to search for the element with id but the element id are changing if i use different navigation in that web page example: C21_W68_V69_notes_struct.text changes to C24_W78_V79_notes_struct.text or any other name next time hence i would like to search that element using a pattern like notes_struct.text as there exist only one element ending with this pattern. I am using old version IE and would like to use javascript only.

Kindly help.

Hey guys,
While I know you cannot use javascript for SEO, I need something similar.
What I need is something like a search and replace program or something that does this:
it takes aspects of the filename and incorparates it into the meta tags.
For example, if a file was named "1x9.html"
I would want it to edit the meta tag Season 1 Episode 9
I was just wondering if you guys know if such a thing exists.
Like I would write a script or something in the program, saying for it to search and replace meta tags in file names, and it would
1. Analyze the filename (for this example it will be "1x9.html"
2. Input " Season 1 Episode 9 " into the meta tags (analyzing the first character in "1x9" as [Season] [First Character] , analyzing the "x" in 1x9 as [Episode] and analyzing the last character in "1x9" as [Last Character]

I need to do this for like 80 thousand files, and I cannot do it 1 by 1. All of the elements that need to be in the meta tags already exist in the webpage contents or webpage filename. I was wondering if you guys know the best way for me to go about this?

I have noooo idea if I am even posting this in the correct area, let alone the correct site. If not I apologize and maybe someone could direct me elsewhere.
I am trying to add a custom search into my site.

http://www.jeffknowsloans.com
you can see it about the middle of the page.

I am using the following script to do so.

Code:

<script type="text/javascript">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
</script>
<form name="searchform" onSubmit="return dosearch();">
Select County
<select name="sengines">
<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?housenum=&street=" selected>Washington</option>
<option value="http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=&pg=1" selected>Ramsey</option>
<option value="http://www.altavista.com/web/results?q=">Alta Vista</option>
<option value="http://www.dogpile.com/info.dogpl/search/web/">Dogpile</option>
</select>
Street Address:
<input type="text" name="searchterms">
<input type="submit" name="SearchSubmit" value="Search">
</form>

here is the problem i am running into.
I dont know how to ignore or add certain parts of the search when it sends. for example. take a look at

Code:

<option value="http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=&pg=1" selected>Ramsey</option>

When i try to do a search under this drop down selection it doesnt work. because it needs the &pg=1 to be added to the users search request.
Meaning if I set it to
Code:

http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=

they type in their street name and the street name inputs into the search query but it wont fully work because it doesnt add the &pg=1 after it all.

how in the world do I get it to add things like that?
ie how do i tell it to add certain strings that the outside source requires?
like blank=&blank= or how do i get it to ignore certain &blank= commands.

another example

taking a look at

Code:

<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?housenum=&street=" selected>Washington</option>

this search function should technically be
Code:

<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?" selected>Washington</option>

however since i dont know how to add certain functions to the search i have to skip the housenum option. that means my customers cant search by street number. I want them to be able to type in their house number and their street address and it will change to what each seperate (outside) search engine needs.

Does this make any sense at all?

hi all, i'm a relatively new user to javascript.

i'm supposed to use javascript to search through a folder that contains many excel files.
the search term is obtained from a front end html form, javascript gets that value, search every single excel file in the folder and see which file has a cell that matches the search terms.

I currently know (sort of) how to search through 1 file. but how do I search through many files? and from what i see from the searching of 1 file, it takes a few seconds to open and close the excel file (located on a network drive). which means it will take a fair bit of time to cycle through 97 excel files. Is there like any searching algorithm to speed up the process?

Hey,

I'm working on an auto-suggest for our search function, but I am running into a wall (possibly due to lack of sleep).

Basically, the user enters a search term, which searches our mySQL db, and if the search matches with a part number or description, it will output those results. My jam is that I would like the output to highlight the matching input, which I've gotten to work 95% correct.

Code:

for (var i=0;i<arr.length;i++) // Loop through results to indicate highlighting
	{
		
		
	// Test condition to see if input matches part number
	if (this.sInp.toLowerCase()==arr[i].value.toLowerCase()) // Tests to see if input matches part number and highlights input to match
	{

		var val 	= arr[i].value;
		var st 		= val.toLowerCase().indexOf( this.sInp.toLowerCase());
		var output 	= val.substring(0,st) + "<em>" + val.substring(st, st+this.sInp.length) + "</em>" + val.substring(st+this.sInp.length);
		var span 	= _b.DOM.cE("span", {}, output, true);
		
		if (arr[i].value != "")
		{
			var br 	= _b.DOM.cE("br", {}); // Inserts line break
			span.appendChild(br);
			
			var small = _b.DOM.cE("small", {}, arr[i].info); // Produces second line (info or value)
			span.appendChild(small);
		}
		var a 		= _b.DOM.cE("a", { href:"#" });
		var tl 		= _b.DOM.cE("span", {className:"tl"}, " ");
		var tr 		= _b.DOM.cE("span", {className:"tr"}, " ");
		
		a.appendChild(tl);
		a.appendChild(tr);
		a.appendChild(span);
		a.name = i+1;
		
		// Modified to submit on click
		a.onclick = function () { pointer.setHighlightedValue(); 
		var formName = (pointer.oP.whereSubmit);
			if (formName != null) {
				var form = document.getElementById(formName);
				form.submit();
			}
		return false; };
		// End submit modification

		a.onmouseover = function () { pointer.setHighlight(this.name); };
		var li = _b.DOM.cE(  "li", {}, a  );
		ul.appendChild( li );
	}
	else // Tests if input matches any part of description and highlights input to match
	{
		var val 	= arr[i].info;
		var st 		= val.toLowerCase().indexOf( this.sInp.toLowerCase() );
		var output 	= val.substring(0,st) + "<em>" + val.substring(st, st+this.sInp.length) + "</em>" + val.substring(st+this.sInp.length);
		var span 	= _b.DOM.cE("span", {}, output, true);
		
		if (arr[i].info != "")
		{
			var br	= _b.DOM.cE("br", {});
			span.appendChild(br);
			
			var small	= _b.DOM.cE("small", {}, arr[i].value);
			span.appendChild(small);
		}
		var a 		= _b.DOM.cE("a", { href:"#" });
		var tl 		= _b.DOM.cE("span", {className:"tl"}, " ");
		var tr 		= _b.DOM.cE("span", {className:"tr"}, " ");
		
		a.appendChild(tl);
		a.appendChild(tr);
		a.appendChild(span);
		a.name = i+1;
		
		// Modified to submit on click
		a.onclick = function () { pointer.setHighlightedValue(); 
		var formName = (pointer.oP.whereSubmit);
			if (formName != null) {
				var form = document.getElementById(formName);
				form.submit();
			}
		return false; };
		// End submit modification
		
		a.onmouseover = function () { pointer.setHighlight(this.name); };
		var li = _b.DOM.cE(  "li", {}, a  );
		ul.appendChild( li );
	}
	}
	// End Input Highlight

My issue seems to be my conditional statement. Basically, the user's input must match the part number ("value") exactly for it to output the results is a specific format. I would like it to be able to have something similar to mySQL's wildcard ("%") it will search the entire part number ("value") and not just the beginning to find a match.

Sorry if this doesn't make much sense, I will attempt to clarify if needed, but again running on 0 sleep.

Thanks for any help.

This example works fine to match a users input.


Code:

if ((word[0]=="my") && (word[1]=="name") && (word[2]=="is") &&  (input.search(/(john|paul|zack)/)!=-1)  && (num_of_words== 4))
{document.result.result.value = "Well, nice to meet you "+word[3]+".";
return true;}

However, can you do a search on what would be word[3] in the example above. Something like:


word[3]=="(input.search(/(john|paul|zack)/)!=-1)"

Thanks!

hi,
im fairly new to javascript but i know the basics.
im just wondering is there a possibility to make a search that will connect to my databse with a product list in it, and then display any matches to what the user searched for?
help is always helpful

Well, this is only beginning and kinda beta, but this is just awesome!
This is 100% secured, but yet unfinished.
This is huuuuuge!
I've created temporal apache server on my computer to show how it works:
http://80.222.127.106/downloads.php

is there some way to searching through multiple path or recursively searching through a path
(folders and subfolders) using the code below which seems to search only one node in the tree? Many Thanks.

there are basically subfolders in \documents and then subfolders therein.
i would like to search it therein for all kinds of files/filenames based on "search criteria".

one more thing - is it ok/advisable to use active x objects considering most modern browsers have it disabled or give warnings?

Code:

<script>
var Fo =new ActiveXObject("Scripting.FileSystemObject");
var StrOut = new String();
var FileName = new String();
var Extention = new String();

function FindFile(FOo)
{
	var FSo = new Enumerator(FOo.Files);
	for(i=0;!FSo.atEnd();FSo.moveNext())
	{
		if(FileName == "*" ||  FSo.item().name.slice(0,FSo.item().name.lastIndexOf(".")).toLowerCase().indexOf(FileName)>-1)
			if(Extention == "*" || FSo.item().name.slice(FSo.item().name.lastIndexOf(".")+1).toLowerCase().indexOf(Extention)>-1){
				StrOut += "<tr "+ ((i%2)? "":"bgcolor=#C4E3F2")  +"><td width=50%><font class=find>" + FSo.item().name + "</font></td><td width=25%><font class=find>" + FSo.item().type + "</font></td><td width=50%><font class=find>"+ String(FSo.item().size/(1024*1024)).slice(0,3) +" MB</font></td></tr>";
				i++
				}
	}
}

function Search()
{
	FileName = (search.value.lastIndexOf(".")>-1)? search.value.slice(0,search.value.lastIndexOf(".")):(search.value.length>0)? search.value.toLowerCase():"*"; //Get Searched File Name
	Extention = (search.value.lastIndexOf(".")>-1)? search.value.slice(search.value.lastIndexOf(".")+1).toLowerCase():"*"; // Get Searched File Extention Name

	if(path.value.length>0 && Fo.FolderExists(path.value)){
		StrOut = "<table border=0 width=100% cellspacing=0>"
		FindFile(Fo.GetFolder(path.value));
		outPut.innerHTML = StrOut+"</table>";
		}
	else alert("Insert Correct Path Address");
}
</script>

Code:

<BODY topmargin="0" leftmargin="0">

<table border=0 width=100% cellspacing="0" style="border-collapse: collapse" cellpadding="2"><tr>
	<td dir="ltr" bgcolor="#FFD9D9"><b><font face="Verdana" size="2">Filename :
    </font></b> </td>
	<td dir="ltr" bgcolor="#C4E3F2">
    <input size=50 type=text id=search name=search class="Find"></td>
	</tr><tr>
	<td dir="ltr" bgcolor="#C4E3F2">
      <p dir="ltr"></td>
	<td bgcolor="#FFD9D9"><input size=50 type=hidden value="\Documents" id=path name=path class="Find" >
	  <input type=button value="Search" onClick=Search() class="Find"></td>
	  
	</tr><tr>
	<td colspan=2 align=left bgcolor="#FFFFFF"><font face=Verdana size=2><b>Search Result</b></font><hr></td>
	</tr><tr>
	<td colspan=2 bgcolor="#FFFFFF"><div id=outPut></div></td>
	</tr></table>
</BODY>
</HTML>