JavaScript - Searching For A Keyword

Code:

this.delete = function(obj)
{
..

Is that it ? I can't have delete ? Or can this be written in some other way, including delete ?

Hello all,

Sorry if this may seem like a silly question, I have searched but not really to sure how to word what I am searching for as I don't know if I am going the right way around it!

Basically, I am looking to insert a keyword in to a javascript alert box when someone visits my website, so say they came from codingforums.com, it would say "Welcome, CodingForums.com Visitor".

My keyword will be passed from the ad platform I am working with and shows up correctly in the tracking, so I'd imagine it's just a case of having the snippet of code for it to show in the alert, correct?

If there is no keyword, I would just like it to say "Welcome Visitor" or something.

How do I go about this?

Thank you in advance for any help.

I'm looking at building an interactive desktop gadget for our company computers that functions similar to Clippy (less annoying though).

The idea is for users to be able to type in keywords or questions and have the gadget present links to pages on our intranet. So similar to a search engine but more focused on answering questions as opposed to just returning a hundred results.

I've got a moderate understanding of java so I know I could do something like IF "Textbox" EQUALS "Keyword" THEN DO "THAT". Need a little more sophistication though, it should be able to accept multiple keywords and weigh the search results accordingly. I'm sort of picturing an updatable XML table like this:

KEYWORD This is the result
KEYWORD This is the result

Or an array in a separate .js file.

Maybe there's a better way than that actually but it's what I know. Has anyone got some advice on this? Thanks.

I am confused about what the return keyword is actually returning when returning an object, a primitive, or a function.

My confusion is compounded by the fact that I'm not sure if a function is an object or not.
According to the book JavaScript Programmer Reference it is:
"All functions in JavaScript are first class objects , meaning they can be passed around like any other object reference. In fact, regardless of how they are created, functions are instances of a global object named (aptly) Function."

However, someone else states that a function is not an object. An object is a set of primitives and references. A function is executable code. Functions become objects through the use of the new operator. Yet, in the book I mentioned, it says you don't need the new keyword to execute the function as an object, as it already inherits from the object Function when the function keyword is used:
Code:

function functionName([argname1 [, ...[, argnameN]]])
{
statements;
}

So there's one source of contradiction.

Now the bigger issue is what is going on when the return keyword is used. Notice the Validation() function returns an object as its last expression. This technique is common, where you return an object which contains functions in form of object notation. I believe this is done so that we create a closure so that when the intepreter exits the Validation() method, since we created a closure by returning an object, which contains the inner functions addRule and getRule, the local variables of Validation() are not destroyed, given that we can reference them through the two inner functions that make use of the local variables of the outer function. So when we use the return keyword on an object literal, and then exit the function, when we call one of the inner functions as we do later:
Code:

var rule = $.Validation.getRule(types[type]);

essentially getRule() is called, passes an argument, which is received by the inner function as parameter we call name:
Code:

getRule : 
function(name) {  

                return rules[name];
            }

First, note that the return {} is written in object notation, therefore making getRule a local variable and, thus, private function only accessible through the namespace of Validation().

Validation() declares the rules local variable and because of the closure, we can access the rules local variable through the getRule() inner function.

*****Here's the part that really thows me off. We return rules[name]. So let's say name is equal to email. This is an associative array so email (held in name) is a property of rules. So here we return the object's property:
Code:

return rules[name];

And then assign it to a local variable called rule:
Code:

var rule = $.Validation.getRule(types[type]);

So when we return an object rules[name], do we return a reference to an object or a value? In other words, by returning rules[name], where name is equal to email, are we then returning a reference to the following object literal:
Code:

email : {
               check: function(value) {
                   
                   if(value)
                       return testPattern(value,".+@.+\..+");
                   return true;
               },
               msg : "Enter a valid e-mail address."
            }

And if we are returning a reference, by returning a reference, are we essentially pointing to this object when we assign it to rule? In other words, the variable rule is just pointing to the object literal?

And is that the reason we can then access the check function or msg local variable through rule using dot notation, because rule points to the email object literal?

Now the ultimate brain twist for me is that if a function is an object, then why when return a function, it returns a value, such as a boolean, if an object only returns a reference and not the value?

Code:

//Validation is a local variable as it is in a self-executing anonymous function. The purpose of the said anonymous function is to pass the jQuery object as a parameter $ so the $() function will be in scope of the anonymous function and not interfere with other libraries that make use of the same function technique - in the global scope. 
(function($) {
        var rules = {
            
            email : {
               check: function(value) {
                   
                   if(value)
                       return testPattern(value,".+@.+\..+");
                   return true;
               },
               msg : "Enter a valid e-mail address."
            },
            url : {

               check : function(value) {

                   if(value)
                       return testPattern(value,"https?://(.+\.)+.{2,4}(/.*)?");
                   return true;
               },
               msg : "Enter a valid URL."
            },
            required : {
                
               check: function(value) {

                   if(value)
                       return true;
                   else
                       return false;
               },
               msg : "This field is required."
            }
        }
        var testPattern = function(value, pattern) {

            var regExp = new RegExp("^"+pattern+"$","");
            return regExp.test(value); //The test() method is built into javascript
        }
        return {
            
            addRule : function(name, rule) {  

                rules[name] = rule;
            },
            getRule : function(name) { 

                return rules[name];
            }
        }
    }
    
    /* 
    Form factory 
    */
    var Form = function(form) {
        
        var fields = [];
    
        $(form[0].elements).each(function() {
            var field = $(this);
            if(field.attr('validation') !== undefined) {
                fields.push(new Field(field));
            }
        });
        this.fields = fields;
    }
    Form.prototype = {
        validate : function() {

            for(field in this.fields) {
                
                this.fields[field].validate();
            }
        },
        isValid : function() {
            
            for(field in this.fields) {
                
                if(!this.fields[field].valid) {
            
                    this.fields[field].field.focus();
                    return false;
                }
            }
            return true;
        }
    }
    
    /* 
    Field factory 
    */
    var Field = function(field) {

        this.field = field;
        this.valid = false;
        this.attach("change");
    }
    Field.prototype = {
        
        attach : function(event) {
        
            var obj = this;
            if(event == "change") {
                obj.field.bind("change",function() {
                    return obj.validate();
                });
            }
            if(event == "keyup") {
                obj.field.bind("keyup",function(e) {
                    return obj.validate();
                });
            }
        },
        validate : function() {
            
            var obj = this,
                field = obj.field,
                errorClass = "errorlist",
                errorlist = $(document.createElement("ul")).addClass(errorClass),
                types = field.attr("validation").split(" "),
                container = field.parent(),
                errors = []; 
            
            field.next(".errorlist").remove();
            for (var type in types) {

                var rule = $.Validation.getRule(types[type]);
                if(!rule.check(field.val())) {

                    container.addClass("error");
                    errors.push(rule.msg);
                }
            }
            if(errors.length) {

                obj.field.unbind("keyup")
                obj.attach("keyup");
                field.after(errorlist.empty());
                for(error in errors) {
                
                    errorlist.append("<li>"+ errors[error] +"</li>");        
                }
                obj.valid = false;
            } 
            else {
                errorlist.remove();
                container.removeClass("error");
                obj.valid = true;
            }
        }
    }
    
    /*
    Validation extends jQuery prototype
    */
    $.extend($.fn, {
        
        validation : function() {
            
            var validator = new Form($(this));
            $.data($(this)[0], 'validator', validator);
            
            $(this).bind("submit", function(e) {
                validator.validate();
                if(!validator.isValid()) {
                    e.preventDefault();
                }
            });
        },
        validate : function() {
            
            var validator = $.data($(this)[0], 'validator');
            validator.validate();
            return validator.isValid();
            
        }
    });
    $.Validation = new Validation();
})(jQuery);

