Javascript-форум - Показать сообщение отдельно

rotiga · #3 (**permalink**) 03.10.2013, 13:59

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Расчет стоимости сайта и заказ услуг</title>
<!--
* Расчет стоимости сайта v1.0.
* http://www.web.vkstoi.ru
* 2008 г.
-->
<style type="text/css">
<!--
.style1 {
	color: #333333;
	font-size: 14px;
	font-weight:bold;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
div {
color:#CCCCCC;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
}
a:hover, a{
color:#CCCCCC;
text-decoration: none;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function price(form) {
if (form.iadro.checked){
var iadro=parseFloat(form.iadro.value);
}
else iadro=0;
if (form.dizain.checked){
var dizain=parseFloat(form.dizain.value);
}
else dizain=0;
if (form.nachalo.checked){
var nachalo=parseFloat(form.nachalo.value);
}
else nachalo=0;
if (form.korp.checked){
var korp=parseFloat(form.korp.value);
}
else korp=0;
if (form.korp.checked){
var korp=parseFloat(form.korp.value);
}
else korp=0;
if (form.imidg.checked){
var imidg=parseFloat(form.imidg.value);
}
else imidg=0;
if (form.golos.checked){
var golos=parseFloat(form.golos.value);
}
else golos=0;
if (form.poisk.checked){
var poisk=parseFloat(form.poisk.value);
}
else poisk=0;
if (form.stat.checked){
var stat=parseFloat(form.stat.value);
}
else stat=0;
if (form.forum.checked){
var forum=parseFloat(form.forum.value);
}
else forum=0;
if (form.podpiska.checked){
var podpiska=parseFloat(form.podpiska.value);
}
else podpiska=0;
if (form.interf.checked){
var interf=parseFloat(form.interf.value);
}
else interf=0;
if (form.reklama.checked){
var reklama=parseFloat(form.reklama.value);
}
else reklama=0;
if (form.ssilki.checked){
var ssilki=parseFloat(form.ssilki.value);
}
else ssilki=0;
if (form.shop.checked){
var shop=parseFloat(form.shop.value);
}
else shop=0;
if (form.zonaru.checked){
var zonaru=parseFloat(form.zonaru.value);
}
else zonaru=0;
if (form.zonasu.checked){
var zonasu=parseFloat(form.zonasu.value);
}
else zonasu=0;
if (form.nach.checked){
var nach=parseFloat(form.nach.value);
}
else nach=0;
if (form.dinam.checked){
var dinam=parseFloat(form.dinam.value);
}
else dinam=0;
if (form.optim.checked){
var optim=parseFloat(form.optim.value);
}
else optim=0;
if (form.maxsima.checked){
var maxsima=parseFloat(form.maxsima.value);
}
else maxsima=0;
if (form.inetshop.checked){
var inetshop=parseFloat(form.inetshop.value);
}
else inetshop=0;
if (form.moduli.checked){
var moduli=parseFloat(form.moduli.value);
}
else moduli=0;

var total=iadro+dizain+nachalo+korp+imidg+golos+poisk+stat+forum+podpiska+interf+reklama+ssilki+shop+zonaru+zonasu+nach+dinam+optim+maxsima+inetshop+moduli;
document.getElementById("total_price").innerHTML=total;
}
</SCRIPT>
</head>

<body>
<center>
<div class="style1">Расчет стоимости сайта</div><br />
<form name="form"  onclick="price(this)">
<table width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2" align="left"><input type="checkbox" value="5880" name="iadro" checked="checked" /> &nbsp;<b>Ядро системы</b></td>
    <td>- 5880</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><b>Дизайн</b></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="6000" name="nachalo" />Дизайн начального уровня</td>
    <td>- 6000</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="8000" name="korp" />Корпоративный стиль</td>
    <td>- 8000</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="12000" name="imidg" />Эксклюзивный имиджевый дизайн</td>
    <td>- 12000</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><b>Модули</b></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2240" name="golos" />Голосование </td>
    <td>- 2240</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2520" name="poisk" />Поиск по сайту</td>
    <td>- 2520</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2800" name="stat" />Статистика посещений</td>
    <td>- 2800</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2240" name="forum" />Форум</td>
    <td>- 2240</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="1960" name="podpiska" />Управление подписками и рассылками</td>
    <td>- 1960</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="4760" name="interf" />Интерфейс пользователя</td>
    <td>- 4760</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="4760" name="reklama" />Управление рекламой на сайте</td>
    <td>- 4760</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2240" name="ssilki" />Управление ссылками</td>
    <td>- 2240</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="7840" name="shop" />Интернет-магазин</td>
    <td>- 7840</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><b>Регистрация доменов</b></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="750" name="zonaru" />Регистрация домена в зоне .ru</td>
    <td>- 750</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="3780" name="zonasu" />Регистрация домена в зоне .su</td>
    <td>- 3780</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><b>Хостинг</b></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="1944" name="nach" />Хостинг по тарифу "Начальный" на 12 месяев</td>
    <td>- 1944</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2592" name="dinam" />Хостинг по тарифу "Динамичный" на 12 месяев</td>
    <td>- 2592</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="3240" name="optim" />Хостинг по тарифу "Оптимальный" на 12 месяев</td>
    <td>- 3240</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="6156" name="maxsima" />Хостинг по тарифу "Максима" на 12 месяев</td>
    <td>- 6156</td>
  </tr>
  <tr>
    <td colspan="3" align="center"><b>Работы</b></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="1500" name="dizain" checked="checked" />Интеграция дизайна</td>
    <td>- 1500</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="4000" name="inetshop" />Подключение Интернет-магазина</td>
    <td>- 4000</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><input type="checkbox" value="2000" name="moduli" />Настройка дополнительных модулей</td>
    <td>- 2000</td>
  </tr>
  <tr>
    <td colspan="2" align="left">&nbsp;&nbsp;&nbsp;&nbsp;<b>Время разработки</b></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="1">&nbsp;1 неделя</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia"  value="2">&nbsp;2 недели</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="3">&nbsp;3 недели</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="4">&nbsp;4 недели</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="5">&nbsp;5 недель</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="6">&nbsp;6 недель</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="left"><INPUT type="radio" name="vremia" value="7">&nbsp;7 недель</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="center"><input type="button" value="заказать" onclick="tf1.style.display = 'inline';"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Итого:</b></td>
    <td align="center" id="total_price" style="color: #993300;font-weight:bold; font-size:14px">0</td>
  </tr>
</table>
</form>
<form action="sendmail.php" method="post">
<table width="350" border="0" cellspacing="0" cellpadding="0" style="display:none" id="tf1">
  <tr>
    <td colspan="2" align="left">&nbsp;&nbsp;&nbsp;<b>Заказ услуг</b></td>
    </tr>
  <tr>
    <td width="90" align="left">ФИО *</td>
    <td width="260" align="left"><input type="text" value="" name="name" style="width:95%;"/></td>
  </tr>
  <tr>
    <td align="left">Телефон</td>
    <td align="left"><input type="text" value="" name="telefon" style="width:95%;"/></td>
  </tr>
  <tr>
    <td align="left">E-Mail *</td>
    <td align="left"><input type="text" value="" name="email" style="width:95%;"/></td>
  </tr>
  <tr>
    <td align="left">Компания</td>
    <td align="left"><input type="text" value="" name="company" style="width:95%;"/></td>
  </tr>
  <tr>
    <td align="left">Должность</td>
    <td align="left"><input type="text" value="" name="dolg" style="width:95%;"/></td>
  </tr>
  <tr>
    <td align="left">Ваши пожелания</td>
    <td align="left"><textarea name="gelanie" style="WIDTH:95%; HEIGHT:70px"></textarea></td>
  </tr>
  <tr>
    <td colspan="2" align="center"><input type="submit" value="отправить заказ" /></td>
    </tr>
</table>
</form>
<p>&nbsp;</p>
<div>&copy; 2008 web.vkstoi.ru | <a href="http://www.web.vkstoi.ru">Разработка расчетных скриптов</a></div>
</center>

</body>
</html>

Вот вам скрипт подсчета сайта, посмотрите и сделайте аналогично