salhzmzm Posted January 14, 2008 Share Posted January 14, 2008 hi there is a table in my page and I need a function that can do with my table: the function hide the table with word called "hide table" if the table was hide then the function show the table with word called "show" [the word changed] so please help me thanks Quote Link to comment Share on other sites More sharing options...
taith Posted January 14, 2008 Share Posted January 14, 2008 somin like this should do... <script> function toggle(){ var trigger=getObject('trigger'); if(trigger.innerHTML==Show){ trigger.innerHTML='Hide'; getObject('tohide').style.visibility=block; }else{ trigger.innerHTML='Show'; getObject('tohide').style.visibility=hidden; } } </script> <a href="javascript:toggle();" id=trigger>Show</a> <div id=tohide style="visibility:hidden;"></div> not tested... but i think she'll work Quote Link to comment Share on other sites More sharing options...
salhzmzm Posted January 14, 2008 Author Share Posted January 14, 2008 thank you for you're helping. but I prefer to use this code becaus it is very simple for me but I do not know how I convert it to function to use one link <a href="javascript: void(0)" onclick="document.getElementById("something").style.display='none'">hide table</a> <a href="javascript: void(0)" onclick="document.getElementById("something").style.display='table'">show table</a> <table id="something"> Quote Link to comment Share on other sites More sharing options...
taith Posted January 14, 2008 Share Posted January 14, 2008 inline commands are really only any real use for single functions/operations... and nothing complex... you really do want to use a non inline function for this... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.