object expected error javascript

Question

<script type="application/javascript" language="javascript">
    function showElement(elementID, show){
    var element = document.getElementById(elementID);
    if (element) {
      element.className = (show ? element.className.replace(/hidden/gi, "show") : element.className + " hidden");
     }
    }
</script>

        <table cellpadding="3" cellspacing="1" border="0" width="100%">  
            <tr class="baseGrayMedium">
                <td colspan="2">
                    (<a href="javascript:void(0);" onClick="showElement('evicChkLst',true);" class="nostyle">+</span></a>|<a href="javascript:void(0);" onClick="showElement('evicChkLst',false);" class="nostyle">-</span></a>) &nbsp;&nbsp; <B>Eviction Checklist</B>
                </td>
            </tr>
        </table>

i get the javascript error saying object expected and it points to onClick event in the HTML code.. Could some one suggest me why so

Answer 1

try prepending "javascript:" to the onclick event ("onclick" all lowercase is xhtml compliant btw).

Answer 2

No it didnt work though i prepended "javascript:" to the onclick event.. Any more suggestions ?

Answer 3

Check that link

Answer 4

I don't immediately see anything wrong in your snippet.

It's possible that formatting elsewhere in your script has messed up the definition or scope of showElement. Try adding this link next to the others:

<a href="javascript:void(0)" onclick="alert(typeof showElement);">?</a>

It should alert function if everything up to that point is good (or, at least, not alert undefined).

Answer 5

Your probelm is: <script type="application/javascript" language="javascript"> it must be <script type="text/javascript" language="javascript">

Answer 6

function showElement(elementID, show){ var element = document.getElementById(elementID); if (element) { element.className = (show ? element.className.replace(/hidden/gi, "show") : element.className + " hidden"); } }

        <table cellpadding="3" cellspacing="1" border="0" width="100%">  
            <tr class="baseGrayMedium">
                <td colspan="2">
                    (<a href="#" onclick="javascript:showElement('evicChkLst',true);" class="nostyle">+</span></a>|<a href="#" onclick="javascript:showElement('evicChkLst',false);" class="nostyle">-</span></a>) &nbsp;&nbsp; <B>Eviction Checklist</B>

    </td>
            </tr>
        </table>

now the code looks some thing like the above