Javascript.RU

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

Вывод переменных
Здравствуйте!
Скажите, как сделать вывод общего результата на той же странице, после нажатия кнопки?
Может в какой-нибудь frame или окно или поле?

<script type="text/javascript">
<!--
function Go() {
    var shirina1 = +(document.getElementById('shirina').value);
    var shirina = +(document.getElementById('shirina').value);
    var visota1 = +(document.getElementById('visota').value);
    var visota = +(document.getElementById('visota').value);
    var glubina1 = +(document.getElementById('glubina').value);
    var glubina = +(document.getElementById('glubina').value);
    var summa;
    var dveriser = +(document.getElementById('dveriser').value);
     
    if (visota >= 250) {
        shirina *= 1.5;
        
    }
    else {
        shirina *= 1;
        
    }
    if (glubina >=55) {
	visota *= 1.5;
    }
	else {
	visota *= 1;
}
summa = shirina + visota + dveriser;
alert("Ширина шкафа: "+shirina1);
alert("Высота шкафа: "+visota1);
alert("Глубина шкафа: "+glubina1);
alert("Сумма= "+summa);

      
}
//-->
</script>

Через алерт, хорошо смотреть на стадии разработки вывод. Для пользователей хотелось бы вывод, чтобы был такой:
Ширина шкафа:
Высота шкафа:
Глубина шкафа:
Сумма:

Как это можно реализовать, читал статьи, но там не работают скрипты...

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 03.08.2011, 14:29
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Изменение страницы посредством DOM
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 03.08.2011, 15:19
Интересующийся
Отправить личное сообщение для RogerUP Посмотреть профиль Найти все сообщения от RogerUP
 
Регистрация: 04.02.2011
Сообщений: 11

MasterHrust, делаешь кнопку, на кнопку вешаешь функцию, в функции создаешь новый div, заполняешь его и вставляешь в нужное место.
Ответить с цитированием
  #4 (permalink)  
Старый 03.08.2011, 15:27
Интересующийся
Отправить личное сообщение для MasterHrust Посмотреть профиль Найти все сообщения от MasterHrust
 
Регистрация: 15.07.2011
Сообщений: 16

<script type="text/javascript">
<!--
function Go() {
    var shirina1 = +(document.getElementById('shirina').value);
    var shirina = +(document.getElementById('shirina').value);
    var visota1 = +(document.getElementById('visota').value);
    var visota = +(document.getElementById('visota').value);
    var glubina1 = +(document.getElementById('glubina').value);
    var glubina = +(document.getElementById('glubina').value);
    var summa;
    var dveriser = +(document.getElementById('dveriser').value);
     
    if (visota >= 250) {
        shirina *= 1.5;
        
    }
    else {
        shirina *= 1;
        
    }
    if (glubina >=55) {
	visota *= 1.5;
    }
	else {
	visota *= 1;
}
summa = shirina + visota + dveriser;
//alert("Ширина шкафа: "+shirina1);
//alert("Высота шкафа: "+visota1);
//alert("Глубина шкафа: "+glubina1);
//alert("Сумма= "+summa);
//alert("Сумма= "+dveriser);
document.writeln("Сумма равна: "+summa);
      
}
//-->
</script>
<form>
 <label for='shirina'>Ширина</label>
 <input type="text" id='shirina' name='shirina'> <span>mm</span>
<br>
 <label for='visota'>Высота</label>
<input type="text" id='visota' name='visota'> <span>mm</span>
 <br>
<label for='glubina'>Глубина</label>
<input type="text" id='glubina' name='glubina'> <span>mm</span>
<br>
Количество дверей зеркало серебро: <select id='dveriser'name="dveriser">
<option value="1.6">Одна</option>
<option value="3.2">Две</option>
<option value="4.8">Три</option>
<option value="6.4">Четыре</option>
<br><br>
 <input type='button' value='Go' onclick='Go()'>
</form>


Ну вот что у меня сейчас имеется.
Ответить с цитированием
  #5 (permalink)  
Старый 03.08.2011, 15:41
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Забей на writeln
Используй свойство innerHTML оюъекта
document.getElementById('summa').innerHTML = summa;
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод данных в поле ввода с помощью JS Aleks-prog Ваши сайты и скрипты 0 23.06.2011 12:09
Объявление переменных пользователем maximnara Общие вопросы Javascript 4 22.06.2011 21:39
Вывод данных в Друпал 6 из MySQL, небольшая работа torquemada Работа 1 22.05.2011 17:05
вывод картинки и vrml mister_maxim Events/DOM/Window 16 12.01.2010 17:40
Пошаговый вывод скрипта для IE всех версий. Zidky Элементы интерфейса 10 17.06.2009 18:27