Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 31-08-2009
Member
 
Join Date: Jul 2009
Posts: 16
Hide table with javascript

Hi
i am interested to create javascript for that i want to hide table with javascript. but now thing is i am not expert in java so that its not easy to create it so i need your help for that so please help
thank you
Reply With Quote
  #2  
Old 31-08-2009
Member
 
Join Date: May 2008
Posts: 2,383
Re: Hide table with javascript

It is possible with javascript to hide table rows and show it again later if you want.First of all lets create a basic and simple html 3x3 table where the first row contains the column captions. With the following html code:

Code:
Quote:
<table width="300" border="1">
<tr><th>TH-1</th><th>TH-2</th><th>TH-3</th></tr>
<tr><td>cell-11</td><td>cell-12</td><td>cell-13</td></tr>
<tr><td>cell-21</td><td>cell-22</td><td>cell-23</td></tr>
</table>

javascriptf1.com
Reply With Quote
  #3  
Old 31-08-2009
Member
 
Join Date: Oct 2005
Posts: 2,389
Re: Hide table with javascript

Here is the jQuery code:

Quote:
$ (document). ready (function () (

$ (\. "delete \"). click (function () (

if (window.confirm (\ "Are you sure you want to delete this PA? \")) (

var area;

/ / var id = $ (this). attr (\ "id \");

area = \ "tr # \" + $ (this). attr (\ "id \");



$. ajax ((

Type: \ "POST \",

url: \ "index.php? = tg. $ GLOBALS [ 'babAddonTarget']."/ pa \"

data: \ "action = delete & id = \" + $ (this). attr (\ "id \")

success: function (msg) (

$. browser.msie? $ (box). remove ();:

$ (box). fadeOut (\ "slow \");



)

));

)

})});



</ script>
Here is the html code for table


Quote:
<tbody> <tr id="85">



<td style="text-align: center;" class="actionSide alt">

<a href="#" class="wiki_link_ext" id="85" title="remove this PA">

<img src="images/report_delete.png" alt="icone"> </ a>

</ td>

<td style="text-align: center;" class="actionSide85 alt"> 85 </ td>

<td style="text-align: center;" class="actionSide85 alt"> Internal Audit </ td>

<td style="text-align: center;" class="actionSide85 alt">

<a href="#" class="tooltip"> not well !...< em> <span> </ span> not good </ em> </ a>

</ td>

</ tr>

</ tbody>

<tbody> <tr id="86">

<td style="text-align: center;" class="actionSide">





<a href="#" class="wiki_link_ext" id="86" title="remove this PA">

<img src="ovidentia/styles/addons/images/report_delete.png" alt="icone"> </ a>

</ td>



<td style="text-align: center;" class="actionSide86"> 86 </ td>

<td style="text-align: center;" class="actionSide86"> Internal Audit </ td>

<td style="text-align: center;" class="actionSide86">

<a href="#" class="tooltip"> not well !...< em> <span> </ span> not good </ em> </ a>

</ td>

</ tr> </ tbody>
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "Hide table with javascript"
Thread Thread Starter Forum Replies Last Post
Unable to work with table columns in opera browser when the table has wide layout Janya Technology & Internet 5 27-08-2011 10:53 AM
How can I hide JavaScript code of my application? Emiliana Software Development 6 22-08-2011 12:10 AM
Link a Table to another Table to Drop Down In Main Table himeshRES Windows Software 6 11-12-2010 02:01 PM
Colonizing a table of employees from a table of applicants in Microsoft Access laplapye Windows Software 4 30-11-2010 03:01 AM


All times are GMT +5.5. The time now is 10:02 AM.