table of content

[t.vu]

hi,

i tried to create a table of content using Ajax dynamic content for the forum but it did not work .. please help ..

link to dl script http://www.dhtmlgoodies.com/scripts/ajax-d...mic-content.zip

1) i added 2 js files to the directory and inserted in to appropriate place then i added the script to the directory
2) i took the script to Admin CP then added to BBcode list ..

=> i did not do anything to 3 EXTERNAL files .. would this be the problem .. pleaseeee help .. thank you so much in advance ..


<STYLE type=text/css>
/* This css is only needed for the demo */
body{
margin:10px;
font-size:0.9em;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
text-align:center;
background-color:#E2EBED;
height:100%;
}
a{
color:#F00;
}


#mainContainer{
width:760px;
margin:0 auto;
text-align:left;
background-color:#FFF;
height:100%;
padding-bottom:10px;
}

#mainContainer .news{
margin:5px;
border:1px dotted #555;
background-color:#EEE;
padding:10px;
}

#mainContainer img{
float:left;
margin:2px;
}
div#header{
border:0px;
background-color:#FFF;
padding:0px;
margin:0px;
height:100px;
}

h2{
font-size:1.3em;
margin-bottom:5px;
}
p{
margin-top:0px;
}
.clear{
clear:both;
}
h2{
color:#000;
}

#news2{
height:150px;
}
.header{
padding-left:5px;
font-weight:bold;
}
</STYLE>

<SCRIPT src="/js/ajax.js" type=text/javascript></SCRIPT>

<SCRIPT src="/js/ajax-dynamic-content.js" type=text/javascript></SCRIPT>

<DIV id=mainContainer>
<DIV class=news id=news1><!-- Empty div for dynamic content -->Loading news. please wait...</DIV>
<DIV class=news id=news2><!-- Empty div for dynamic content -->Loading news. please wait...</DIV>
<DIV class=news id=news3><!-- Empty div for dynamic content -->Loading news. please wait...</DIV></DIV>
<SCRIPT type=text/javascript>
ajax_loadContent('news1','external/externalfile1.html');
ajax_loadContent('news2','external/externalfile2.html');
ajax_loadContent('news3','external/externalfile3.html');
</SCRIPT>