Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
ImDim
0 / 0 / 0
Регистрация: 17.06.2012
Сообщений: 1
1

Положение блока

21.06.2012, 02:12. Просмотров 589. Ответов 0
Метки нет (Все метки)

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="block"> 
<div class="hidden-block">Тут скрытый текст, бла бла бла..</div>
</div>
 
<style>
.block {width:100px; height:100px; float:right; display: block;  background: #000;}
.hidden-block {padding:10px; display: none; background: #f0f; width:400px;}
.block:hover .hidden-block {display: block;}
</style>
 
<script> //Сразу скажу что выдрал этот код из какого-то скрипта..
 
    function smtMouseMove(e){
            smtMouseCoordsX=e.pageX;
            smtMouseCoordsY=e.pageY;
            smtTipPosition();
        }
 
        function smtTipPosition(){
                                 smtTip=$(".hidden-block"); 
            var cursor_tip_margin_x=0;  //Промежуток по горизонтали между курсором и подсказкой
            var cursor_tip_margin_y=24; //Промежуток по вертикали между курсором и подсказкой
            var leftOffset=smtMouseCoordsX+cursor_tip_margin_x+$(smtTip).outerWidth();
            var topOffset=smtMouseCoordsY+cursor_tip_margin_y+$(smtTip).outerHeight();
            if(leftOffset<=$(window).width()){
                smtTip.css("left",smtMouseCoordsX+cursor_tip_margin_x);
            } else {
                var thePosX=smtMouseCoordsX-(cursor_tip_margin_x)-$(smtTip).width();
                smtTip.css("left",thePosX);
            }
            if(topOffset<=$(window).height()){
                smtTip.css("top",smtMouseCoordsY+cursor_tip_margin_y);
            } else {
                var thePosY=smtMouseCoordsY-(cursor_tip_margin_y)-$(smtTip).height();
                smtTip.css("top",thePosY);
            }
        }
</script>
Но все это не работает, при наведении курсора на блок с классом block появляется блок с классом hidden-block, который выезжает за границы экрана..
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.06.2012, 02:12
Ответы с готовыми решениями:

SlideToggle() отключить событие для блока внутри блока с .slideToggle()
У меня есть такой скрипт: $(&quot;.cl_item&quot;).click(function() { ...

Узнать положение скролла
Привет, мир! Знатоки JS помогите пожалуйста. Как можно узнать на JS положение...

Положение внутри iframe
Добрый день! Подскажите пожалуйста, как сделать так, чтобы iframe лишался...

Положение слоя в окне
Всем доброго времени суток! Сложилась такая проблема: сделал ссылку, подключил...

Вернуть в исходное положение bg
Есть категории: div class=&quot;categories&quot;&gt; &lt;button type=&quot;button&quot; value=&quot;8&quot;...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.06.2012, 02:12

Узнать положение div
Здравствуйте,уважаемые,форумчанине. У меня такой вот...

Как узнавать положение скролбара?
Привет! Подскажите плз, как можно узнавать положение скролбара? Вот мы...

Узнать положение бегунка полосы прокрутки
Здравствуйте. Есть блок div с текстом, текст большого объема в нем естественно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru