Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.02.2013, 16:33
Новичок на форуме
Отправить личное сообщение для Viis Посмотреть профиль Найти все сообщения от Viis
 
Регистрация: 03.02.2013
Сообщений: 2

Добавление элементов на страницу
Подскажите пожалуйста, что делаю не так. После нажатия кнопки, должна выполнится функция getEqString(), которая должна вывести в body блок - outDiv с содержанием "Ввод прошел успешно".

У меня же, надпись появляется на долю секунды и исчезает. Не могу понять в чем дело. Вроде делаю все также, как в учебнике, только добавил что код выполняется при нажатии кнопки, а не при загрузке страницы.
<html>
<head>
<script>
        function getEqString(){
                var parentElem = document.body;
                var outDiv = document.createElement('div');
                        outDiv.id = 'outDiv';
                outDiv.innerHTML = 'Ввод прошел успешно.';
                parentElem.appendChild(outDiv);
        }
</script>
</head>
<body>
        <h3>Введите функцию</h3>
        <form id="equation" name="equation">
                <button name="sentEqString"onClick="getEqString();"><p>Sent</p></button>
        </form>
</body>
</htmll>
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2013, 16:41
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Viis,
<form id="equation" name="equation"> отправляет данные со сменой страницы( посколь нет action - то переотправка на дефолтную

Можно запретить отправку onsubmit="return false" (либо изъять кнопку из формы
<html>
<head>
<script>
        function getEqString(){
                var parentElem = document.body;
                var outDiv = document.createElement('div');
                        outDiv.id = 'outDiv';
                outDiv.innerHTML = 'Ввод прошел успешно.';
                parentElem.appendChild(outDiv);
        }
</script>
</head>
<body>
        <h3>Введите функцию</h3>
        <form id="equation" onsubmit="return false" name="equation">
                <button name="sentEqString"onClick="getEqString();"><p>Sent</p></button>
        </form>
</body>
</htmll>
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2013, 16:46
Новичок на форуме
Отправить личное сообщение для Viis Посмотреть профиль Найти все сообщения от Viis
 
Регистрация: 03.02.2013
Сообщений: 2

Спасибо! Обязательно почитаю про формы побольше.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление непересекаемых блоков на страницу m2broth Общие вопросы Javascript 8 03.02.2013 14:11
Добавление обработчика событий при добавлении элементов vladimircape Events/DOM/Window 3 13.09.2012 09:57
Как программно распечатать страницу сохранив пропорции и положение элементов NikNikNik jQuery 0 20.03.2012 08:41
Привильное добавление элементов с помощью js syegorius Events/DOM/Window 0 08.01.2012 08:32
Добавление нужного css-файла в html страницу в зависимости от ширины окна браузера UglyDemon Общие вопросы Javascript 1 24.12.2010 10:30