Выбор события и изменение сss.

[Lucifer]

Доброго времени суток!

Задача такая:

Есть формочка авторизации размещенная на картинке.

Нужно сделать, что бы когда на неё мышкой наводишь она выдвигалась мышку убрал она задвинулась.

Событие использовать "onMouseOver" и "onMouseOut" ?

И как изменять размеры этой формочки авторизации в CSS ?

В заранее спасибо!

[s0rr0w]

Нужно сделать, что бы когда на неё мышкой наводишь она выдвигалась мышку убрал она задвинулась.

Нужно? Вот и делай, раз нужно.

Событие использовать "onMouseOver" и "onMouseOut" ?

onmouseover и onmouseout, или :hover

И как изменять размеры этой формочки авторизации в CSS ?

width + height + padding + margin

[Lucifer]

Нужно? Вот и делай, раз нужно.

Я конечно понимаю, что у вас за день голова от идиотов пухнет ,я не имел ввиду , что мне нужно что бы за меня скрипт написали, я просто объяснил что хочу сделать!

width + height + padding + margin

Не фига не понял. Можете пожалуйста пример показать?

И ещё вопрос как элементы тега form за экран убрать?

[s0rr0w]

Не фига не понял. Можете пожалуйста пример показать?

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

Обратить внимание на то, что к строчным (inline) элементам не применимы некоторые из свойств.

И ещё вопрос как элементы тега form за экран убрать?

Указать ему position: absolute и задвинуть отрицательным значением top за пределы экрана

[psywalker]

И ещё вопрос как элементы тега form за экран убрать?

Указать ему position: absolute и задвинуть отрицательным значением top за пределы экрана

А я бы посоветовал не вверх, а влево, так как тогда не будет траблов с табом, когда они будут перескакивать на то место, где находится поле.

[Lucifer]

А я бы посоветовал не вверх, а влево, так как тогда не будет траблов с табом, когда они будут перескакивать на то место, где находится поле.

Честно говоря дизайнерская задумка такой и была))

Спасибо большое за помощь!

Указать ему position: absolute и задвинуть отрицательным значением top за пределы экрана

Большое спасибо за помощь))

Как благодарность с занесением в личное дело сделать?а то не кнопки спасибо не плюсиков нет...

Edited November 2, 2011 by Lucifer

[DrStrangeLove]

А я бы посоветовал не вверх, а влево, так как тогда не будет траблов с табом, когда они будут перескакивать на то место, где находится поле.

Честно говоря дизайнерская задумка такой и была))

Спасибо большое за помощь!

Указать ему position: absolute и задвинуть отрицательным значением top за пределы экрана

Большое спасибо за помощь))

Как благодарность с занесением в личное дело сделать?а то не кнопки спасибо не плюсиков нет...

почему плюсиков нет?? в нижнем правом углу - красный и зелёный..

[s0rr0w]

Спасибо большое за помощь!

Не радуйтесь раньше времени, еще не раз вопросы задаваться будут...

[Lucifer]

почему плюсиков нет?? в нижнем правом углу - красный и зелёный..

Хитрые администраторы людям с маленьким рейтингом как у меня не разрешают пользоваться данной функцией((

Сообщение об ошибке пишет ,что я исчерпал данную функцию хотя кликаю по ней первый раз.

Не радуйтесь раньше времени, еще не раз вопросы задаваться будут...

Ну не то, что бы я радовался, просто выразил устную благодарность за помощь!

[s0rr0w]

Ну не то, что бы я радовался, просто выразил устную благодарность за помощь!

А я сказал, что еще не раз за ней придете. Ведь тема сложная, за один раз не выучишь все.

[Lucifer]

Не стал создавать новую тему, так как в принципе к этой до сих пор относится.

Написал скрипт, который по событиям onMouseOver и onMouseOut выполняется на определенном объекте. Всё нормально всё работает, только ведёт он себя как идиот. По событию формочка вылезает, но и тут же начинает обратно залезать. Почему она себя так ведёт понять не могу, ведь курсор мыши не был выведен за границы данного объекта.

Посмотрите пожалуйста и подскажите как быть.

Edited November 5, 2011 by Lucifer

[s0rr0w]

Посмотрите пожалуйста и подскажите как быть.

Не работает.

[Lucifer]

Посмотрите пожалуйста и подскажите как быть.

Не работает.

Чу-чуть поправил-заработало но не полностью. Я х.з почему там не работает. У себя в 4 браузерах попробовал-работает. Если не сложно пожалуйста запустите у себя.

Можно ли как нибудь границы "текущего элемента" задать?

Edited November 5, 2011 by Lucifer

[troll]

По-моему, для ваших целей лучше подойдут события mouseenter/mouseleave. Правда, многие браузеры их не поддерживают, поэтому придется либо прибегать к помощи фреймворка, либо писать свой велосипед.

[Lucifer]

По-моему, для ваших целей лучше подойдут события mouseenter/mouseleave. Правда, многие браузеры их не поддерживают, поэтому придется либо прибегать к помощи фреймворка, либо писать свой велосипед.

Тут проблема в дочерних элементах, когда на лэйбел или инпут курсор попадает то срабатывает событие onmouseout а этого совсем не надо.

Эти события jQuery- не хочу лезть туда не освоив JS.

Да и задачка простая, зачем усложнять.

Edited November 5, 2011 by Lucifer

[troll]

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

[Lucifer]

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

Плохо представляю как это делается.

Можно пожалуйста пример или объясните как это реализовать.

[troll]

Пример. Блок с синим бордером - как раз ваш случай. Edited November 5, 2011 by troll

[Lucifer]

Пример. Блок с синим бордером - как раз ваш случай.

Спасибо большое!=)