Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не получается удалить элемент
 
 автор: kireyev   (22.09.2010 в 10:35)   письмо автору
 
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href = "style.css" type="text/css" media="screen">
<title></title>
<script type="text/javascript">
    var x = 1;
    function addobject() {
    x++
    var position = document.getElementById('position')
    
    var div1 = document.createElement('div')
    div1.innerHTML = 'Размеры позиции №'+x+', м:'
    position.appendChild(div1)

    var input1 = document.createElement('input')
    input1.setAttribute('type', 'text')
    input1.setAttribute('name', 'width'+x)
    position.appendChild(input1)
    input1.className = 'zakaz_right'

    var input2 = document.createElement('input')
    input2.setAttribute('type', 'text')
    input2.setAttribute('name', 'lenght'+x)
    position.appendChild(input2)
    input2.className = 'zakaz_right'
    }
    
    function deleteobject() {
    var position = document.getElementById('position')
    var width = document.getElementsByName('width2')[0]
    position.removeChild(width)
    }
</script>
</head>
<body>
    <h1>Оформление нового заказа</h1>
    <form id="zakaz_form" name = "form" method = "get" action = "index.php">
    
    <div class="zakaz_left">Заказчик: <a href="#">Выбрать</a></div>
    
    <div class="zakaz_left">Материал: <a href="#">Выбрать</a></div>
    
    <div id="position">
        <div class="zakaz_left">Размеры позиции №1, м:</div>
        <input class="zakaz_right" type="text" name="width1"/><input class="zakaz_right" type="text" name="lenght1"/>
    </div>
    
    <input type="button" value="+ позиция" onclick="addobject()"/>
    <input type="button" value="- позиция" onclick="deleteobject()"/>
    <div class="zakaz_left">Общий расход материала, п.м:</div>
    <input class="zakaz_right" type="text" name="rashod"/>
    <br>
    <input type = "button" value="Сохранить" OnClick = "form.submit()">
    </form>
</body>
</html>

Функция deleteobject() не срабатывает. Почему?

  Ответить  
 
 автор: Gubichev   (22.09.2010 в 14:48)   письмо автору
 
   для: kireyev   (22.09.2010 в 10:35)
 

Работает ваш скрипт у меня

  Ответить  
 
 автор: psychomc   (22.09.2010 в 15:20)   письмо автору
 
   для: kireyev   (22.09.2010 в 10:35)
 

потому что removeChild не правильно используете
точнее правильно, но потом пытаетесь второй раз удалить уже удаленный объект
перепишите функцию вот так и сами посмотрите

function deleteobject() {
        try {
            var position = document.getElementById('position')
            var width = document.getElementsByName('width2')[0]
            position.removeChild(width)
        } catch (e) {
            alert(e);
        }    
    }

  Ответить  
 
 автор: kireyev   (23.09.2010 в 12:01)   письмо автору
 
   для: psychomc   (22.09.2010 в 15:20)
 

Всем спасибо, помогли!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования