Writing Unique Content To Same Page

notepad

Apr 23rd 2006, 2:41 pm

I'm creating an A-Z glossary that will be displayed inside an HTML ebook. In order not to have an enormously long page, I'm looking for a javascript code that will:

* first display the letter A's information onload
* display each subsequent letter's information when letter (A-Z) is clicked
* call the information from either an external javascript, or HTML file(s)
* work on Windows systems exclusively

From the page's horizontal list of (clickable) letters...

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

...I'd want the glossary's information "dynamically" displayed below the letters perhaps in a specified <DIV> area.

Again, the glossary will NOT be used online. The code must work on a PC. Hopefully I can do this without frames, DHTML, DOM etc.

Any advice would be most appreciated. I would also be interested in hiring someone to complete this task.

Thanks.

P. S. - Here's an online example, though it doesn't load the glossary's "A" terms on first visit to the page (like I prefer & need), and of course CFM wouldn't work in an ebook on a home computer.

seoforgoogle.com/glossary.cfm

# # #

notepad

Apr 24th 2006, 11:54 am

In case anyone's interested, I figured this out -- works great.

step 1:

<BODY onLoad="javascript:showContent('Subject definition and text here must ALL be on same line. You can use , commas, bold, etc. and apostrophes can be escaped using it\'s.');">

step 2:

<script language="javascript" type="text/javascript">
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;

function showContent(content)
{
if(ie4)
{
showContentObj=document.all.qiksearch_div;
}
if(ns6)
{
showContentObj=document.getElementById("qiksearch_div");
}
if(ie4||ns6)
{
if(showContentObj.innerHTML!=content)
{
showContentObj.innerHTML=content;
}
else
{
showContentObj.innerHTML="";
}
}
if(ns4)
{
document.nsdiv.document.write(content);
document.nsdiv.document.close();
}
}

</script>

step 3:

<a href="javascript:void(0);" onClick="javascript:showContent('Subject definition and text here must ALL be on same line. You can use , commas, bold, etc. and apostrophes can be escaped using it\'s.);">A</a>

<a href="javascript:void(0);" onClick="javascript:showContent('Subject definition and text here must ALL be on same line. You can use , commas, bold, etc. and apostrophes can be escaped using it\'s.);">B</a>

...etc for each letter

step 4:

<layer id="nsdiv" left="310"></layer>
<div id="qiksearch_div"></div>

...thanks just the same.

# # #