css - смена содержимого в ячейке таблицы

[IRON MAIDEN 2]

Прошу помощи в реализации следующего

<table border=0 cellspacing=0 cellpadding=0>

	<tr>

		<td><a href="#tab1">Закладка1</a></td>

		<td><a href="#tab2">Закладка2</a></td>

	</tr>

	<tr>

		<td colspan=2>

			<div id="tab1">Текст1</div>

			<div id="tab2">Текст2</div>

		</td>

	</tr>

</table>

нужно чтобы по умолчанию показывался див1, а при клике на Закладку 2 - див2

в цсс указал #tab2{display:none;} что нужно еще?

[flo.mAster 7]

<script type="text/javascript"><!--

function show_text(id)

{

	var item = document.getElementById(id);

	if(item.style.display == "none")

	{

		item.style.display = "block";

	} else {

		item.style.display = "none";

	}


	return false;

}

--></script>

<table border=0 cellspacing=0 cellpadding=0>

	<tr>

		<td><a href="java script:void(0);" onClick="java script:show_text('tab1'); return false;">Закладка1</a></td>

		<td><a href="java script:void(0);" onClick="java script:show_text('tab2'); return false;">Закладка2</a></td>

	</tr>

	<tr>

		<td colspan=2>

			<div id="tab1" style="display:none;">Текст1</div>

			<div id="tab2" style="display:none;">Текст2</div>

		</td>

	</tr>

</table>

Замените все "java script" на "javascript". Т.е. сделайте без пробела

Изменено 30 апреля 2009 пользователем flo.mAster

[IRON MAIDEN 2]

А без явы никак? Средствами ЦСС? Просто не у всех включена поддержка явы например!

[flo.mAster 7]

А без явы никак? Средствами ЦСС? Просто не у всех включена поддержка явы например!

Вроде средствами CSS - никак

[baxus 49]

Если постаратся и покумекать... может что и получится.... Но смотреть нужно точно в сторону.

стиль для второго блока выставить

актив з-индекс:2;

а не актив з-индекс:1;

Авось и получится

[IRON MAIDEN 2]

Если постаратся и покумекать... может что и получится.... Но смотреть нужно точно в сторону.

стиль для второго блока выставить

актив з-индекс:2;

а не актив з-индекс:1;

Авось и получится

а по-подробнее... чтобы не авось было

[baxus 49]

Ну к примеру ...можно же сделать блок DIV как hover.... тоесть

.selector{

background-image:url(картинка1);

}

.selector:hover{

background-image:url(картинка2);

}

И получается что при наведении мышкой фон изменяется

заменив hover на active можно сделать чтоб фон изменился только после нажатия ссылки но нужно ещё сделать чтоб актив не отключался когда мышку убираешь с блока. А потом наложить два блока друг на друга и одному проставить правило z-index:2; Верхним будет показываться индекс 2. И просто сделать чтоб на этом блоке при нажатии мышкой параметр менялся на z-index:1;

А так как у второго z-index не прописан он сам сменится с 1 на 2 и вылезет на верх по оси Z. Тоесть при нажатии на блок он будет скрыватся поэтому кнопка на второй блок будет как бы бутофорская.

Код написать не могу потому что это просто догадки. Если время будет попробую, выложу если получится.

[baxus 49]

Не получается как я хотел, бесится начинает... точнее всё получается вроде как но когда курсором по блоку водишь он моргает... И я сделал не как задумывал а просто при клике по ссылке свёртывание в 1 пиксел с оверфлов хидден