IMHO.WS - z-index в слоях (div)

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - z-index в слоях (div) (http://www.imho.ws/showthread.php?t=43545)

hempsmoke

16.11.2003 19:06

z-index в слоях (div)

можно ли обратиться к параметру z-index?
что-то вроде

Код:

id.style.z-index="2";

эта конструкция не работает...
это возможно?
Спасибо..

RaZEr

16.11.2003 19:14

zindex

hempsmoke

16.11.2003 19:58

Код:

function smen()

{

  news.style.zindex="1";

}

</script>

<table cellpadding=0 cellspacing=0 border=1 align=center>

<tr>

<td valign=top>

<div id="news" style="position:absolute; z-index:-1; onmouseover="smen()>

<?PHP

 include("shownews.php");

?>

</div>

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

RaZEr

16.11.2003 21:35

У тебя слой с position:absolute ... он изначально не внутри таблицы.

hempsmoke

16.11.2003 22:50

результат кода сверху здесь
http://scorpius.spaceports.com/~2bd/testnov2.php

(скопируй сразу в браузер - ненавижу бесплатный хостинг :( )
обрати внимание, что при абсолютном позиционировании она все равно "как бы там - внутри". можно ли при событии "вытащить" его поверх таблицы?

RaZEr

16.11.2003 22:52

404

hempsmoke

16.11.2003 23:06

RaZEr
из браузера тоже? попробуй скопировать его...

RaZEr

16.11.2003 23:10

Ну открылось и чего ?

hempsmoke

16.11.2003 23:21

RaZEr
сейчас левая ячейка сверху с каким-то текстом (слой z-index:-1) под таблицей, если изменить z-index на 2, то текст будет поверх таблицы. можно ли сделать замену через функцию... код выше не помогает...

Добавлено через 6 минут:
http://www.dreamsee.ru/~mimozaf/2bd/testnov2.php
адресс побыстрей

RaZEr

16.11.2003 23:22

Ты хочешь в ячейке таблицы поменять текст ?

hempsmoke

16.11.2003 23:30

нет, он будет генерироваться с помощью php и будет постоянным... он как бы есть ПОД таблицей и при наведении на "кусочек", который виден сверху, появлялась остальная его часть ПОВЕРХ таблицы...

http://www.dreamsee.ru/~mimozaf/2bd/testnov2.php - то, что есть
http://www.dreamsee.ru/~mimozaf/2bd/testnov2_1.php - то, что должно быть

Добавлено в ту же минуту:
это все заметно, если включены картинки...

RaZEr

16.11.2003 23:34

У тебя текст, для кажой ячейки отдельно или ты хочешь чтобы бокс для текста был один, а видно было только в какой-то конкретной ячейке его часть (типа маски)?

hempsmoke

16.11.2003 23:51

второе, чтобы было видно часть бокса.
сам textbox не нужен... просто обычным текстом.
а при наведении появлялась вторая часть...
ты по ссылкам ходил наверху? я залил как должно получиться...

RaZEr

17.11.2003 00:04

Ты z-index -1 поставил боксу ... а как ты хочешь чтобы срабатывал onmouseover ?

hempsmoke

17.11.2003 00:14

http://www.dreamsee.ru/~mimozaf/2bd/testnov2.php
попробовал привязать событие не к самому боксу, а к предшествующей ячейке. (вторая слева)

но

Код:

news.style.zindex="1";

не срабатывает. такое вообще возможно?

RaZEr

17.11.2003 00:18

Ну я бы вообще так не писал. Я бы писал:

Код:

document.getElementById("news").

hempsmoke

17.11.2003 00:21

Код:

news.style.visibility="hidden";

срабатывает... а

Код:

news.style.zindex="1";

нет.
:(

Добавлено через 3 минуты:
RaZEr

Код:

document.getElementById("news").

а куда это прописать?
function smen()
{

news.style.visibility="hidden";

}
</script>
<fobt size=5 color=red>Z-index равен -1 </font>
<table cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td><img src="./images/1b.jpg" name=i1 onmouseover="sm(1,1)" onmouseout="sm(0,1)"></td>
<td><img src="./images/2b.jpg" name=i2 onmouseover="smen()"></td>
<td colspan=3 valign=top>

<div id="news" style="position:absolute; z-index:-1; visibility:visible;">
текст
</div>

RaZEr

17.11.2003 00:23

Цитата:

а куда это прописать?

Вместо "news."

hempsmoke

17.11.2003 00:28

прописал... но zindex по - прежнему не меняется..

Код:

document.getElementById("news").style.zindex="1";

не работает...

RaZEr

17.11.2003 00:48

Да должно работать ...

PS: А что ты все кавычки ставишь к 1 ?

hempsmoke

17.11.2003 00:53

вот
http://www.dreamsee.ru/~mimozaf/2bd/testnov2.php
не работает.

Цитата:

RaZEr:
PS: А что ты все кавычки ставишь к 1 ?

привычка.... :)

RaZEr

17.11.2003 01:05

Посмотрел я. да, не срабатывает. Пишется "zIndex".

hempsmoke

17.11.2003 20:50

Цитата:

RaZEr:
Пишется "zIndex".

а какая разница zindex или zIndex все равно не работает.. :((

RaZEr

17.11.2003 20:55

А разница большая. JS регистрозависимый язык.

PS: А насчет "не работает" ... ты залей исправленную версию, тогда уже можно будет говорить.

hempsmoke

19.11.2003 15:16

Цитата:

RaZEr:
А разница большая. JS регистрозависимый язык.

понял. исправил.
перезалил...
http://www.dreamsee.ru/~mimozaf/2bd/testnov2.php

RaZEr

19.11.2003 18:03

Вот ... теперь и мне видно почему не работает. Еще раз, по буквам:

Код:

z I n d e x

hempsmoke

23.11.2003 23:05

RaZEr
прочитал.. по буквам лучше получилось... ;)
спасибо! все работает....
:biggrin:

Часовой пояс GMT +4, время: 19:15.