Thanks for any response.

Hi

I need to develop a simple keyword search in external html files(having traversing in directories ability).

Is this possible?
(in this case php can be used)

Please guide me

Thanks

I have an xml file with parts and im trying to search through the list using a javascript search script. It works fine for me but the only problem I have is that when it searches and returns something, it puts it into a table on a blank page, wiping out everything thats on there (heading, designs, etc.). How do I edit this so that it instead puts the table under the search box (where ive labeled "test" in screenshot)? Thanks in advance for the help.

My java script
Code:

<script type="text/javascript">
function getType() {
	for (var i=0; i < 3; i++) {
		if (document.frmMain.criteria[i].checked) {
			var rad_val = document.frmMain.criteria[i].value;
		}
	}
	return rad_val;
}

window.onload = loadIndex;

function loadIndex() { // load indexfile
// most current browsers support document.implementation
	if (document.implementation && document.implementation.createDocument) {
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.load("wdparts.xml");
	}
// MSIE uses ActiveX
	else if (window.ActiveXObject) {
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = "false";
		xmlDoc.load("wdparts.xml");
	}
}



function searchIndex() { // search the index (duh!)
	if (!xmlDoc) {
		loadIndex();
	}
	// get the search term from a form field with id 'searchme'

	var searchterm = document.getElementById("searchme").value;
	var searchtype = getType();
	var allitems = xmlDoc.getElementsByTagName("item");
	results = new Array;
	if (searchterm.length < 3) {
		alert("Enter at least three characters");
	} 
	else {
// see if the XML entry matches the search term,
// and (if so) store it in an array		\
		for (var i=0;i<allitems.length;i++) {
			var name = allitems[i].getAttribute(searchtype);
			var exp = new RegExp(searchterm,"i");
			if ( name.match(exp) != null) {
				results.push(allitems[i]);
			}
		}
// send the results to another function that displays them to the user
	showResults(results, searchterm);
	}
}



