Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Создание нового блока и удаления старого

Есть функция
HTML5
1
2
3
<div class="cell" id="cell-<?= $cell['id']  ?>" onclick="SelectCell(this.id);" style="background-image: url(<?=  $cell['img']; ?>);">
    <?php echo $cell['id'];  ?>
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function SelectCell( CellID )
{
var id = $('#'+ CellID).text();
$.ajax({
type: "POST",
url: "cell.php",
data: { img: "image/bets.png", PlayerName: "blblbllb", id: id, table_name: name, title: title, product_id: product_id }
})
.done(function( msg ) {
var cart = JSON.parse ( msg );
$('#'+ CellID).attr('style','background: url("'+cart.img+'") no-repeat');
$('#'+ CellID).text("");
entr_b.textContent++;
var div = document.createElement('div');
div.className = "alert alert-success";
div.innerHTML = "Место " +id+ " занято";
document.body.insertBefore(div, document.body.firstChild);
});
}
Интересуют вот эти строки:
Javascript
1
2
3
4
var div = document.createElement('div');
div.className = "alert alert-success";
div.innerHTML = "Место " +id+ " занято";
document.body.insertBefore(div, document.body.firstChild);
Нужно сделать так чтобы если клик идет первый раз - блок появлялся, когда клик идет 2ой раз и тд - новый блок появлялся, а старый удалялся.

Вот эта строка должна помочь но как правильно ее реализовать?
Javascript
1
div.parentNode.removeChild(div);
Ответ: fanatikus, Работает, только в моем случае .get(1)
Вопрос: Создание списка и удаление элеметов этого списка

Доброго времени суток!
Прошу помощи реализовать небольшой код jQuery.
Необходимо, чтобы после ввода в <Input> и нажатия Enter. Введеный текст становился элементом списка в поле <label> и новый введный текст так же становился новым элементом списка в поле <label>. И к каждому <li> добавлялся блок <div>, который находится внутри <li>. А при нажатии на кнопку, элемент списка удалялся.
Список по умолчанию скрыт и должен появляться, только когда вводят текст.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Input</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <input id="new-list">
        <section id="main" style="display: none">
        <ul id="list">
            <li>
                <div class="view">
                    <input class="toggle" type="checkbox"> 
                    <label></label>
                    <button class="delete">
                </div>
            </li>
    </body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
input {
    margin: 30px auto;
    width: 500px;
    font-size: 24px;
    padding: 6px;
    border: 1px solid #49f;
    border-radius: 5px;
}
 
#list li {
    list-style: none;
    width: 400px;
    height: 35px;
    border: 1px solid #49f;
}
 
#list li .toggle {
    position: relative;
    margin: 5px 10px 0;
    height: 25px;
    width: 25px;
}
 
#list li .delete {
    position: relative;
    top: 5px;
    float: right;
    right: 10px;
    width: 25px;
    height: 25px;
    font-size: 18px;
    color: red;
}
 
#list li .delete::after {
    content: "Г—";
}
 
label {
    margin: 30px;
    position: relative;
    bottom: 6px;
}
Ответ:

Javascript
1
2
3
4
5
6
7
8
9
10
$('#new-list').keyup(function(e){ console.log(e.keyCode);
    if(e.keyCode==13){
    $('#list').append('<li>\
                <div class="view">\
                <label> <input class="toggle" type="checkbox">'+$(this).val()+'</label>\
                <button class="delete">del</button>\
                </div>\
           </li>');
  }
})
Добавлено через 3 минуты
с удалением
HTML5
1
2
3
4
5
6
7
    <body>
        <input id="new-list">
        <section id="main">
        <ul id="list" style="display:none;">
       </ul>
       </section>
  </body>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('#new-list').keyup(function(e){ console.log(e.keyCode);
    if(e.keyCode==13){
    $('#list').append('<li>\
                <div class="view">\
                <label> <input class="toggle" type="checkbox">'+$(this).val()+'</label>\
                <button class="delete">del</button>\
                </div>\
           </li>').show();
  }
})
$('#list').on('click','button.delete',function(){
    $(this).parent().parent().remove();
})
Вопрос: Перезаполнить элемент вместо создания нового

