| |
|
|
| | Люди такое дело:
у меня например есть таблица разделена на 2 раздела, в левом -меню, при нажатие на любую из кнопок меню, нужно чтобы отображалось в правой стороне таблицы, помогите советом, или ссылкой на подобную тему | |
| |
|
|
| |
|
|
| |
для: SkYmaN
(13.04.2007 в 14:58)
| | | Можно в правой стороне таблицы расположить невидимые div-ы, а при клике на кнопке меню нужный div делать видимым. | |
| |
|
|
| |
|
|
| |
для: yuk
(13.04.2007 в 17:30)
| | | Идея конечно нормальная, а по подробнее или пару примеров , если мона :)
не доконца понял :)
но все таки обновляться будет же обе стороны таблицы, а хотелось бы что бы только 1 (не та где кнопки) | |
| |
|
|
| |
|
|
| |
для: SkyMan
(13.04.2007 в 17:41)
| | | Вот простенький пример.
<html>
<head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function hidefun() //функция делает невидимыми все div-ы
{ a=document.getElementById('d1');
a.style.display='none';
a=document.getElementById('d2');
a.style.display='none';
a=document.getElementById('d3');
a.style.display='none';
}
function displ(id) //функция делает видимым нужный div
{ hidefun();
a=document.getElementById(id);
a.style.display='block';
}
//-->
</SCRIPT>
</head>
<body>
<table border="1">
<tr>
<td>Столбец меню</td>
<td>Столбец содержимого</td>
</tr>
<tr>
<td>
<a href="#" onclick="displ('d1')">Пункт1</a><br>
<a href="#" onclick="displ('d2')">Пункт2</a><br>
<a href="#" onclick="displ('d3')">Пункт3</a>
</td>
<td>
<div id="d1">Содержимое для пункта 1</div>
<div id="d2" style="display:none">Содержимое для пункта 2</div>
<div id="d3" style="display:none">Содержимое для пункта 3</div>
</td>
</tr>
</table>
</body>
</html>
|
Обновляться будет только правая половина. Вернее, будет изменяться только видимость ее содержимого, так как загружено будет все полностью при первой же загрузке страницы. | |
| |
|
|
| |
|
|
| |
для: SkYmaN
(13.04.2007 в 14:58)
| | | Привет! Неуверен что будет работать! Но попробуй такой вариант:
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onClick="pic.src='Картинка'">Картинка 1</a></td>
<td><a href="#" onClick="pic.src='Картинка'">Картинка 2</a></td>
</tr>
<tr>
<td colspan="2" align="center" width="100" height="100">
<img src="под цвет фона.* " name="pic" border="0"></td>
</tr>
</table>
|
Просто вставь это между <body> попробуй! Осталось только выравнять картинки так как надо...а в прочем работает :) | |
| |
|
|
| |
|
|
| |
для: Misterio
(14.04.2007 в 03:52)
| | | Спасибо всем, вот наверное теперь что то и получется, использую оба примера, с невидимыми div-ами мне понравелось.. интересно ..
yuk а если у меня каждый пункт содержит очень много данных, тогда загрузка страницы займет очень много времени, ведь так ? или я ошибаюсь..
Спасибо ! | |
| |
|
|
| |
|
|
| |
для: SkYmaN
(14.04.2007 в 11:08)
| | | Да, абсолютно верно. При всей красоте - это иногда большой недостаток. Но зато прикольно то, что если пользователю сайт сильно понравится и он захочет его просматривать в будущем локально, то ему достаточно сохранить только одну страницу.
Конечно, этот метод имеет смысл только тогда, когда данных на самом деле немного, но по каким-либо причинам их не следует показывать одновременно.
Если данных все же будет много, то можно воспользоваться советом Misterio, только вместо <img> использовать <iframe>. | |
| |
|
|
