Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / document object model / 13 сообщений из 13, страница 1 из 1
17.06.2016, 15:23
    #39257924
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
Подскажите пожалуйста что неправильно? После строчки container.innerHTML = ...... alert уже не выводится...значит я так понимаю ошибка в этой строке.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
function createMessage(title, body){
			var conteiner = document.createElement("div");
			
			container.innerHTML = "<div class='my-message'><div class='my-message-title'>"+title+"</div><div class='my-message-body'>"+body+"</div><input class='my-message-ok' type='button' value='Ok'></div>";
			alert("Проверка");
			
			var main = document.getElementsByTagName("body");
			main.appendChild(container.firstChild);
		}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 15:35
    #39257941
DarkMaster
DarkMaster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameron,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<HTML>
<HEAD>
<script type="text/javascript">
function createMessage(title, body){
			var container = document.createElement("div");
			
			container.innerHTML = "<div class='my-message'><div class='my-message-title'>"+title+"</div><div class='my-message-body'>"+body+"</div><input class='my-message-ok' type='button' value='Ok'></div>";
			alert("Проверка");
			
		        document.body.appendChild(container.firstChild);
		}

</script>
</HEAD>
<BODY>
  <a href="javascript: createMessage('Title','Body text here...')">Click me!</a>
</BODY>
</HTML>



Найди отличия. У тебя в имени переменной ошибка (contEiner) + добавляешь элемент оригинальным способом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 16:24
    #39257990
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
DarkMasterНайди отличия. У тебя в имени переменной ошибка (contEiner)
Прошу прощения за невнимательность.

DarkMasterдобавляешь элемент оригинальным способом.

Не могли бы вы объяснить почему мой способ не сработал? Вроде по сути одно и то же.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 16:35
    #39258003
DarkMaster
DarkMaster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameron,

Начнем с того, что GetElementByTagName() возвращает коллекцию. Ты же пытался работать не с элементами коллекции а с самой коллекцией. Ну и у самого document body - уже есть - ничего искать/определять не нужно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 16:47
    #39258011
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
DarkMasterНачнем с того, что GetElementByTagName() возвращает коллекцию. Ты же пытался работать не с элементами коллекции а с самой коллекцией. Ну и у самого document body - уже есть - ничего искать/определять не нужно.
Понятно, спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 16:58
    #39258024
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
Теперь не получается спозиционировать этот элемент. Есть предположение что я неправильно обращаюсь к элементу, который хочу спозиционировать.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
function createMessage(title, body){
			var conteiner = document.createElement("div");
			conteiner.innerHTML = "<div class='my-message'><div class='my-message-title'>"+title+"</div><div class='my-message-body'>"+body+"</div><input class='my-message-ok' type='button' value='Ok'></div>";
			
			conteiner.style.position = "absolute";
			var scroll = document.documentElement.scrollTop || document.body.scrollTop;
			conteiner.style.top = scroll + 200 + "px"
			conteiner.style.left = Math.floor(document.body.clientWidth/2) - 150 + "px"
			
			document.body.appendChild(conteiner.firstChild);
		}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 17:28
    #39258052
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameronТеперь не получается спозиционировать этот элемент. Есть предположение что я неправильно обращаюсь к элементу, который хочу спозиционировать.
предупреждали же, что "добавляешь элемент оригинальным способом"
в DOM ты добавляешь не container, а его дитяти.
всё что ты нарисовал для container - никого не интересует
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 17:34
    #39258061
DarkMaster
DarkMaster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameron,

F12. В браузерах есть отладчик скриптов. И что-то вроде http://www.w3schools.com/ для понимания к чему ты обращаешься и каким образом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 22:27
    #39258148
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
DarkMasterF12. В браузерах есть отладчик скриптов.
Знал бы я еще как им пользоваться(( я пользуюсь firefox и firebug для html и css, вижу там отлидчик скрипта...есть у вас ссылка как им пользоваться.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2016, 23:14
    #39258154
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameronЗнал бы я еще как им пользоваться
для начала можно просто любоваться на получающийся DOM без всякой отладки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2016, 12:00
    #39258228
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameronDarkMasterF12. В браузерах есть отладчик скриптов.
Знал бы я еще как им пользоваться(( я пользуюсь firefox и firebug для html и css, вижу там отлидчик скрипта...есть у вас ссылка как им пользоваться.
Хм, да они вроде как все похожи.. Либо ставишь брейкпойнт, либо прописываешь в коде debugger.
Везде есть фозможность форматировать код, консоль, посмотреть стек, локальные переменные, окошко watch, сделать шаг, не заходя внутрь функции и наоборот и т.п.

Ссылка: отладка в браузере Chrome
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2016, 12:02
    #39258229
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
vdekameron, а какой JavaScript IDE Вы кстати пользуетесь?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2016, 12:39
    #39258242
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
document object model
skyANAvdekameron, а какой JavaScript IDE Вы кстати пользуетесь?

Да тот же что и для css и html - Notepad++
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / document object model / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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