Вопрос по HTML

← →
SerJaNT © (2007-09-07 08:07) [0]

Есть документ примерно следующего содержания:

<table border=0 cellspacing=0 cellpadding=3 width="100%"> <tr> <td width="50" rowspan=2 valign=top align=center> рисунок </td> <td width="200" valign=top> название <a href=#>показать блок 1</a> </td> </tr> <tr> <td width="500" valign=top> текст </td> </tr> </table> <div id="1"> доп. текст </div> <table border=0 cellspacing=0 cellpadding=3 width="100%"> <tr> <td width="50" rowspan=2 valign=top align=center> рисунок </td> <td width="200" valign=top> название <a href=#>показать блок 2</a> </td> </tr> <tr> <td width="500" valign=top> текст </td> </tr> </table> <div id="2"> доп. текст </div>

и т.д.

Как сделать чтобы по щелчку на ссылке "Показать блок" показывался ниже соответствующий блок div

??

← →
Palladin © (2007-09-07 08:15) [1]

что значит показывался? его не видно чтоли?

← →
SerJaNT © (2007-09-07 09:37) [2]

забыл уточнить: эти блоки div не должны быть видимыми а по щелчку на ссылке они показываются

← →
clickmaker © (2007-09-07 09:50) [3]

<div id="block2" name="block2" style="visibility: hidden">
доп. текст
</div>

<a href=# onclick="block2.style.visibility="visible";">показать блок 2</a>

← →
Rouse_ © (2007-09-07 09:50) [4]

О, мне тоже этот момент интересен :)
Хочу кой-чего у себя на сайте с таким эффектом сделать :)

← →
clickmaker © (2007-09-07 09:54) [5]

если более универсально

<script language="JavaScript"> function toggleVisibility(e) { if (e.style.visibility=="hidden") e.style.visibility = "visible"; else e.style.visibility = "hidden"; } </script> <a href=# onclick="JavaScript:toggleVisibility(document.getElementById("block2");">показат ь блок 2</a>

← →
SerJaNT © (2007-09-07 09:55) [6]

Спасибо.

← →
SPeller (work) (2007-09-07 12:01) [7]

visibility помню не работало под оперой и лисой. Сие изменилось? Мы всегда display="block" и display="none" используем в таких случаях.

← →
Zeqfreed © (2007-09-07 12:16) [8]

Стоит отличать свойства visibility и display. Первое, изменяя видимость элемента, не изменяет его расположения на странице и влияния на другие элементы страницы. С помощью второго можно менять то, как элемент располагается в потоке страницы.

Таким образом, если нужно чтобы элемент просто стал невидимым, но при этом занимаемое им место не изменилось и визуально все остальные элементы остались на своих местах, стоит использовать св-во visibility. Если же нужно, чтобы на время элемент освободил занимаемое им место, а остальные элементы в это время заняли бы освободившееся место, то следует использовать св-во display.

← →
SPeller (work) (2007-09-07 12:29) [9]

по visibility
This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2)
наверное я просто очень давно уже его юзал когда оно не во всех браузерах поддерживалось.

по части влияния на расположение на странице - используем много лет и ничего, всё отлично и проблем нет. Проблемы могут быть только при сокрытии inline элементов. Но это нужно крайне редко. И на эти редкие случаи пишется соответствующий код, где вместо display="block" пишется display="inline".

← →
Styx_ (2007-09-07 12:31) [10]

пишите display="" вместо "block" или "inline" и будет использоваться умолчательное для элемента

← →
homm © (2007-09-07 13:47) [11]

> visibility помню не работало под оперой и лисой. Сие изменилось?

Сие не изменилось, просто ты не правильно помнишь.

← →
прошедший (2007-09-07 13:48) [12]

Какие здесь все умные... Что интересно в той области, что к Delphi не имеет никакого отношения :)

← →
homm © (2007-09-07 13:50) [13]

> могут быть только при сокрытии inline элементов. Но это
> нужно крайне редко.

Какие, например?

← →
homm © (2007-09-07 13:51) [14]

> [12] прошедший (07.09.07 13:48)

Спасибо.

← →
vasIZmax © (2007-09-07 13:54) [15]

Как вариант:

<SCRIPT language=JavaScript> var head="display:""" function doit(header){ var head=header.style if (head.display=="none") head.display="" else head.display="none" } </SCRIPT> <TABLE border=1> <TR><TD><A style="CURSOR: hand" onclick=doit(document.all[this.sourceIndex+1])>Города</A> </TD></TR> </TABLE> <DIV style="DISPLAY: none"> <TABLE border=2> <TR><TD><A href=""><DIV>Ростов-на-Дону</DIV></A> </TD></TR> <TR><TD> <A href=""><DIV>Таганрог</DIV></A> </TD></TR> <TR><TD><A href=""><DIV>Азов</DIV></A></TD></TR> </TABLE> </DIV>

