Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.86/22: Рейтинг темы: голосов - 22, средняя оценка - 4.86
FreeZon
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 575
1

Добавить элемент в div

11.08.2014, 22:29. Просмотров 4027. Ответов 10
Метки нет (Все метки)

Привет, помогите пожалуйста, вот у меня есть такой DIV class="frm rightr" там два класса:

HTML5
1
2
3
4
5
6
7
<div class="frm rightr" style="padding-bottom: 3px;">
 
<span style="padding-right:1px;" id="bc1"><input type="button" title="Bold" value="b" onclick="simpletag('b','','','message','')" class="codeButtons" id="b" style="width:20px;font-weight:bold"></span>
<span style="padding-right:1px;" id="bc1"><input type="button" title="Bold" value="b" onclick="simpletag('c','','','message','')" class="codeButtons" id="b" style="width:20px;font-weight:bold"></span>
<span style="padding-right:1px;" id="bc1"><input type="button" title="Bold" value="b" onclick="simpletag('b','','','message','')" class="codeButtons" id="b" style="width:20px;font-weight:bold"></span>
 
</div>
Как мне в него добавить код еще один такой же как предыдущие спаны, но только я их не много изменю:
HTML5
1
<span style="padding-right:1px;" id="bc1"><input type="button" title="Bold" value="spoiler" onclick="simpletag('spoiler','','','message','')" class="codeButtons" id="b" style="width:20px;font-weight:bold"></span>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.08.2014, 22:29
Ответы с готовыми решениями:

Слой div надо добавить в другой div
по нажатию надо вызывать функцию, которая будет копировать содержимое блока...

Добавить DIV в DIV?!
Добрый вечер! Подскажите как можно создать блок внутри блока на JS или JQuery?...

Как в div добавить ссылку
Есть структура HTML &lt;div class=&quot;pp_details&quot; &gt; &lt;p&gt;Содержание&lt;/p&gt; &lt;/div&gt; ...

Добавить HTML код кнопки в блок div
Добавить HTML код кнопки в блок div при наведении курсора мыши. Например, у...

Добавить новый <div> в html через Javascript
Здравствуйте! Пожалуйста, подскажите, как можно добавить в документ новый...

10
Thisman
Модератор
768 / 350 / 141
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 22:38 2
FreeZon, во первых у тебя три span с одним id, эт плохо
0
FreeZon
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 575
11.08.2014, 22:42  [ТС] 3
Цитата Сообщение от Thisman Посмотреть сообщение
во первых у тебя три span с одним id, эт плохо
Там разные на самом деле, я просто один скопировал и вставил несколько раз
0
Thisman
Модератор
768 / 350 / 141
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 22:44 4
FreeZon, добавлять можно через метод

Javascript
1
elemen.appendChild(newChild)
1
Eva Rosalene
T for Trans-
4051 / 1590 / 303
Регистрация: 06.01.2013
Сообщений: 4,182
Завершенные тесты: 2
11.08.2014, 22:44 5
Лучший ответ Сообщение было отмечено FreeZon как решение

Решение

FreeZon,
Javascript
1
2
3
4
5
6
var sp = document.createElement("span");
sp.innerHTML = "<input type='button' title='Bold' value='spoiler' onclick=\"simpletag('spoiler','','','message','')\" class='codeButtons' id='b' style='width:20px;font-weight:bold'>";
sp.style.paddingRight = "1px";
sp.id = "bc2"; //ID должен быть уникален!
 
document.querySelector(".frm.rightr").appendChild(sp);
1
FreeZon
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 575
11.08.2014, 23:05  [ТС] 6
Цитата Сообщение от FraidZZ Посмотреть сообщение
document.querySelector(".frm.rightr").appendChild(sp);
Спасибо все работает! А я забыл только сказать, на странице там два таких поля .frm.rightr
это краткое описание и полное... Ваш код вставляет кнопку спойлер в первый в краткую новость а как во второе вставить?
0
Thisman
Модератор
768 / 350 / 141
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 23:07 7
FreeZon,

Javascript
1
2
3
4
5
6
7
8
9
var sp = document.createElement("span");
sp.innerHTML = "<input type='button' title='Bold' value='spoiler' onclick=\"simpletag('spoiler','','','message','')\" class='codeButtons' id='b' style='width:20px;font-weight:bold'>";
sp.style.paddingRight = "1px";
sp.id = "bc2"; //ID должен быть уникален!
 
var news = document.getElementsByClassName("frm.rightr");
for(var i in news) {
   news[i].appendChild(sp);
}
Вставляет во все элементы с нужным классом
0
FreeZon
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 575
11.08.2014, 23:13  [ТС] 8
Цитата Сообщение от Thisman Посмотреть сообщение
Вставляет во все элементы с нужным классом
не работает... теперь не в один не вставляет не в тот не в другой
0
Thisman
Модератор
768 / 350 / 141
Регистрация: 17.07.2013
Сообщений: 992
11.08.2014, 23:15 9
FreeZon, скопировал не верно, замени у меня 6 строку вот так вот

Javascript
1
var news = document.getElementsByClassName("frm rightr")
0
FreeZon
8 / 10 / 8
Регистрация: 30.12.2013
Сообщений: 575
12.08.2014, 10:42  [ТС] 10
Цитата Сообщение от Thisman Посмотреть сообщение
вот так вот
Нет не работает, смотри у меня вот такой вот код:
Javascript
1
2
3
4
5
6
7
8
9
10
11
<script>
var sp = document.createElement("span");
sp.innerHTML = "<input type='button' title='Bold' value='spoiler' onclick=\"simpletag('spoiler','','','message','')\" class='codeButtons' id='b' style='width:20px;font-weight:bold'>";
sp.style.paddingRight = "1px";
sp.id = "bc19";
 
var news = document.getElementsByClassName("ucoz-editor-bbpanel.ucoz-editor-panel")
for(var i in news) {
   news[i].appendChild(sp);
}
</script>
0
Thisman
Модератор
768 / 350 / 141
Регистрация: 17.07.2013
Сообщений: 992
12.08.2014, 11:13 11
Лучший ответ Сообщение было отмечено FreeZon как решение

Решение

FreeZon,

Javascript
1
2
3
4
5
6
7
8
9
var sp = document.createElement("span");
sp.innerHTML = "<input type='button' title='Bold' value='spoiler' onclick=\"simpletag('spoiler','','','message','')\" class='codeButtons' id='b' style='width:20px;font-weight:bold'>";
sp.style.paddingRight = "1px";
sp.id = "bc19";
 
var news = document.getElementsByClassName("ucoz-editor-bbpanel ucoz-editor-panel") // тут если несколько классов, то через пробел,а не как в селекторах через точки
for(var i in news) {
   news[i].appendChild(sp);
}
1
12.08.2014, 11:13
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.08.2014, 11:13

Смайлы в div элемент
Здравствуйте ! Как добавить смайл в div элемент (картинкой) ? Вот этот...

Дочерний div элемент
Доброго времени суток необходимо получить доступ к дочернему div print в...

Вставить число в элемент div
window.onload = function() { document.getElementById('10-2').onclick =...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru