| |
|
|
| | хм.. сижу играюсь с z-index..)
получается есть 2 дива с позишн абсолют..
и они друг друга перекрывают пополам.Нужно сделать как-то чтобы при фокусе на одном он бы перекрыл нижний, при клике на другом этот перекрыл верхний..:)
function m06(el){el.style.zIndex=(el.style.zIndex==2)?1:2;}
помогите событие нормальное для данной ситуации юзнуть)..
жалко нельзя юзать онФокус и онБлюр( | |
| |
|
|
| |
|
|
| |
для: sl1p
(09.10.2008 в 13:52)
| | | Блин, я вот чего-то сам не въехал:
div#block1 {
width: 200px;
height: 150px;
border: 5px dashed red;
background-color: green;
position: absolute;
z-index: 1;
left: 20px;
top: 20px;
}
<div id=block1> </div>
<script>
var block1 = document.getElementById('block1');
alert(block1.style.zIndex);
</script>
|
Выводит кто что: FF - пустую строку, IE - 0, а Opera - ваще <localhost>!!! | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(09.10.2008 в 15:19)
| | | alert(block1.style.zIndex); будет выводить то, что ИЗНАЧАЛЬНО написано про z-index и только ВНУТРИ тега <div id="block1">.
А у вас там про z-index не написано НИЧЕГО. Вот поэтому разные браузеры и выводят невесть что.
Текущее состояние каких-то свойств стиля (в том числе и zIndex) можно узнать через объекты currentStyle (для MSIE) и defaultView.getComputedStyle (для Mozilla). | |
| |
|
|
| |
|
|
| |
для: PAT
(09.10.2008 в 15:53)
| | | Т.е. надо ещё и браузер определять скриптом... Другие же свойства спокойно читаются из CSS! Это вот только с теми, что за позиционирование отвечают, такие глюки происходят, в частности с position, z-index, left, top и т.п. | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(09.10.2008 в 16:03)
| | | >"Другие же свойства спокойно читаются из CSS!"
Глупости пишете.
НИКАКИЕ свойства стилей из <style>...</style> или из внешнего файла через object.style узнать нельзя.
Никогда.
Ни в одном из браузеров они не читаются. Никак. | |
| |
|
|
| |
|
|
| |
для: PAT
(09.10.2008 в 16:13)
| | | Да, Вы правы. Я вспомнил, что во всех примерах, где я использовал обращение к CSS, стиль был указан непосредственно в самом теге.
Хорошо, в таком случае, такой вопрос: технология CSS создана, чтобы оптимизировать HTML-код и упростить обновление стилей, используя внешний css-файл. Следовательно, для того, чтобы узнать какое-нибудь свойство, каждый раз необходимо определять используемый браузер и описывать все варианты на JS? Или же надо каждый раз синхронизировать скрипт с CSS, чтобы не обращаться к файлу стилей? | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(09.10.2008 в 16:26)
| | | А чего сложного в том, чтобы узнавать про браузер?
if (navigator.userAgent.indexOf ('MSIE') > 0)
alert (document.getElementById ('test').currentStyle.zIndex);
else
alert (document.defaultView.getComputedStyle (document.getElementById ('test'), null).getPropertyValue ('z-index'));
|
По-моему, вы из мухи большого слона делаете :-) | |
| |
|
|
| |
|
|
| |
для: PAT
(09.10.2008 в 16:36)
| | | ОК, спасибо. У меня есть свои поводы не любить JS, поэтому спорить не буду. | |
| |
|
|
| |
|
|
| |
для: sl1p
(09.10.2008 в 13:52)
| | | Да без проблем:
<script>
function myFunc (x)
{
x.style.zIndex = 99;
var y = 'dv' + ((x.id.substr (2) * 1 == 1) ? 2 : 1);
document.getElementById (y).style.zIndex = 1;
}
</script>
<div id="dv1" onclick="myFunc (this)"></div>
<div id="dv2" onclick="myFunc (this)"></div>
|
| |
| |
|
|
