4 вопроса по Javascript

10 марта 2007 года

3.0K / / 13.12.2005

1) Тему поднимали даже на этом форуме. Ищи. Но в краце если код не выполняется, значит JS отлючили ;)

2) Нет. Если выставлено "блокировать" значить блокировать и будут. А то, что ты видел это скорее всего не всплывающее окно, скрытый div или просто скрытый слой которые при наступлении определенного события "всплывает" вверх.

3) Это псевдо-классы и IE их поддерживает, хотя и не все.

4) Бага в IE. У него вообще много вольностей в плане работы с JS которые только в нем и работают. Лучше при разработке на него не ориентироваться.
Ну и напомни мне, что это за метод event объекта window.

477

10 марта 2007 года

182 / / 02.12.2006

event - Объект событий

Объект событий

Объект Event - свойства
data Массив адресов URL оставленных объектов, когда происходит событие DragDrop.
layerX Горизонтальное положение курсора (в пикселах) относительно слоя. В комбинации с событием Resize это свойство представляет ширину окна браузера.
layerY Вертикальное положение курсора (в пикселах) относительно слоя. В комбинации с событием Resize это свойство представляет высоту окна браузера.
modifiers Строка, задающая ключи модификатора - ALT_MASK, CONTROL_MASK, META_MASK или SHIFT_MASK
pageX Горизонтальное положение курсора (в пикселах) относительно окна браузера.
pageY Вертикальное положение курсора (в пикселах) относительно окна браузера.
screenX Горизонтальное положение курсора (в пикселах) относительно экрана.
screenY Вертикальное положение курсора (в пикселах) относительно экрана.
target Строка, представляющая объект, которому исходно было послано событие.
type Строка, указывающая тип события.
which ASCII-значение нажатой клавиши или номер клавиши мыши.
x Синоним layerX
y Синоним layerY

Цитата:

4) Бага в IE. У него вообще много вольностей в плане работы с JS которые только в нем и работают. Лучше при разработке на него не ориентироваться.
Ну и напомни мне, что это за метод event объекта window.

проблема с Firefox в опере и ИЕ все куль ))

Насчет hover вот нашел код который создает псевдо класс JShover, может кто сообразит для input переделать

Код предоставляю в том виде что нашел:

[HTML]<script type="text/javascript">
jsHover = function() {
var hEls = document.getElementById("Menu").getElementsByTagName("LI");
for (var i=0, len=hEls.length; i<len; i++) {
hEls.onmouseover=function() { this.className+=" jshover"; }
hEls.onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
}
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
</script>

<style type="text/css">
#Menu, #Menu ul {list-style: none; margin: 0; padding: 0; border: 1px solid #CCC; background: #EEE; float: left; width: 100%;}
#Menu li { float: left; position: relative; background: none;}
#Menu a { color: #000; text-decoration: none; display: block; font-size: 11px; font-family: Verdana, Helvetica; padding: 0px 10px; background: #EEE; url(dot.png) repeat-y right;}
#Menu a:hover { color: #000; background: #ccc;}
#Menu li:hover, #Menu li.jshover {background: #AAA;}
#Menu li ul {display: none; position: absolute; background: #fafafa; url(fone-tr.png); width: 140px;}
#Menu li li a { width: 120px; background: none;}
#Menu li:hover ul,#Menu li.jshover ul {display: block;}
#Menu li:hover li ul,#Menu li.jshover li ul {display: none; width: 140px;top: -1px; left: 120px;}
#Menu li:hover li:hover ul,#Menu li.jshover li.jshover ul {display: block;}
</style>

<ul id="Menu">
<li><a href="#null">Домой</a></li>
<li><a href="#null">Каталог</a>
<ul>
<li><a href="#null">Вся продукция <img src="arrow.gif" alt="" border="0"></a>
<ul>
<li><a href="#null">По дате</a></li>
<li><a href="#null">Производители</a></li>
<li><a href="#null">Другое</a></li>
</ul>
</li>
<li><a href="#null">Молотки <img src="arrow.gif" alt="" border="0"></a>
<ul>
<li><a href="#null">По дате</a></li>
<li><a href="#null">По производителю</a></li>
</ul>
</li>
<li><a href="#null">Гвозди</a></li>
<li><a href="#null">Доски</a></li>
</ul>
</li>
<li><a href="#null">Новости</a>
<ul>
<li><a href="#null">Новости сайта</a>
</li>
<li><a href="#null">Новости <img src="arrow.gif" alt="" border="0"></a>
<ul>
<li><a href="#null">Архив</a></li>
<li><a href="#null">Пресс-релизы</a></li>
<li><a href="#null">Разное</a></li>
</ul>
</li>
<li><a href="#null">Архив</a></li>
</ul>
</li>
</ul> [/HTML]

10 марта 2007 года

http://forum.codenet.ru/showthread.php?p=179280#post179280

3.0K / / 13.12.2005

10 марта 2007 года

3.0K / / 13.12.2005

Цитата: Robinnovich

Насчет hover вот нашел код который создает псевдо класс JShover, может кто сообразит для input переделать

А вот оно что. Ты пытаешься навесить :hover не на тег A. Ну тогда да, IE вроде только для тега A поддерживает этот псевдо класс. А для прочих элементов пишем JS который через DOM меняет что угодно. Поиск.

477

10 марта 2007 года

182 / / 02.12.2006

alekciy я пытался найти но возможно запрос к поисковику не правельно формулирую если вас не затруднит сформулируйте запрос а я уже почитаю

10 марта 2007 года

shaelf

2.7K / / 04.05.2005

2alekciy не совсем он тэг <а> поддерживает. Он его поддерживает только если hover прописан.

10 марта 2007 года

3.0K / / 13.12.2005

Цитата: shaelf

2alekciy не совсем он тэг <а> поддерживает. Он его поддерживает только если hover прописан.

Не, разговор о том, что :hover поддержан только для тега А. Или быть может ты имешь в виду не hover, а атрибут href? ;)

