Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице / 3 сообщений из 3, страница 1 из 1
26.03.2013, 18:57
    #38199264
.AleXo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице
Всем привет.
Кто-нибудь знает какие изменения происходят с элементом при использовании методов draggable или resizable (jquery-ui)?
Кратко опишу проблему:
создаю элемент
Код: javascript
1.
$("#mainblock").append('<div class="block" id="fblock'+cid+'"></div>');


данный div можно перетаскивать в пределах mainblock и также можно изменять его размер.
и еще один
Код: javascript
1.
$("#mainblock").append('<div class="newblock" id="newblock'+cid+'"></div>');


в созданный div загружаю какое-то текстовое значение.
затем хочу его расположить над div'ом fblock
Код: javascript
1.
2.
3.
var pos = $("#fblock"+cid).position();
$("#newblock" + cid).css("left", ((pos.left - ( $("#newblock" + cid).width() / 2)) + ($("#fblock"+cid).width() / 2)));
$("#newblock" + cid).css("top", (pos.top - $("#newblock" + cid).height() - 3));


значение Left получается как надо, а вот значение Top устанавливается равным значению pos.top, т.е. не учитывается высота newblock.
Причем те же самые строки указаны в методах draggable и resizable размещают newblock так как надо и Left и Top.
В CSS class newblock { height: auto; }
В целом получается, что при загрузке страницы newblock перекрывает fblock, стоит только переместить fblock или изменить его размер newblock становится на место над fblock.
Как победить эту проблему? Есть мысли?
...
Рейтинг: 0 / 0
01.04.2013, 17:04
    #38207574
.AleXo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице
вот пример правильной работы http://jsfiddle.net/Al_eXO/JQMrf/embedded/result/
в Google Chrome все работает как надо, т.е. надпись располагается над значком.
мне надо чтобы так же работало в IE8, но в нем, если надпись переносится на вторую и более строку, тогда получается что надпись перекрывает значок...
...
Рейтинг: 0 / 0
01.04.2013, 22:13
    #38208081
.AleXo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице
проблема решена... может быть не самым лучшим способом, но единственным что мне пришел в голову... тему можно закрыть...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]