Javascript.RU

 
 
Опции темы
 
Старый 24.03.2011, 20:57
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Расположение элементов, размер textarea
Помогите решить пару вопросов.
1) На странице есть какой-то элемент, например, ссылка. Нужно сделать так, чтоб при наведении курсора, при клике или каком-либо другом действии, рядом с этой ссылкой показывался какой-то скрытый объект. Только проблема в том, что расположение ссылки не известно.

2) Возможно ли сделать так, чтобы пользователь смог изменять размер поля textarea как меняет размер открытого окна какого либо приложения, т.е. "потянул" за нижний правый угол окна в какую-то сторону и оно изменило свои размеры? Если можно, то как?

Последний раз редактировалось (Sandr), 24.03.2011 в 23:14.
 
Старый 24.03.2011, 21:59
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

1. CSS свойство display и событие mouseover
2. Самый простой способ - jQuery UI Resizable
 
Старый 24.03.2011, 23:17
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Сообщение от FINoM Посмотреть сообщение
1. CSS свойство display и событие mouseover
2. Самый простой способ - jQuery UI Resizable
про display и mouseover я знаю. Я не знаю, как отобразить объект относительно ссылки.

На счёт второго вопроса, можно по подробнее?
 
Старый 24.03.2011, 23:47
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

С вторым вопросом разобрался. Но вот с первым пока нет..
 
Старый 25.03.2011, 03:00
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от (Sandr)
Я не знаю, как отобразить объект относительно ссылки.
Берешь объект, пихаешь его где-то рядом со ссылкой, выставляешь абсолютное позиционирование, меняешь top и left при надобности.
 
Старый 25.03.2011, 04:41
Аватар для poorking
prodigy
Отправить личное сообщение для poorking Посмотреть профиль Найти все сообщения от poorking
 
Регистрация: 01.11.2010
Сообщений: 503

<a href = "javascript: void(0);">ссылка<span>Скрытая штука</span></a>

<style type = "text/css">
	a{
		position:relative;
	}
	a span{
		display: none;
		position: absolute;
		top: 20px;
		right: -100px;
		background-color: white;
		padding:5px;
		color:black;
		outline:1px solid #ccc;
		width:100px;
	}
	a:hover span{
		display: inline;
	}
</style>

но так подсказка тоже будет ссылкой.
или с помощью JS узнавать координаты курсора при наведении на нужный объект и относительно этих координат рисовать всплывающее окошко с pоsition: absolute, при onmouseout удалять его.
__________________
readOnly
 
Старый 25.03.2011, 08:00
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

poorking, спасибо) Только вот как можно сделать так, чтоб при наведении можно было переместить указатель мыши на открывшийся элемент? А то как только уберёшь его со ссылки, так сразу элемент исчезает(
 
Старый 25.03.2011, 08:22
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

<style type = "text/css">
	a{
		position:relative;
	}
	a span{
		display: none;
		position:relative;
		top:22px;
		left:-40px;
		background-color: white;
		padding:5px;
		color:black;
		outline:1px solid #ccc;
		width:100px;
	}
	a:hover span, span:hover{
		display: inline;
	}
</style>


<a href="#">Ссылка<span>Скрытая штука</span></a>
 
Старый 25.03.2011, 09:07
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Magneto, хитро придумал)) Но всёже это не то..
 
Старый 25.03.2011, 17:54
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,618

По второму - FF4 делает это по умолчанию))
А так реализаций сотня - юзай гугль, люк.
__________________
29375, 35
 

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Resize textarea, в копилку. Robox jQuery 0 17.01.2011 17:05
textarea, её размер Golovastik (X)HTML/CSS 2 22.10.2010 20:54
расположение элементов в форме в разных местах mycoding ExtJS 8 04.10.2010 15:11
изменение размера textarea Vovan222 Общие вопросы Javascript 23 12.09.2010 19:14
jquery атрибуты Элементов igsavenko jQuery 4 26.05.2010 17:11