Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.04.2016, 14:34   #1
Jessy Hendrix
Новичок
Джуниор
 
Регистрация: 12.04.2016
Сообщений: 4
По умолчанию При удалении элемента остаётся незаполненное пространство

Доброе время суток, уважаемые it-шники и вебмастера.
Моя проблема заключается в следующем: есть html-код с кнопкой, при нажатии на которую эта кнопка убирается и вместо неё вставляются несколько других.
Проблема заключается в том, что после удаления кнопки на её месте ничего не находится, т.е. в документе есть визуально неприятная пустота. Как её убрать? Почему после удаления элемента на его месте ничего не появляется?
Файлы:
http://www.html.by/attachment.php?at...2&d=1460460417
http://www.html.by/attachment.php?at...3&d=1460460528

Последний раз редактировалось Jessy Hendrix; 12.04.2016 в 14:42.
Jessy Hendrix вне форума Ответить с цитированием
Старый 12.04.2016, 14:56   #2
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Выложите код сюда (в теге [CODE], кнопка #) или приложите файл (в расширенной форме ответа) или загрузите куда-нибудь типа яндекс.диска, дропбокса, rghost, а не на форум требующий авторизации.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 12.04.2016, 15:57   #3
Jessy Hendrix
Новичок
Джуниор
 
Регистрация: 12.04.2016
Сообщений: 4
По умолчанию

Alex11223, no problem.

saler.html:
Код:
<html>
<head>
<title>saler-client ver javascript version
</title>

</head>

<body id="bodsel">

<table id="tble" cellspacing="0" border="2" width="100%" frame="void">
<tr>
<td>Артикул</td>
<td>Тип</td>
<td>Модель</td>
<td>Цена</td>
<td>Описание: <a href="#">source</a></td>
</tr>
</table> 
<script src="saler.js"></script>
<form>
<table id="inputTable" cellspacing="0" border="2" width="100%" frame="void" bordercolor="MediumPurple">
<tr>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
</tr>
</table>
<input type="submit" action="send.js">
 </form>
<input type='button' value='Редактировать прайс' background='#LawnGreen' id="openEdit">
<br><br>
<script src="EditPrice.js"></script>
<br><br>
<form id="searching">
<input type="button" value="Поиск..." background="#LawnGreen">
<input type="text"></input>
</form>
</body>
</html>
EditPrice.js:
Код:
var a=false;
a=document.getElementById("openEdit");
if (a)
{
a.remove();
var b=document.getElementById ("bodsel");
b.innerHTML+="<input type='button' value='Добавить элемент' background='#LawnGreen'><input type='button' value='Удалить элемент' background='#LawnGreen'><br><input type='button' value='Отмена' background='#LawnGreen'>";
};
Да, и параллельно одна trouble: в 1м файле кнопочки цветом не подсвечиваются. Почему?^^
Jessy Hendrix вне форума Ответить с цитированием
Старый 12.04.2016, 16:08   #4
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Потому что в HTML нет атрибута background (или если и есть что-то похожее, то давно deprecated), используйте CSS.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 12.04.2016, 17:22   #5
Jessy Hendrix
Новичок
Джуниор
 
Регистрация: 12.04.2016
Сообщений: 4
По умолчанию

Alex11223, okay, а что насчёт скрипта js?
Jessy Hendrix вне форума Ответить с цитированием
Старый 12.04.2016, 17:24   #6
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Место остается из-за <br> наверно.
input не блочный элемент.

Вообще советую вместо этого использовать CSS margin/padding (+div).
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 12.04.2016, 18:24   #7
Jessy Hendrix
Новичок
Джуниор
 
Регистрация: 12.04.2016
Сообщений: 4
По умолчанию

После удаления br код работает нормально.
Спасибо за помощь. Оценка ответа положительная.

Последний раз редактировалось Jessy Hendrix; 12.04.2016 в 18:30.
Jessy Hendrix вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Использование деструктора при удалении элемента из массива dimavit Общие вопросы Delphi 23 23.06.2016 12:49
Форма остаётся видимой при Visible=False Viteef Общие вопросы Delphi 10 23.02.2015 08:07
появляется пустое пространство справа при уменьшении размера окна alesja92 HTML и CSS 2 14.09.2012 17:29
EListError при удалении 0-ого элемента ListView Человек_Борща Общие вопросы Delphi 2 23.10.2011 16:48
Ошибка при удалении... JRcoker Общие вопросы Delphi 8 29.07.2008 22:53