В модуле на CMS Joomla есть код загрузки товаров из файла .cvs.
Так вот этот код создает новые элементы вместо перезаполнения существующих. В php полный нуб пока, поэтому прошу помощи.
Код:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$product = JSFactory::getTable('product', 'jshop');
                    $product->set("product_ean", $row[1]);
                    $product->set("product_quantity", $row[2]);
                    $product->set("product_date_added", $row[3]);
                    $product->set("product_price", $row[4]);
                    $product->set("min_price", $row[4]);
                    $product->set("product_tax_id", $listTax[$tax_value]);                                        
                    $product->set("currency_id", $jshopConfig->mainCurrency);
                    $product->set($lang->get("name"), utf8_encode($row[7]));
                    $product->set($lang->get("short_description"), utf8_encode($row[8]));
                    $product->set($lang->get("description"), utf8_encode($row[9]));
                    $product->store();
                    $product_id = $product->get("product_id");
                    $category_id = $listCat[$category_name];
                    if ($category_name!="" && $category_id){
                        $_products->setCategoryToProduct($product_id, array($category_id));
                    }
                    
Я вот не могу понять, что за процедуры store() и $product->get("product_id") и как мне впихнуть создание нового...
Ответ: Taatshi, при чем тут допиливание ядра, если стандартная загрузка только создает новые элементы, нет возможности даже прайсы обновить автоматически.
Суть вашего ответа сводится к тому, чтобы купить доработанную загрузку-выгрузку, но я их и так видел, покупать не стал, а смотрю в интернете как сделать.
Вопрос: как сделать что бы левый блок был равен блоку с текстом

Как сделать что бы левый блок был равен блоку с текстом ?
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.block_for_all{
    margin:auto; 
    border: solid 1px black;
    
    overflow:hidden; 
    width:1000px;
    height:auto;
    position:relative;
    
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    
}
.block_for_top{
    margin:auto; 
    border: solid 1px black;
    
 
    width:auto;
    height:100px;
    position:relative;
    
    
    
}
.block_for_text{
     
    border: solid 1px black;
    
   float:right;
    width:900px;
    height:auto;
    position:relative;
     
    
}
.block_for_left{
        border: solid 1px black;
    
   
    width:50px;
    
    position:relative;
    
}
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>
 
<body>
<div class="block_for_all">
 
