gilgalbiblewheel
Aug 14th 2007, 10:47 am
Can someone tell me where I've gone wrong in the following code?
I get:
Error: imgElement has no properties
Line: 137
<script type="text/javascript" language="javascript1.3">
function toggle(id){
ol = "ol_" + id;
img = "img_" + id;
olElement = document.getElementById(ol);
imgElement = document.getElementById(img);
if (olElement){
if (olElement.className == 'closed'){
olElement.className = "open";
imgElement.src = "images/opened.gif";
}else{
olElement.className = "closed";
imgElement.src = "images/closed.gif";
}
}
}
</script>
<td>
<a onclick="toggle('item6');">
<h5><img src="images/closed.gif" alt="Click to Expand" id="img_item1" border="0" /> TOP 4 SELF-HELP BOOKS</h5>
</a>
<ol type="1" id="ol_item6" class="closed">
<li id="item6_1"><a href="">Feeling Good</a></li>
<li id="item6_2"><a href="">Resilience</a></li>
<li id="item6_3"><a href="">Allies in Healing</a></li>
<li id="item6_4"><a href="">The Dance of Anger</a></li>
</ol>
</td>
I get:
Error: imgElement has no properties
Line: 137
<script type="text/javascript" language="javascript1.3">
function toggle(id){
ol = "ol_" + id;
img = "img_" + id;
olElement = document.getElementById(ol);
imgElement = document.getElementById(img);
if (olElement){
if (olElement.className == 'closed'){
olElement.className = "open";
imgElement.src = "images/opened.gif";
}else{
olElement.className = "closed";
imgElement.src = "images/closed.gif";
}
}
}
</script>
<td>
<a onclick="toggle('item6');">
<h5><img src="images/closed.gif" alt="Click to Expand" id="img_item1" border="0" /> TOP 4 SELF-HELP BOOKS</h5>
</a>
<ol type="1" id="ol_item6" class="closed">
<li id="item6_1"><a href="">Feeling Good</a></li>
<li id="item6_2"><a href="">Resilience</a></li>
<li id="item6_3"><a href="">Allies in Healing</a></li>
<li id="item6_4"><a href="">The Dance of Anger</a></li>
</ol>
</td>