Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.06.2010, 22:54
Интересующийся
Отправить личное сообщение для htaccess Посмотреть профиль Найти все сообщения от htaccess
 
Регистрация: 20.06.2010
Сообщений: 17

Добавление нового элемента в документ
Доброго вам времени суток! Давайте представим, что имеется .html страница :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 2</title>
</head>
<body>

</body>
</html>


Мне нужно добавить в самый конец пространства тега body - строчку, например '<div id="div123">Content for div starting here</div>'
Как это сделать? Объясните чайнику, - не понимаю(
Ответить с цитированием
  #2 (permalink)  
Старый 22.06.2010, 23:02
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 2</title>
</head>
<body>
<a href="javascript://" onclick="add();">Add</a>
<script type="text/javascript">
function add() {
var element = document.createElement('div'); 
element.innerHTML = 'Content for div starting here', element.id = 'div123'; 
document.body.appendChild(element);
}
</script>
</body>
</html>


Подробнее

Последний раз редактировалось exec, 22.06.2010 в 23:04.
Ответить с цитированием
  #3 (permalink)  
Старый 22.06.2010, 23:06
Интересующийся
Отправить личное сообщение для htaccess Посмотреть профиль Найти все сообщения от htaccess
 
Регистрация: 20.06.2010
Сообщений: 17

Благодарю!
Ответить с цитированием
  #4 (permalink)  
Старый 22.06.2010, 23:24
Интересующийся
Отправить личное сообщение для htaccess Посмотреть профиль Найти все сообщения от htaccess
 
Регистрация: 20.06.2010
Сообщений: 17

А как добавить вместе с див тегом, например onMouseOver?
Я пробоовал так :
element.onMouseOver = '"function112312312(this.id)"'
Не получилось.
Ответить с цитированием
  #5 (permalink)  
Старый 22.06.2010, 23:29
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

element.onmouseover = function () {
alert(this.id);
}
Ответить с цитированием
  #6 (permalink)  
Старый 22.06.2010, 23:36
Интересующийся
Отправить личное сообщение для htaccess Посмотреть профиль Найти все сообщения от htaccess
 
Регистрация: 20.06.2010
Сообщений: 17

Мне нужно добавить две функции :
makedivatmove(this.id) и okget()
Но увы они не работают после добавления див'а.
Ответить с цитированием
  #7 (permalink)  
Старый 22.06.2010, 23:42
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 2</title>
</head>
<body>
<a href="javascript://" onclick="add();">Add</a>
<script type="text/javascript">
function makedivatmove(a) {alert(a)}
function okget () {alert('OK')}
function add() {
var element = document.createElement('div'); 
element.innerHTML = 'Content for div starting here', element.id = 'div123' + Math.floor(Math.random()*1000), element.onmouseover = function () { 
makedivatmove(this.id), okget();
}; 
document.body.appendChild(element);
}
</script>
</body>
</html>


ID может быть только один на странице, может, из-за этого проблемы?
Ответить с цитированием
  #8 (permalink)  
Старый 22.06.2010, 23:49
Интересующийся
Отправить личное сообщение для htaccess Посмотреть профиль Найти все сообщения от htaccess
 
Регистрация: 20.06.2010
Сообщений: 17

Нет, я только 1 элемент добавлял, уникален.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
добавление элемента формы sc2r2bey Элементы интерфейса 3 15.06.2010 16:20
Добавление строк в текущий документ deerstop Общие вопросы Javascript 11 24.09.2009 23:17
Подскажите, пжлст, как вывести в тот же документ результат ф-ции? LexXxeL Элементы интерфейса 4 13.05.2009 13:26
Динамическое добавление нового option в form artwalek Элементы интерфейса 19 24.04.2009 17:42
Добавление элемента и работа с ним nvbn Events/DOM/Window 13 07.07.2008 19:07