<div class="block_for_top">
</div>
<div class="block_for_text">
<p>Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности обеспечивает широкому кругу (специалистов) участие в формировании существенных финансовых и административных условий. Товарищи! новая модель организационной деятельности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации соответствующий условий активизации. Задача организации, в особенности же реализация намеченных плановых заданий способствует подготовки и реализации новых предложений. Идейные соображения высшего порядка, а также консультация с широким активом способствует подготовки и реализации дальнейших направлений развития. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности требуют от нас анализа направлений прогрессивного развития.
Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации соответствующий условий активизации. Задача организации, в особенности же постоянный количественный рост и сфера нашей активности обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Таким образом дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Таким образом консультация с широким активом способствует подготовки и реализации систем массового участия. Равным образом постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.
Идейные соображения высшего порядка, а также консультация с широким активом требуют от нас анализа дальнейших направлений развития. Повседневная практика показывает, что новая модель организационной деятельности представляет собой интересный эксперимент проверки существенных финансовых и административных условий. Равным образом укрепление и развитие структуры требуют от нас анализа позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности играет важную роль в формировании направлений прогрессивного развития.
Повседневная практика показывает, что консультация с широким активом в значительной степени обуславливает создание модели развития. Разнообразный и богатый опыт рамки и место обучения кадров позволяет оценить значение систем массового участия. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач. Разнообразный и богатый опыт укрепление и развитие структуры требуют от нас анализа модели развития. Не следует, однако забывать, что дальнейшее развитие различных форм деятельности требуют от нас анализа новых предложений. Таким образом начало повседневной работы по формированию позиции играет важную роль в формировании системы обучения кадров, соответствует насущным потребностям.
Значимость этих проблем настолько очевидна, что консультация с широким активом в значительной степени обуславливает создание новых предложений. Не следует, однако забывать, что начало повседневной работы по формированию позиции играет важную роль в формировании модели развития. Идейные соображения высшего порядка, а также рамки и место обучения кадров способствует подготовки и реализации дальнейших направлений развития. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации новых предложений.
С другой стороны консультация с широким активом способствует подготовки и реализации существенных финансовых и административных условий. Товарищи! сложившаяся структура организации влечет за собой процесс внедрения и модернизации системы обучения кадров, соответствует насущным потребностям. Разнообразный и богатый опыт реализация намеченных плановых заданий способствует подготовки и реализации соответствующий условий активизации. Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности в значительной степени обуславливает создание форм развития.
Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий позволяет выполнять важные задания по разработке модели развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции позволяет выполнять важные задания по разработке соответствующий условий активизации. Товарищи! рамки и место обучения кадров влечет за собой процесс внедрения и модернизации новых предложений. Разнообразный и богатый опыт дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации новых предложений.
Таким образом рамки и место обучения кадров влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Таким образом рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. С другой стороны дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации направлений прогрессивного развития.
Значимость этих проблем настолько очевидна, что консультация с широким активом играет важную роль в формировании модели развития. Разнообразный и богатый опыт реализация намеченных плановых заданий позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Равным образом начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации форм развития. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании модели развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия.
Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности способствует подготовки и реализации модели развития. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке позиций, занимаемых участниками в отношении поставленных задач.
Значимость этих проблем настолько очевидна, что консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия. Таким образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что новая модель организационной деятельности обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия.
Повседневная практика показывает, что дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании соответствующий условий активизации. Задача организации, в особенности же укрепление и развитие структуры способствует подготовки и реализации дальнейших направлений развития.
С другой стороны постоянный количественный рост и сфера нашей активности влечет за собой процесс внедрения и модернизации соответствующий условий активизации. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. Товарищи! рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании соответствующий условий активизации. Идейные соображения высшего порядка, а также консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Равным образом реализация намеченных плановых заданий способствует подготовки и реализации соответствующий условий активизации.
Значимость этих проблем настолько очевидна, что новая модель организационной деятельности требуют от нас анализа систем массового участия. С другой стороны реализация намеченных плановых заданий позволяет оценить значение соответствующий условий активизации. Значимость этих проблем настолько очевидна, что новая модель организационной деятельности позволяет оценить значение модели развития.
Идейные соображения высшего порядка, а также сложившаяся структура организации играет важную роль в формировании дальнейших направлений развития. Таким образом постоянный количественный рост и сфера нашей активности способствует подготовки и реализации новых предложений. Значимость этих проблем настолько очевидна, что постоянный количественный рост и сфера нашей активности требуют от нас анализа существенных финансовых и административных условий. С другой стороны реализация намеченных плановых заданий требуют определения и уточнения соответствующий условий активизации. С другой стороны рамки и место обучения кадров способствует подготовки и реализации существенных финансовых и административных условий.
Равным образом дальнейшее развитие различных форм деятельности позволяет выполнять важные задания по разработке модели развития. С другой стороны укрепление и развитие структуры в значительной степени обуславливает создание дальнейших направлений развития. Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. Таким образом рамки и место обучения кадров в значительной степени обуславливает создание соответствующий условий активизации.
Не следует, однако забывать, что дальнейшее развитие различных форм деятельности требуют от нас анализа системы обучения кадров, соответствует насущным потребностям. Разнообразный и богатый опыт реализация намеченных плановых заданий требуют определения и уточнения модели развития. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании дальнейших направлений развития.
Повседневная практика показывает, что укрепление и развитие структуры влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании соответствующий условий активизации.
С другой стороны укрепление и развитие структуры влечет за собой процесс внедрения и модернизации направлений прогрессивного развития. Разнообразный и богатый опыт консультация с широким активом в значительной степени обуславливает создание систем массового участия. Не следует, однако забывать, что новая модель организационной деятельности требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач.
Идейные соображения высшего порядка, а также реализация намеченных плановых заданий представляет собой интересный эксперимент проверки направлений прогрессивного развития. Задача организации, в особенности же начало повседневной работы по формированию позиции в значительной степени обуславливает создание существенных финансовых и административных условий. Не следует, однако забывать, что дальнейшее развитие различных форм деятельности требуют определения и уточнения систем массового участия.</p>
 </div>
<div class="block_for_left">
</div>
 
<div style="clear:both;">
</div>
</body>
</html>
Добавлено через 30 минут
ответ найден можете не писать
Ответ: я убрал для всех блоков позиционирование и все везде видно.
Вопрос: Подстановка даты доставки в шаблон письма при создании заказа

Добрый день!

Директор захотел что б в письме клиенту при оформлении нового заказа отображалось примерное время доставки, как на Али.
Собственно в самом шаблоне SALE_NEW_ORDER html код, там выборку IF сделать невозможно.