11 марта 2007 года

3.0K / / 13.12.2005

Цитата: Robinnovich

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

Вот код, разбор что к чему как домашнее задание.

Свернуть исходник

Код:

<head>

<title>Hover</title>

<script type="text/javascript">

var defaultCSSValue;

function hoverIn(elm)

{

    defaultCSSValue = elm.style.backgroundColor;

    elm.style.backgroundColor = 'red';

}

function hoverOut(elm)

{

    elm.style.backgroundColor = defaultCSSValue;

}

</script>

</head>

<body>

<p>Please press any key.</p>

<input type="text" &#111;&#110;mouseover="hoverIn(this)" &#111;&#110;mouseout="hoverOut(this)">

</body>

</html>

477

11 марта 2007 года

182 / / 02.12.2006

Ну здесь все ясно для определенного объекта меняем его стиль при наведении курсора а потом обратно )) но не совсем то что надо )) это в 1 классе проходил. Ну ладно если некто не знает закинем это гиблое дело ))

Как насчет 4 вопроса я так поседел подумал
Думаю что
Надо
_x=window.event.clientX;
_y=window.event.clientY;

Заменить на вот это:
_x = (document.all) ? window.event.clientX : ??
_y = (document.all) ? window.event.clientY : ??

Только что место знаков вопроса поставить ?

window.event.clientX возвращает позицию курсора по Х – это работает в ИЕ и Опере а как написать для FireFox ?

477

11 марта 2007 года

182 / / 02.12.2006

еще если написать вот так
_x = (document.all) ? window.event.clientX : event.pageX;
_y = (document.all) ? window.event.clientY : event.pageX;
то див не появляется ((

11 марта 2007 года

3.0K / / 13.12.2005

Цитата: Robinnovich

Ну здесь все ясно для определенного объекта меняем его стиль при наведении курсора а потом обратно )) но не совсем то что надо )) это в 1 классе проходил.

Что-то не похоже, ибо

Цитата:

Насчет hover вот нашел код который создает псевдо класс JShover, может кто сообразит для input переделать

зачем искать, если проходил?

11 марта 2007 года

3.0K / / 13.12.2005

Цитата: Robinnovich

window.event.clientX возвращает позицию курсора по Х – это работает в ИЕ и Опере а как написать для FireFox ?

Чуть выше, я тебе дал ссылку на пост в этом форуме, там есть сылка на статью о различии event объекта в IE и прочих браузерах. Будь добр прочесть её. Внимательно. Потом еще вот это покури: http://developer.mozilla.org/en/docs/DOM:event#Introduction

11 марта 2007 года

shaelf

2.7K / / 04.05.2005

Звиняюсь. Писал hover, а думал про href )))))

11 марта 2007 года