Comments on: Inline Search

By: Ridge Bradley Demetriu

Ridge Bradley Demetriu — Fri, 15 Jun 2007 20:50:08 +0000

//get_elements_by_attribute.js//

function getElementsByAttribute(attribute, attributeValue)
{
var elementArray = new Array();
var matchedArray = new Array();

if (document.all)
{
elementArray = document.all;
}
else
{
elementArray = document.getElementsByTagName(”*”);
}

for (var i = 0; i

By: Ridge Bradley Demetriu

Ridge Bradley Demetriu — Fri, 15 Jun 2007 20:47:58 +0000

//get_elements_by_attribute.js//

function getElementsByAttribute(attribute, attributeValue) { var elementArray = new Array(); var matchedArray = new Array();


 if (document.all)

 {

   elementArray = document.all;

 }

 else

 {

   elementArray = document.getElementsByTagName("*");

 }

for (var i = 0; i

By: Ridge Bradley Demetriu

Ridge Bradley Demetriu — Fri, 15 Jun 2007 20:42:40 +0000

//get_elements_by_attribute.js//

function getElementsByAttribute(attribute, attributeValue) { var elementArray = new Array(); var matchedArray = new Array();

if (document.all) { elementArray = document.all; } else { elementArray = document.getElementsByTagName("*"); }

for (var i = 0; i

By: Ridge Bradley Demetriu

Ridge Bradley Demetriu — Fri, 15 Jun 2007 20:39:37 +0000

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

[ Antoine de Saint-Exupery ]

Cool “getbyclass” function script above…really short and nifty…

The ability to find all the elements that have a particular attribute can be pretty handy when you need to modify all elements that have the same class or title, for example.

I was working on my profile page and in order to find elements with a particular attribute value, I needed to check every element on the page for that attribute. This is a very calculation-intensive operation, so it shouldn’t be undertaken lightly. If you wanted to find all input elements with type=”checkbox”, you’re better off limiting your search to input elements first:

var inputs = document.getElementsByTagName("input");

for (var i = 0; i

This will require less calculation than iterating through every element on the page and checking its type. However, the function presented in this solution — getElementsByAttribute — is ideal when you need to find a number of elements of different types that have the same attribute value.

The easiest way to check every element on a page is to loop through the collection returned by getElementsByTagName(”*”). The only problem with this method is that Internet Explorer 5.0 and 5.5 do not support the asterisk wildcard for tag selection. Luckily, these browsers support the document.all property, which is an array containing all the elements on the page. getElementsByAttribute handles this issue with a simple code branch, then proceeds to check the elements for a given attribute value, adding matches to an array to be returned:

//get_elements_by_attribute.js//

function getElementsByAttribute(attribute, attributeValue) { var elementArray = new Array(); var matchedArray = new Array();

if (document.all) { elementArray = document.all; } else { elementArray = document.getElementsByTagName("*"); }

for (var i = 0; i

By: Matthew Schinckel

Matthew Schinckel — Mon, 26 Feb 2007 13:06:31 +0000

Dunno. But he’s pretty helpful, you can ask him. I think he may have used a toolkit from somewhere.

By: Chris

Chris — Sat, 24 Feb 2007 12:30:47 +0000

ok i got it to work
how could i make the results come down in a shelf like http://kreaper.blogsome.com/ has done as it would save my sidebar space

By: Chris

Chris — Sat, 17 Feb 2007 11:47:10 +0000

well i re-coded my site to have a side bar (i missed it too much)

i got the search to work a bit i enter in the word i want to search for it dose the searching but dosnt come up with any results it just keeps on saying searching

By: Chris

Chris — Fri, 16 Feb 2007 19:01:20 +0000

Thats quite impresive.
Same i gave up my sidebar
I would of loved to have had that replace the standerd search forms you get.

By: Matthew Schinckel

Matthew Schinckel — Tue, 07 Nov 2006 00:35:59 +0000

Yes, and damn my ISP hosting service - it seems to be rather flaky. Might have to move the scripts back to Blogsome… it’s down again right now, for instance.

By: Matthew Schinckel

Matthew Schinckel — Tue, 07 Nov 2006 00:35:11 +0000

Yeah, I have thought a bit about having AJAX Blogsome, but I might not implement it. It’s probably something that would be easier to do from scratch, with a clean WordPress install.

If I ever get around to setting up a home host, I might do it there.