Как я вижу возможно реализовать эту фичу. Где то есть php фаил, который отвечает за отправку письма при создании нового заказа. В него задать массив по регионам и примерное время доставки. И во время заказа, просто сравнивая регион подставлять приблизительное время доставки.

Возможно ли такое реализовать, как вы думаете?
Ответ: Создать "просто":
Админка - Контент - Highload-блок - кнопка "Добавить Highload-блок"
Вводите название сущности, и имя таблицы.

После создания входите в нее (появится в списке). И нажимаете "Добавить запись" - далее "Добавить пользовательское поле". Создаете, например, числовое поле и текстовое. В первое будете вбивать ИД местоположения, во второе срок доставки.

В принципе, можно создавать и свои типы свойств. Тогда можно будет реализовать, чтобы вводить не ИД, а прям поиском выбирать местоположение, и в списке сделать отображение наименования....

Далее выбор из этого блока - из яндекса
Вопрос: Создание новых узлов в XML-файле через JS. Не сохраняет измененный файл

Всем привет!

Я формирую XML-файл с помощью JavaScript, а точнее динамически создаю новые узлы, чтобы потом вывести содержимое этого файла на web-интерфейс.

После создания нового узла, их количество действительно увеличивается. Узнаю я это так:
Код Javascript
1
document.write(xmlDoc.getElementsByTagName("event")[0].length)
Да и информация о новых узлах выводится.

Однако, такой феномен:
Открыв файл на сервере, никаких изменений нет! Такое ощущение, что файл изменился где-то локально, но не на сервере.
Соответственно на web-интерфейс актуальная информация не подгружается...

Может там надо какую-то волшебную функцию вызвать, аля Save()?
Помогите разобраться junior-программистке
Ответ: Да.
Вопрос: Можно ли как-то игнорировать наличие одного блока внутри другого?

У меня есть блок, назовем его ГЛАВНЫЙ, для которого в стилях задана максимальная ширина - 75rem. Внутри этого блока находятся несколько элементов, между ними заданное расстояние. Теперь возникла потребность вставить изображение в формате svg в ГЛАВНЫЙ блок. Но вот проблема - при вставке нового элемента все элементы начинают в ГЛАВНОМ масштабироваться, т.е. начинает изменяться изначально заданное расстояние. А можно ли как-то этого избежать? То есть, можно ли как-то словно "наклеить" изображение, при этом совершенно не затрагивая поведение элементов в ГЛАВНОМ?
Ниже прикреплю схематичную картинку. Там по бокам оранжевым цветом - отступы слева и справа - задаются они у меня avto. Белым прямоугольник между оранжевыми отступами - в нем находится несколько элементов с заданным расстоянием между собой. Красная стрелка показывает, куда примерно я бы хотел "наклеить" изображение. Сам вопрос заключается, наверное, в том, что можно ли добавить еще один "блок" в ГЛАВНЫЙ (который будет представлять из себя изображение), но при этом заставить игнорировать любые форматирования/стили для этого изображения? Или же это муторный путь и есть какое-то иное решение? В общем, нужно "наклеить" новый блок, не затрагивая поведения уже существующих блоков. Как можно это реализовать?
Все усугубляется тем, что не могу использовать абсолютное позиционирование, так как сайт открвается на дисплеях разных размеров и при использовании абсолютного позиционирования все будет ехать и плыть.
Ответ: Тфу, ё-маё. А как положение div в футере влияет на его отображение? Вроде бы, задано же в классе, что позиционирование абсолютное и смещение от правого края.
Вопрос: Создание сервиса с юзерами

В общем, такая штука:
Нужно создать сервис( это будет объект), который хранит в себе массив с юзерами и методы для их создания, обновления, чтения , удаления. Он будет отвечать чисто за объекты юзеров.
Дальше нужно их как то отобразить. Так же реализовать возможность удаления и редактирования.

Сижу, ломаю голову, как это сделать. Дайте кто может и знает какие то подсказки по реализации сего чюда.
Ответ:
Сообщение от Slonik
Нужно создать сервис( это будет объект), который хранит в себе массив с юзерами и методы для их создания, обновления, чтения , удаления. Он будет отвечать чисто за объекты юзеров.
Дальше нужно их как то отобразить. Так же реализовать возможность удаления и редактирования.
Вот небольшая основа . Что-то подправить, что-то добавить.
Вопрос: Как вставить в динамически сгенерированный div скрипт для генерации div-ов новых