// Write search results to a table
function showResults(results, searchterm) {

	if (results.length > 0) {
// if there are any results, write them to a table 
		
		document.write('You searched for <b><i>'+searchterm+'</i></b><br><br>');
		document.write('<table border="1" style="width: 100%;">');
		document.write('<tr><th>Line</th><th>Product Number</th><th>Description</th><th>Link</th></tr>');
		for(var i=0; i<results.length; i++) {
		 document.write('<tr>');
		 document.write('<td>' + results[i].getAttribute("line") + '</td>');
		 document.write('<td>' + results[i].getAttribute("pnum") + '</td>');
		 document.write('<td>' + results[i].getAttribute("description") + '</td>');
		 document.write('<td>' + results[i].getAttribute("link") + '</td>');
		 document.write('</tr>');
		}
		document.write('<table>');
		document.close();
		
		
	} else {
// else tell the user no matches were found
		var notfound = alert('No results found for '+searchterm+'!');
	}
}
</script>

<style type="text/css">
#TXT {
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
}

tblalign {
	text-align: center;
	
}
tblalign {
	text-align: center;
}
tbl {
	text-align: center;
}
</style>

This is the search box
Code:

<p><form name="frmMain" id="frmMain" action="">
<b>Search:&nbsp;&nbsp;</b>
<input type="radio" name="criteria" value="line" checked="checked">Line &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
<input type="radio" name="criteria" value="pnum">Product Number &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
<input type="radio" name="criteria" value="description">Description &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
<br><br>
<input id="searchme" type="text" size="20">&nbsp;&nbsp;
<input value="Submit" onclick="searchIndex(); return false;" type="submit">
</form></p>
<p id = "test">test </p>

Hey guys, I know very little java I took AP computer science in high school and have since forgotten most of it. I'm trying to write a code that :
What I'm trying to do is have a script that loads a website such as

http://www.anywebsite.com/showthread.php?t=000001
and searches for a couple strings of words then if the strings aren't found
it searches the next one, =000002, If it finds the strings that are required
it would save the link or keep the page open and stop searching.
I'm honestly not sure where to start so I came looking for a little bit of a
shove in the right direction. Anybody with any ideas would be really
appreciated.

