Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Hello,
May I know if anyone know how to create a webpage with the following similar data format:
http://www.blazemp.com/help/sitemaptoc.htmYour kind assistance is greatly appreciated.

Look at this post for an example: http://www.computing.net/webdevel/wwwboard/forum/2619.html
Michael J

Thank you very much, Michael. Sorry for the late response as I was away for the past few days.
I would like to create a chart similar to the site as provided earlier: http://www.blazemp.com/help/sitemaptoc.htmie, a "+" sign in front of the content description and after clicking the "+" sign or the "content description", the sub content will appear.

Um, yeah and my answer still stands. I already answered your question in the post that I referenced. Put the content you want to show/hide inside a div with an id). Then use the example in the other post to make the plus sign hide/show the div.
You would want to make the process a function though, because in addition to showing/hiding the rows you would want to change the plus to a minus and back again.
Since I am in a good mood today, I decided to take the time to put together something for you - I would prefer to teach someone to fish rather than giving them a fish though. Copy and paste the below code into an HTML document and you will have a framework for what you need:
***********Begin Code*************
<html>
<head>
<script language="javascript">
function expand (fieldID) {
dataObj = document.getElementById('data'+fieldID);
switchObj = document.getElementById('switch'+fieldID);
if(dataObj.style.display != 'none') {
dataObj.style.display = 'none';
switchObj.innerHTML = '+';
} else {
dataObj.style.display = 'block';
switchObj.innerHTML = '-';
}
}
</script>
</head><body>
<table>
<tr>
<td><a id="switch1" href="javascript:expand('1');">-</td>
<td valign="top">Section Header 1</td>
</tr><tr id="data1">
<td> </td>
<td>Here is the first set of content that will expand and collapse</td>
</tr>
<tr>
<td><a id="switch2" href="javascript:expand('2');">-</td>
<td valign="top">Section Header 2</td>
</tr>
<tr id="data2">
<td> </td>
<td>Here is the 2nd set of content that will expand and collapse</td>
</tr>
</table>
</body>
</html>
************End Code**************
Michael J

Hi, Michael, I'm afraid I have to seek your assistance again.
2 days ago, my PC was infected with spyware and I could not gain access to internet explorer and all files on my C drive. After spending A$100 to get the spyware removed, the computer technician also installed the following free programs availble on the internet on my PC, namely SPYBOT, WINDOWS DEFENDER and CW SHREDDER.
Before sending my PC for fixing, I was able to view the sub contents of this site, http://www.blazemp.com/help/sitemaptoc.htm
but now I can't. When I click on the "+" or "Getting started", a message "javascript:itemClicked(items[0])" appears at the bottom of IEI also could not view the "intended result" of the javascript provided by you above.
I have followed the steps to enable the javascipt as provided by you but still without success. http://www.computing.net/webdevel/wwwboard/forum/1693.html
I wonder what has gone wrong?

I'm not sure what to tell you. You obviously have some type of application or setting that is blocking the javascript. The "javascript:itemClicked(items[0])" at the bottom of the page is not a problem. If you see a yellow icon with an exclamation point, then that indicates a problem.
The only suggestion I can offer is to try disabling all you "protective" applications temporarily to see if they are causing the problem. If so, then you need to narrow down the one that is causing it and either modify it's settings to allow javascript or disable it alltogether.
If it is not one of those apps, then you need to start looking into Windows settings.
Michael J

Thanks Michael. I have all 3 protective" applications (SPYBOT, WINDOWS DEFENDER and CW SHREDDER) uninstalled but the problem still persists.
Still figuring what to do next. Will keep you informed when the problem is solved.

A computer expert has suggested me to use "IE6 repair" and now my problem is fixed:
http://www.theeldergeek.com/repair_ie6.htm

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |