Форум портала Metropolis

Высокие технологии и мобильный мир => Создание ресурсов => Тема начата: Kollega от 03 Март 2007, 15:39



Название: JavaScript
Отправлено: Kollega от 03 Март 2007, 15:39
Задумал я на своем сайте сделать одну вещь - чтобы часть текста на страничке была скрытой, а по клику мышки в определённом месте скрытый текст появлялся, причём, мне надо чтобы текст был не просто невидим, а и не занимал место на страничке, пока он скрыт, т.е. вариант сделать текст одного цвета с фоном не подходит. Среди свойств html-объектов ничего типа видимость или чего-либо подобного не нашёл, разве что через свойство style можно сделать такое, но не знаю как... С написанием функций на Jscript особых проблем нет, знать бы как скрыть, а с открытием думаю разберусь...

Смотрел примеры, написанные на Jscript, выпадающих менюшек, но там что-то такого наворочено было... скрипт одной лишь менюшки занимал порядка пяти килобайт, а в менюшке три пункта... Какой-нибудь простой вариант есть как это реализовать?

Необходимо ограничиться только языками html и Jscript, так как сайт размещён на narod.ru...


Название: Re: Вопрос по html и Jscript.
Отправлено: vania-pooh от 03 Март 2007, 18:03
а может через фреймы?


Название: Re: Вопрос по html и Jscript.
Отправлено: Kollega от 03 Март 2007, 19:59
Можно, но это не так интересно... Мне хочется, чтобы загружалась всего одна страничка, а дальше уже можно было бы только скриптами показывать или скрывать определённые её части...


Название: Re: Вопрос по html и Jscript.
Отправлено: Cyber_Demon от 03 Март 2007, 20:35
Посмотри это: http://www.netlobo.com/div_hiding.html


Название: Re: Вопрос по html и Jscript.
Отправлено: Kollega от 03 Март 2007, 20:59
Ну, посмотрел, в принципе, сейчас поискал, нашёл способ прятать любой объект попроще - через style(свойство visibility, состояния visible или hidden), но вот теперь думаю по поводу того как сделать сдвиг, то есть скрываю один текст и показываю на его месте другой... Через тот же style, только свойства position, top и left нашёл как жестко задавать позицию определённому объекту, но я делаю так называемый резиновый дизайн, то есть независимо от размера окна на сайте ничего никуда не уезжает и не пропадает, поэтому вариант жесткого указания позиции отпадает. Как бы вот такое сделать?

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


Название: Re: Вопрос по html и Jscript.
Отправлено: vania-pooh от 03 Март 2007, 21:12
ну выложи, раз уж тему завел.


Название: Re: Вопрос по html и Jscript.
Отправлено: Kollega от 03 Март 2007, 21:22
Прислал Linker.

Цитировать
Способ не универсальный, но вполне рабочий. Тестил в Опере/IE.

Цитировать
<html>
<head>
<style>
   .hid   {display: none}
   .vis   {display: inline}
</style>
<SCRIPT LANGUAGE="JavaScript">
  function reveal(obj) {
    if (obj.className=="hid") {
      obj.className="vis";
    } else {
      obj.className="hid";
    };
  }
</script>
</head>
<body>
<p>Здесь расположен видимый текст.
   <a href="javascript:reveal(MYID1)">Показать скрытое:</a>
   <span class="hid" id="MYID1">невидимый текст</span>
Продолжение видимого текста.</p>
</body>
</html>


Название: JavaScript
Отправлено: Dash от 19 Март 2007, 15:24
Как бы мне создать меню чтоб на него кликаешь а оно раздвигалось и появлялись другие разделы???
В учебниках ничего конкретного не сказанно!


Название: Re: Меню сайта в HTML(выезжающее)
Отправлено: Kollega от 19 Март 2007, 17:18
Смотри вот эту тему (http://metropolis.anthill.ru/forum/index.php?topic=21061.0)


Название: Re: Меню сайта в HTML(выезжающее)
Отправлено: Dash от 19 Март 2007, 19:25
Нэт! НЕ то! Я пользуюсь Ucoz'ом я хочу сделать в меню!
Отправлено: 2007-03-19, 19:13:05
Все Колежка спасибо! :D Ты лучший!