Thanks
-Tim

Hey all,

I'm a total newbie in the JavaScript programming field, so please bear with me if I ask any ridiculously simple questions

I am trying to make a study site for my university study group. What I'm trying to do is this: For a search term (say "Differential Equations"), find all pages in Wikipedia that match this term. Then, download all pages to local drive so that I and my friends can go over it later offline... (our study group does not have uninterrupted access to the internet).

I tried this simple JavaScript code to get the searches:

<html>
<head>
<script type="text/javascript">
function getpages()
{
var frm = document.getElementById("GetPages");
frm.submit();
}
window.onload = getpages;
</script>
</head>

<body>

<center>
<FORM method=GET action="http://www.google.com/search" name = "GetPages" id="GetPages">
<TABLE bgcolor="#FFFFFF"><tr><td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="site:wikipedia.org/ differential equations">
<INPUT TYPE=hidden name=hl value="en">
</td></tr></TABLE>
</FORM>
</center>
</body>
</html>

It gives me the expected results. However, I'm not sure how to download the pages that the search returns. Also, Google returns only 10 search results per page by default - it would be nice to work around both these problems.

I've tried every combination I can think of, and I can't figure this out. According to me, if you type a name that matches one of the xml items' names into the box using the following code:

Code:

Name: <input type="text" id="nameInput"/>

    <input type="button" onclick="searchLocations()" value="Search Locations"/>

function searchLocations() {
     var input = document.getElementById('nameInput').value;
       if (!input) {
         alert("please enter a name");
       } else {
         for (var j = 0; j < gmarkers.length; j++) {
		 if (gmarkers[j].myname == input) {
       gmarkers[j].show();
	   }
	   }
   }
}

it should show the gmarker with that name... but nothing. If I leave it blank and hit the search button at least I get the alert, so something is working... any suggestions?

Hi guys im new here i have a project about searching string im am going to use javascript the program should look like this.

Enter first word: abcd
Search in first Word: ab

then pop up ab found
then if i type like sdg
then pop up sdg not found

something like this plss how can i do that

I'm looking to find a way to search through javascript in the current document and save certain lines into an array. If the code had been in a div, I could easily use something like document.getElementById("Something".value but in this case, the code is in the header and I'm not positive how to read the information.

Any suggestions would be a great help.

Basically what i'm trying to do is check the data in an XML node to see if it contains a certain string. I'm completely new to javascript and this seems like something very simple, but I must not be using the correct terms in my searches.

For instance
here i'm checking to see if the data in an xml node is equal to "URGENT" if so I'm changing the css.

Code:

function DoesXmlContainThisNode(strXML, strNodeXPath)
{

    var bolFlag
    
    // Load XML
    var myDOMDocument = new ActiveXObject('Msxml2.DOMDocument.3.0');

    myDOMDocument.async = false;
    myDOMDocument.loadXML(strXML);

    // Parse out value
    var myNode = myDOMDocument.selectSingleNode(strNodeXPath)
    if( myNode != null )
    {
        bolFlag = true
    }
    else
    {
        bolFlag = false 
    }

    myNode = null
    return bolFlag
}

,

Code:

 if (DoesXmlContainThisNode(strResponseXml, "Response/XMLResponse/*/Message/Body[text()='URGENT']"))
    {
        strStyle = 'URGENT' 
    }

And maybe I cant do it the same way, but how would I search for any instance of the word "urgent". Say my message has 4 sentences and if the wor durgent appears anywhere in it.. I want to change the stylesheet. I would think there is some way to use a wildcard or "contains" string... I see the text() class being used everywhere but only on exact matches.

Any help is greatly appreciated.

Thanks

All right, to start, I'll summarize what I'm doing currently...
- Asks the User to select a date (year, month, day) via drop-down boxes
- Converts whatever the user inputs to a formal that will match a string value found in an imported array in a .js file
... And what I'm having trouble with:
- Searching through the imported array for a matching value
- Printing whatever block of the array matches the value, as well as any others that also match the value.

