Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Диномическое отображение информации. 
V
    Опции темы
Alix36
Дата 21.2.2007, 10:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 478
Регистрация: 6.11.2006

Репутация: нет
Всего: 3
имеем панел с 2 назманиями
при клике на каждое из названий в таблице, должен показываться свой див. Причем так, чтобы их расположения были точно один на другом.
код такой.
Код

 <script>
seeifaceARM=function(t)
{
document.getElementById('MED').style.visibility='hidden';
    var s=document.getElementById('ARM');
    var a=getPosition(t);
    s.style.left=a[0];
    s.style.top=a[1];
    s.style.visibility='visible';
}
seeifaceMED=function(t)
{
document.getElementById('ARM').style.visibility='hidden';
    var s=document.getElementById('MED');
    var a=getPosition(t);
    s.style.left=a[0]-10;
    s.style.top=a[1];
    s.style.visibility='visible';
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr align="right" background="img/top.jpg">
    <td height="30" colspan="2"><b><img src="img/kn1.gif" width="18" height="18"><a onclick=seeifaceARM(this)>Автоматизированные рабочии места</a></b>
      <b><img src="img/kn1.gif" width="18" height="18"><a onclick=seeifaceMED(this)>Медецинское Оборудование&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </a></b> </td>
  </tr>
  <tr>
    <td align="left"  valign="top" height="393" background="img/1.jpg" width="1058">
<div id="ARM">
hhh
</div>
<div id="MED">
MED
</div>


    </td>
    <td width="250" rowspan="2">pesinfo</td>
  </tr>
  <tr>
    <td  height="20" background="img/mu_bg.gif"><div align="right"> 
      </div></td>
  </tr>
</table>

Код какбы ратотает, но слои распологаются один за другим, т.е. если показываем МЕD то получаем нечто вроде
 <br> MED т.е. отступается лишняя строка, для слоя ARM . 
Все на что меня хватило догадаться о css но как именно это использовать....


Это сообщение отредактировал(а) Alix36 - 21.2.2007, 10:36


--------------------
Наши лица как дым, И никто не узнает как мы победим. (С)Пикник.
PM MAIL   Вверх
Mymik
Дата 21.2.2007, 11:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 11
Всего: 78
Alix36, посмотри в CSS свойство z-index оно позволяет отображать элементы поверх других. Ну и соответственно абсолютные позиционирование наверное тебе понадобится...


--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

:to_become_senile  :this
PM MAIL WWW ICQ   Вверх
Alix36
Дата 21.2.2007, 12:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 478
Регистрация: 6.11.2006

Репутация: нет
Всего: 3
да ты прав, незнал я про z-index 
стили
Код

.ARM{z-index: 2; position:absolute;background:peachpuff;padding:1 4;border:1px solid brown;}
    .MED{z-index: 1; position:absolute;background:peachpuff;padding:1 4;border:1px solid brown;}

фон для тестирования добавил.

Ток терь уже в скрипте проблемы.... 
Код

<script>
seeifaceARM=function(t)
{
document.getElementById('MED').style.visibility='hidden';
    var s=document.getElementById('ARM');
    var a=getPosition(t);
    s.style.left=a[0];
    s.style.top=a[1];
    s.style.visibility='visible';
}
seeifaceMED=function(t)
{
document.getElementById('ARM').style.visibility='hidden';
    var s=document.getElementById('MED');
    var a=getPosition(t);
    s.style.left=a[0]-10;
    s.style.top=a[1];
    s.style.visibility='visible';
}

если нажать поочередно на обе надписи то пропадают оба слоя....
*ушел думать....*

Добавлено @ 12:13 
непонял в чем была причина но вот так работает
Код

seeifaceitem=function(t)
{
    var n=document.getElementById('MED');
    n.style.visibility='hidden';
    var s=document.getElementById('ARM);
    s.style.visibility='visible';
}



--------------------
Наши лица как дым, И никто не узнает как мы победим. (С)Пикник.
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0442 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.