Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / appendChild не работает / 6 сообщений из 6, страница 1 из 1
19.02.2015, 15:24
    #38884087
Alexey Chasovnikov
Alexey Chasovnikov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Нужна помощь, мозг уже сломал.

Задача: создать div и добавить его в body
Решение:
var v_warning_div = document.createElement("div");
$(v_warning_div).attr("id","v_warning_div");
$(v_warning_div).css("background-color","#E0E36C").css({"display":"block"});
$("body").append(v_warning_div);
$.ajax({
type: "post",
async: false,
dataType: "html",
url: "'||v_inv_pkg_name||'.get_warning_div",
data: { v_message:v_m },
error: function(v_data) { output_ajax_error(v_data) },
success: function(v_data) { $(v_warning_div).html(v_data);
$(v_warning_div).css("top", (window.screen.height-$(v_warning_div).height())/2).css("left", (window.screen.width-$(v_warning_div).width())/2)
$("#warn_div_content").outerHeight($("#v_warning_div").innerHeight()-5);
}

});

В firefox -се все работает как надо. Как только доходит до команды $("body").append(v_warning_div) div отображается на экране.

В IE нет. DIV создается, все обращения идут но на экране ничего нет. Пробовал вставить $("#warn_div_content").show();. Бесполезно.

Процедура get_warning_div возвращает пустой див:
<div id="warn_div_content" style="background-color:#E0E36C; padding:5px; overflow-y:auto; overflow-x:hidden"></div>');



ЗЫ: Режим IE - 8, <!DOCTYPE html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2015, 16:14
    #38884174
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Alexey Chasovnikov
Код: javascript
1.
2.
3.
4.
var v_warning_div = document.createElement("div");          
$(v_warning_div).attr("id","v_warning_div");
$(v_warning_div).css("background-color","#E0E36C").css({"display":"block"});
$("body").append(v_warning_div);


Сильно смахивает на жиквери головного мозга...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2015, 17:00
    #38884243
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Неумелое причем.

Код: javascript
1.
$("<div>").attr("id","v_warning_div").css("backgroundСolor","#E0E36C").css({"display":"block"}).appendTo(document.body);

jquery работает с dom, названия стилей в нем не могут содержать тире, это должны быть названия dom-свойств.

А если вынести стили в css-файл, то можно еще короче:
Код: javascript
1.
2.
3.
$("<div id='v_warning_div'>").appendTo(document.body);
или так
$(document.body).append("<div id='v_warning_div'>");
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.02.2015, 23:09
    #38884504
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Можно задавать через тире, если название стиля в кавычках.
Зато вроде-бы нельзя сокращать имя свойства, например "backround" или "border" или "font" - неправильно.
Но через чистый JS можно и сокращать, например: obj.style.border="solid 1px #000000"; (если в DOM не определены по-отдельности borderStyle, borderWidth, borderColor).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2015, 10:39
    #38884734
Alexey Chasovnikov
Alexey Chasovnikov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Antonariyjquery работает с dom, названия стилей в нем не могут содержать тире, это должны быть названия dom-свойств.


Уверены? Даже в официальной документации в примерах использования css-свойства пишутся через тире

Вопрос первоначальный снят. Разобрался уже
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2015, 12:41
    #38884883
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
appendChild не работает
Alexey ChasovnikovAntonariyjquery работает с dom, названия стилей в нем не могут содержать тире, это должны быть названия dom-свойств.


Уверены? Даже в официальной документации в примерах использования css-свойства пишутся через тиреРаньше работали только dom-свойства.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / appendChild не работает / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 459ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446252]:
 0ms
get settings:
 7ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 167ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 211ms
total:  459ms
x
x
Закрыть


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