Расположение элементов, размер textarea
Помогите решить пару вопросов.
1) На странице есть какой-то элемент, например, ссылка. Нужно сделать так, чтоб при наведении курсора, при клике или каком-либо другом действии, рядом с этой ссылкой показывался какой-то скрытый объект. Только проблема в том, что расположение ссылки не известно. 2) Возможно ли сделать так, чтобы пользователь смог изменять размер поля textarea как меняет размер открытого окна какого либо приложения, т.е. "потянул" за нижний правый угол окна в какую-то сторону и оно изменило свои размеры? Если можно, то как? |
1. CSS свойство display и событие mouseover
2. Самый простой способ - jQuery UI Resizable |
Цитата:
На счёт второго вопроса, можно по подробнее? |
С вторым вопросом разобрался. Но вот с первым пока нет..
|
Цитата:
|
<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 удалять его. |
poorking, спасибо) Только вот как можно сделать так, чтоб при наведении можно было переместить указатель мыши на открывшийся элемент? А то как только уберёшь его со ссылки, так сразу элемент исчезает(
|
<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>
|
Magneto, хитро придумал)) Но всёже это не то..
|
По второму - FF4 делает это по умолчанию))
А так реализаций сотня - юзай гугль, люк. |
| Часовой пояс GMT +3, время: 05:31. |