← →
SPeller © (2007-09-08 14:21) [16]

> Что интересно в той области, что к Delphi не имеет никакого
> отношения

Я этим на хлеб зарабатываю. А форум этот и дельфи - из старых увлечений, на которые уже нет времени. Иногда вот сюда заглядываю.

> Какие, например?

Когда inline-элементу пропишешь display="block". Из моего предыдущего поста это было понятно. Мастаковское желание докопаться чтоли? )

← →
прошедший (2007-09-08 16:40) [17]

> [16] SPeller © (08.09.07 14:21)
Не ты один этим зарабатываешь, но это не повод превращать форум в помойку.
Для подобных вопросов в инете существует куча справочников, которые находятся одним единственным запросом в Яндексе за минуту.

← →
Zeqfreed © (2007-09-08 19:05) [18]

> SPeller © (08.09.07 14:21) [16]

> Когда inline-элементу пропишешь display="block".

Очуметь. А проблема, наверное, заключается в том, что инлайн начинает вести себя как блоковый элемент?

← →
DrPass © (2007-09-08 19:08) [19]

> прошедший (08.09.07 16:40) [17]

В помойку форум превращают посетители вроде

> прошедший (07.09.07 13:48) [12]

или

> прошедший (08.09.07 16:40) [17]

← →
прошедший (2007-09-08 19:20) [20]

> [19] DrPass © (08.09.07 19:08)
>В помойку форум превращают посетители вроде

А ты кто такой, чтобы ярлыки раздавать? Или считаешь, что такие вот, как сабж, вопросы стоят того, чтобы на них отвечать? Такого больше нигде (кроме как на этом форуме) нет, потому как прежде чем запостить какой-либо вопрос, стоит самому поискать.

> прошедший (08.09.07 19:20) [20]

> А ты кто такой, чтобы ярлыки раздавать?

Зацепило?

> Или считаешь, что такие вот, как сабж, вопросы стоят того,
> чтобы на них отвечать?

Если вопрос не стоит того, чтобы на него отвечать, на него не отвечают. А если на этот вопрос ответили, причем по существу - значит, он стОит.

> больше нигде (кроме как на этом форуме) нет

Эээ... а ты, видимо, с помощью анонимного подгавкивания собрался этот форум сделать чище, светлее и просторнее?

> Когда inline-элементу пропишешь display="block".
Когда inline-элементу пропишешь display="block", он, очевидно, станет block элементом.

> Мастаковское желание докопаться чтоли? )
Вот я и спросил, какие могут быть проблемы при сокрытии inline элементов. Видимо некаких, яраза про проблемы высосана из пальца.

> [17] прошедший (08.09.07 16:40)
> Не ты один этим зарабатываешь, но это не повод превращать
> форум в помойку. Для подобных вопросов в инете существует куча справочников,
Просто заткнись.

← →
прошедший (2007-09-08 19:40) [23]

>[21] DrPass © (08.09.07 19:25)
>Если вопрос не стоит того, чтобы на него отвечать, на него не отвечают. А если на этот вопрос ответили, причем по >существу - значит, он стОит.
Ты удивишься, но если бы ты имел представление о HTML, то знал бы, что этот вопрос не стоит того, чтобы на него отвечать, т.к. ответ на него давно уже знает яндекс.

>Эээ... а ты, видимо, с помощью анонимного подгавкивания собрался этот форум сделать чище, светлее и просторнее?
Это не имеет отношения.

Почему бы администрации просто не забанить эту анонимную шавку? :)

← →
прошедший (2007-09-08 19:48) [25]

>[22] homm © (08.09.07 19:38)
>[24] Kerk © (08.09.07 19:44)
И это все ваши аргументы: "заткнись" и "забанить"? Не утруждайтесь.

> [25] прошедший (08.09.07 19:48)

А с человеком тявкающим из-за кустов принято аргументировано спорить? :)

> [25] прошедший (08.09.07 19:48)
> И это все ваши аргументы
Мечтай. Просто настроения на тебя нет.

← →
прошедший (2007-09-08 20:02) [28]

Не вижу причины продолжать этот бессмысленый "диалог". Научитесь для начала разговаривать, а не хамить на каждое замечание.

> [28] прошедший (08.09.07 20:02)

Так ты не превращай своим анонимным бредом форум в помойку, тогда с тобой будут нормально разговаривать.

Вопрос по HTML Найти похожие ветки