powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / appendChild не работает
6 сообщений из 6, страница 1 из 1
appendChild не работает
    #38884087
Alexey Chasovnikov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Нужна помощь, мозг уже сломал.

Задача: создать 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
appendChild не работает
    #38884174
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
appendChild не работает
    #38884243
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Неумелое причем.

Код: 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
appendChild не работает
    #38884504
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно задавать через тире, если название стиля в кавычках.
Зато вроде-бы нельзя сокращать имя свойства, например "backround" или "border" или "font" - неправильно.
Но через чистый JS можно и сокращать, например: obj.style.border="solid 1px #000000"; (если в DOM не определены по-отдельности borderStyle, borderWidth, borderColor).
...
Рейтинг: 0 / 0
appendChild не работает
    #38884734
Alexey Chasovnikov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Antonariyjquery работает с dom, названия стилей в нем не могут содержать тире, это должны быть названия dom-свойств.


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

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


Уверены? Даже в официальной документации в примерах использования css-свойства пишутся через тиреРаньше работали только dom-свойства.
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / appendChild не работает
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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