To change or replace the "innerHTML" of an iframe on a page, use the following:
onClick="window.frames['myIframeID'].document.body.innerHTML = 'New html content!';

Like

Unlike

You can add and remove a Javascript object’s properties “on the fly”:

var dog = new Object();
dog.frontLegs = 2;   // adds a frontLeg property to the dog object
dog.backLegs = 2;

delete dog.frontLegs;  // removes the frontLegs (poor dog!)

document.write('This dog has ' + dog.frontLegs + ' front legs and ' + dog.backLegs + ' back legs');
// will output "This dog has undefined front legs and 2 back legs"

This can be quite useful for using an object as a container holding other objects, much like a std::list in C++ STL. Example:

function Dog()
{
    this.name = "noname";
}

var myDog = new Dog();
var yourDog = new Dog();

var dogs = new Object();
dogs.myDog = mydog;
dogs.yourDog = yourDog;

// do stuff with list of dogs....

Like

Unlike

Here’s a simple way to handle a “search as you type” input field using javascript that avoids the issue of overloading the client, network, and server by sending requests for every keypress. Technically, this is a “find when you pause” way of doing it, but it seems to work rather intuitively in that when someone slows down it’ll do the search.

This is non-functional until you add an appropriate function (searchProfile() in this example), and is merely here as a simple example.
For reference, see the source below.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<INPUT TYPE='text' SIZE=25 ID='email' 
       onKeyUp=" if(this.value.length > 2)  // only check when 3 or more characters
          { 
            var nowTime = new Date().getTime();   // ensure that 200ms has elapsed since last keypress
            if((nowTime - lastKeyPress) > 200) {    // set var lastKeyPress=0 as a global variable
                  searchProfile(this.id,this.value);     // run the method that does the AJAX call for the search
                  return false; 
            } 
            else 
            { 
                   lastKeyPress = nowTime; 
                   return false; 
            } 
      } 
      else 
      { 
             replaceDiv('resultsList','');  // calls function that displays the results in a div
      }">

You can adjust the timing to your preference – I find that 200ms works well, as it doesn’t require much of a pause to start and yet doesn’t fire the search very often as a person is typing.

In the interest of keeping code readable and reusable, I would advise moving this out of the onKeyUp in the input tag to a function.

2 people like this post.

Unlike