перегрузка таблицы с помощью javascript
Подскажите, пожалуйста, как можно осуществить следующее на javascript.
При нажатии на 1 ссылку должна появляться 1 таблица, а при нажатии на ссылку 2 должна на том же месте появляться другая. Это очень просто сделать на php, но очень не хочется ради этого перегружать всю страницу.
При нажатии на 1 ссылку должна появляться 1 таблица, а при нажатии на ссылку 2 должна на том же месте появляться другая. Это очень просто сделать на php, но очень не хочется ради этого перегружать всю страницу.
[HTML]
<html>
<head><title>test</title></head>
<script type="text/javascript">
function showHide(showId,hideId)
{
document.getElementById(hideId).style.display = "none";
document.getElementById(showId).style.display = "block";
}
</script>
<body>
<table id="Table1" style="display:none"><tr><td>Tablica 1</td></tr></table>
<table id="Table2"><tr><td>Tablica 2</td></tr></table>
<a href="java script:showHide('Table1','Table2')">Спрятать табл.2</a> <a href="java script:showHide('Table2','Table1')">Спрятать табл.1</a>
</body>
</html>[/HTML]
Как вариант.
<html>
<head><title>test</title></head>
<script type="text/javascript">
function showHide(showId,hideId)
{
document.getElementById(hideId).style.display = "none";
document.getElementById(showId).style.display = "block";
}
</script>
<body>
<table id="Table1" style="display:none"><tr><td>Tablica 1</td></tr></table>
<table id="Table2"><tr><td>Tablica 2</td></tr></table>
<a href="java script:showHide('Table1','Table2')">Спрятать табл.2</a> <a href="java script:showHide('Table2','Table1')">Спрятать табл.1</a>
</body>
</html>[/HTML]
Как вариант.
Спасибо большое, очень помогло. :D