Здравствуйте!
Не только не пониманию ни чего в jquery, но и вообще в каком бы то ни было программировании не смыслю ни чего. Но. Вследствие изучения ряда постов, в том числе и из вашего форума, накропал небольшой код для сайта, который обрабатывает значение для поля input, генерируя заданное количество div-вов с определенным содержанием, в котором ID для форм определяются динамически. Далее. В дополнение к имеющемуся содержанию нужно добавить скрипт (внутрь вновь генерируемого html), который внутри сгенерированных блоков точно так же позволял бы, в зависимости от значения вновь сгенерированного внутри div-а поля input, генерировать новые блоки в нужном количестве.
Иначе говоря, хочу в существующий код вставить код который точно также как существующий будет обрабатывать input с ID line-ob-is'+ [i+1] +' получаемый посредством обработки первого кода.
ЗЫ: Подозреваю, что то, что я пытаюсь делать - тупо по синтаксису не верно.
Подскажите - как прописывать?
Все выглядит примерно так (не ругайте за корявую подачу, я вообще не местный):


<div class="price-field-tx">
    <input type="number" id="line-ob" name="line-ob" value="0" min="0" max="100" />
</div>
<div class="price-text">
    <label for="line-ob">Бла бла бла</label>
</div>
<div id="line-ob-container">
</div>



$("#line-ob").change(function(){
   var kolloinput = $("#line-ob").val(),
   kollo = $("#line-ob-container > .price-range").length;
   if (kolloinput <= 100 && kolloinput > kollo) {
       for (i = kollo; i < kolloinput; i++) { 
           var loDiv = document.createElement("div");
           $(loDiv).addClass("price-range");
           $(loDiv).html('<div class="price-field-tx"><input type="number" id="line-ob-is'+ [i+1] +'" name="line-ob-is'+ [i+1] +'" value="0"  min="0" /></div><div class="price-text"><label for="line-ob-is'+ [i+1] +'">Бла бла бла выберите бла бла бла</label></div>  !!!!СЮДА ХОЧУ ВСТАВИТЬ СКРИПТ ПРАКТИЧЕСКИ ТАКОЙ ЖЕ КАК ВНЕШНИЙ!!!  ');
           $("#line-ob-container").append(loDiv);
       }
   }
   else {
       if (kolloinput <= 100) {
           for (i = kolloinput; i < kollo; i++) {
               $("#line-ob-container > .price-range").last().detach()
           }
         }
    }
});
Ответ: xax,
Тогда чуть иначе указывать селектор:
$("input[id^='line-ob']").on("change", function() { //обработчик on ставит события и на элементы, появившиеся после его установки
   var kolloinput = $("#line-ob").val(),
       kollo = $("#line-ob-container > .price-range").length;
   if (kolloinput <= 100 && kolloinput > kollo) {
       for (i = kollo; i < kolloinput; i++) { 
           var loDiv = $("<div/>").addClass("price-range");
           $(loDiv).html('<div class="price-field-tx"><input type="number" id="line-ob-is'+(i+1)+'" name="line-ob-is'+(i+1)+'" value="0" min="0"/></div><div class="price-text"><label for="line-ob-is'+(i+1)+'">Бла бла бла выберите бла бла бла</label></div>');
           $("#line-ob-container").append(loDiv);
       }
   } else {
       if (kolloinput <= 100) {
           for (i = kolloinput; i < kollo; i++) {
               $("#line-ob-container > .price-range").last().remove()
           }
       }
   }
});
Вопрос: Отступ между внешней границы блока и его содержимым

Здравствуйте форумчане, понемногу едет крыша от работы. Нужен ваш совет / ответ на сий вопрос:
"Какое из перечисленных ниже средств предназначено для создания отступов между внешней границы блочного элемента и его содержанием?"

1. Left
2. Top
3. Margin
4. Border
5. Padding


P.S. Мне кажется, что здесь подвох - между внешним отступом и внутренним содержимым есть margin, border, padding....
Ответ: Margin "очищает" территорию вокруг элемента (за пределами рамки (border)). Margin (внешний отступ) не имеет фонового цвета (точнее фон прозрачный).
Верхний, правый, нижний и левый внешние отступы можно изменить независимо друг от друга, используя соответствующие свойства.