Перейти к публикации

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


Рекомендованные сообщения

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

<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;} что нужно еще?

Ссылка на сообщение
Поделиться на других сайтах

<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". Т.е. сделайте без пробела

Изменено пользователем flo.mAster
Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

Ну к примеру ...можно же сделать блок 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. Тоесть при нажатии на блок он будет скрыватся поэтому кнопка на второй блок будет как бы бутофорская.

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...