Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Добавление элемента с ХТМЛ на страницу и удаление 
:(
    Опции темы
Elfet
  Дата 21.10.2005, 19:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16



Простите, наверное где то уже есть - но не нашёл smile

Я вот так вставляю в список элементы:
Код

    insertO = document.getElementById("outputList");
    oLi = document.createElement('li');
    oSpan = document.createElement('span');
    oSpan.setAttribute('className','name'); //for IE's sake
    oSpan.setAttribute('class','name');
    oName = document.createTextNode(liName+': ');
    oText = document.createTextNode(liText);
    oSpan.appendChild(oName);
    oLi.appendChild(oSpan);
    oLi.appendChild(oText);
    insertO.insertBefore(oLi, insertO.firstChild);


Но вот тут вот HTML не проходит: createTextNode smile

И как потом эти элементы удалить. И как удалить какой-либо конкретный? smile


--------------------
PM MAIL WWW Skype   Вверх
diam
Дата 23.10.2005, 01:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 348
Регистрация: 23.1.2005
Где: Екатеринбург

Репутация: 6
Всего: 16



createTextNode работает нормально. Всё проходит (правда, у тебя нет liName и liText, я их создал).
Удалить элементы - смотря какие. Можно DOM'овским методом removeChild().
PM MAIL   Вверх
Sardar
Дата 23.10.2005, 02:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата(Elfet @ 21.10.2005, 18:19)
oSpan.setAttribute('className','name'); //for IE's sake
    oSpan.setAttribute('class','name');

Замени на oSpan.className='name'; ето будет более логично и верно.

Если ты скрипт откуда то вырезал, то как уже сказал diam ты забыл о liName и liText, остальное глючить не может.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Elfet
Дата 23.10.2005, 09:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16



Я скрипт по книжке делал smile smile Тама делали интегратор с базой данных, а вот может я неправильно части кода совместил? А вот ХТМЛ у меня по прежднему не работает smile oText = document.createTextNode("<img src=''>"); Просто выводит текст


--------------------
PM MAIL WWW Skype   Вверх
diam
Дата 23.10.2005, 09:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 348
Регистрация: 23.1.2005
Где: Екатеринбург

Репутация: 6
Всего: 16



Цитата(Elfet @ 23.10.2005, 09:40)
oText = document.createTextNode("<img src=''>"); Просто выводит текст

Почему у тебя три двойных кавычки? smile
Метод createTextNode("text") создаёт ноду, содержащую текст. Поэтому что он ещё должен выводить, кроме текста.

Elfet, конкретизируй задачу. Что нужно?
PM MAIL   Вверх
Elfet
Дата 23.10.2005, 10:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16



Это у меня тама две одинарные ;)

Вообщем нужно добавление элементов с хтмл и их удаление (выборочное и полное) smile


--------------------
PM MAIL WWW Skype   Вверх
Sardar
Дата 23.10.2005, 13:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата(Elfet @ 23.10.2005, 09:47)
Вообщем нужно добавление элементов с хтмл и их удаление (выборочное и полное)

innerHTML + логика тебе в помощь. Не обязательно лезть в мануалы, просто нужно понимать что createTextNode создаст текстовую ноду, содержащую текст и отображающую текст! Я даже не знаю как нужно назвать метод что бы ты не догадался положить туда разметку... smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Elfet
Дата 23.10.2005, 14:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16



О! Спасибо! Заработало!
Код

function insertNewContent(liName,liText) {
    insertO = document.getElementById("outputList");
    oDiv = document.createElement('div');
    oDiv.className='name';
    oDiv.Name='div';
    oDiv.innerHTML=liName+': '+liText;
    insertO.insertBefore(oDiv, insertO.firstChild);
}



--------------------
PM MAIL WWW Skype   Вверх
Sardar
Дата 23.10.2005, 18:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



oDiv.Name='div'; - это зачем?

Цитата(Elfet @ 23.10.2005, 13:56)
document.getElementById("outputList");

Смотри что бы у тебя этот outputList списком не оказался (ul, ol, dl), иначе глупо получиться, в список слой положить. Браузер (особенно ИЕ в quirksmode) конечно попытаеться понять что ты хотел и положит новый слой в предидущий li или создаст новый, но зачем тебе такой геморрой?

Прежде чем сгенерить вёрстку, всегда напиши её текстом:
Код
ul
 li
  div
 li
  div

Теперь посмотри какая у тебя разметка генериться smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Elfet
Дата 24.10.2005, 12:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Белый и Пушистый
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 3776
Регистрация: 2.4.2003

Репутация: нет
Всего: 16



Цитата(Sardar @ 23.10.2005, 19:55)
oDiv.Name='div'; - это зачем?


oDiv.Name='div'+id; что бы потом работать с этим элементом? А как их тогда удалить все? Или какой-то отдельный?



--------------------
PM MAIL WWW Skype   Вверх
Sardar
Дата 24.10.2005, 13:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата(Elfet @ 24.10.2005, 11:08)
что бы потом работать с этим элементом?

Это ты просто так сказал, или ты действительно "работаешь" с элементом через левое поле Name, которое естественно только для тебя, т.к. JS ещё и регистрозависимый.

Ладно, вижу проблем больше нет, искать твои ошибки заранее не буду.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0682 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.