For starters, because the array I'm working with is enormous, I'll just make one up here that is still in the same format. In working with the main code, assume that this is the cdr.js file:
Code:

var cdr = [
  {
    "callid": "Guest User1",
    "start": "2009-05-11 15:08:40",
    "end": "2009-05-11 15:09:46",
    "duration": "66",
  },
  {
    "callid": "Guest User2",
    "start": "2009-05-11 16:09:40",
    "end": "2009-05-11 16:09:47",
    "duration": "7",
  },
  {
    "callid": "Guest User3",
    "start": "2009-05-12 12:10:30",
    "end": "2009-05-12 12:10:56",
    "duration": "26",
  },
  {
    "callid": "Guest User4",
    "start": "2009-05-13 17:25:30",
    "end": "2009-05-13 17:26:30",
    "duration": "60",
  }
];

So basically I want the search to be based on that "start" value, though only the date (which I assume would be doable by using .substring())

Now here is the actual code of the program:
Code:

<html>

<head>
<script type="text/javascript" src="cdr.js"></script>
<script>

function init()
 {
 // Grab the values that the user has entered
 var theYear = (document.myForm.inputYear.value);
 var theMonth = (document.myForm.inputMonth.value);
 var theDay = (document.myForm.inputDay.value);
 // Convert them to something that will match the string
 theDate = (theYear + "-" + theMonth + "-" + theDay);

  // The search needs to go here
 }

</script>
<head>

<body>
 Select a date which you would like to view the call statistics of:
 <form name="myForm">
  <select name ="inputYear">
   <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option>
  </select>
  <select name ="inputMonth">
   <option value="01">January</option>  <option value="02">Februrary</option> <option value="03">March</option> <option value="04">April</option> <option value="05">May</option> <option value="06">June</option> <option value="07">July</option> <option value="08">August</option> <option value="09">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option>
  </select>
  <select name = "inputDay">
   <option value="01">1</option> <option value="02">2</option> <option value="03">3</option> <option value="04">4</option> <option value="05">5</option> <option value="06">6</option> <option value="07">7</option> <option value="08">8</option> <option value="09">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option>
  </select>   
  <input type="button" onclick="init()" value="View Date">    
 </form>
</body>
</html>

I've essentially left the section where the search code needs to be blank as I'm not even sure where to begin. Any help would be appreciated.

If in my page I have a facebook widget & a pagecounter widget, both I dont want to display on pages other than homepage. I will do
1] Code:

<div id="facebook"> .....facebookwidget...</div>

    <div id="counter">.....counterwidget.....</div>

then I will use something like this

2] Code:

 $(function() {
var currentUrl = window.location.href;
if(currentUrl != 'http://engineering.forumotion.info/') {
$('#facebook').remove();
$('#counter').remove();
}
});

However if I use a same id for both widgets say e.g facebook then

Code:

 $(function() {
var currentUrl = window.location.href;
if(currentUrl != 'http://engineering.forumotion.info/') {
$('#facebook').remove();
}
});

the above code only removes one(that occurs first) widget & NOT the other widget with the same id. Here we include looping, plz anyone tell me how one start & end a loop, to find a particular class/ID. Plus how the jquery .each() function can be implemented

Hi guys,
I have an array which looks like this:

var v=["It is my birthday today. ","How are you today. ","The weather is nice today. "];

I then, by using a function need to search for a specific word in the array, and if it is there, it alerts the word and "found", and if it isnt, it alerts the word and "not found". In the function below, a is the string/word which will be searched for in the array, and b is the array location to be searched. Therefore, if wordfind("birthday",0) was typed in, the value would be found. However, the code I have below is not working as I do not know how to make it so it knows that b is the array index to be searched and that a is the string value that will be searched for.

Code:

function wordfind(a,b){
var find = b.search(a)
	if(find==-1) alert(a+" not found")
		else alert(a+" found")
		
		}
wordfind("birthday",0)

Any help on this would be fantastic,
Mike