This utility allows you to specify up to 3 alternate HTML code snippets, and then creates the HTML/Javascript code that switches between those HTML snippets whenever the corresponding radio button is clicked. This is just one simple example of using the innerHTML property -- you can change the Javascript to use other form elements for the snippet selection if you wish. Personalized HTML
Note: Do not use the double quote in your HTML code -- you can use the special code " instead . . .
This is how your message would look (defaults to the first snippet you entered):
I see that you're a student . . .
Now click these radio buttons and watch the above message change: Snippet1 Snippet2 Snippet3
This is the copy/paste HTML/Javascript code:
<script Language="Javascript">
<!--
function customize(message)
{
document.getElementById("a").innerHTML = message;
}
//-->
</script><span id=a>I see that you're a student . . .</span>
<input type="radio" name=which onClick="customize('I see that you\'re a student . . .');" checked>Snippet1
<input type="radio" name=which onClick="customize('I see that you\'re employed full time . . .');">Snippet2
<input type="radio" name=which onClick="customize('I see that you\'re employed part time . . .');">Snippet3
Obviously, you will want to replace "Snippet1", "Snippet2", etc. with the actual things you have your visitors choosing between -- such as the reason they are interested in your product, or what their occupation is, etc.
Then you'd have your web page copy change corresponding to the visitor's input.
The Internet Marketer's Little Black Book --
1001 Insider Resources for the Serious Internet Marketer