Форум программистов [Powered by Invision Power Board]

Код


<html>
    <head>
        <meta http-equiv="Content-type" content="text/html;charset=windows-1251">
        <script type="text/javascript" src="js/script.js"></script>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <title>Заказ</title>
</head>
<body>
<div id="div1" style="display:block;"><h2>Заказчик</h2><br>
<?
$hostname = "localhost";
$username = "root";
$password = ""; 
$dbName = "texntronbase"; 
mysql_connect($hostname, $username, $password) or die ("Не могу создать соединение");
mysql_select_db($dbName) or die (mysql_error());
$query = "SELECT name FROM Consumers";
$res = mysql_query($query) or die(mysql_error()); 
echo '<select id="name" name="name">';
while($row=mysql_fetch_array($res))
{echo '<option value="' . $row['name'] . '">' . $row['name'] . '</option>';} 
echo '</select>';
echo "<td align=\"center\">";
echo "<input type=\"button\" value=\"Далее\" onclick=\"goStep1();\">";
?>    
</div>
<div id="div2"><h2>Укажите вид работы</h2><br>
<span id="name_o"> </span> 
<?
$hostname = "localhost";
$username = "root";
$password = ""; 
$dbName = "texntronbase"; 
mysql_connect($hostname, $username, $password) or die ("Не могу создать соединение");
mysql_select_db($dbName) or die (mysql_error());
$query = "SELECT name FROM jobs";
$res = mysql_query($query) or die(mysql_error()); 
echo '<select id="jobs" name="jobs">';
while($row=mysql_fetch_array($res))
{echo '<option value="' . $row['name'] . '">' . $row['name'] . '</option>';} 
echo '</select>';
echo "<input type=\"button\" value=\"Далее\" onclick=\"goStep2();\">";
?> 
<p>
<input type="button" onClick="goBack1()" value="Назад">
</div>
<div id="div3"> <h2>Укажите стоимость</h2><br>
 
<span id="jobs_o"> </span>
 <br> <br>
<input type="text" name="price" maxlength="10"/>
<input type="button" onClick="goNext()" value="Внести">
<input type="button" onClick="goBack2()" value="Назад">
</div>

</body>
</html>

Код


function goStep1() {
    var name = document.getElementById("name").value;
    document.getElementById("name_o").innerHTML = name;
    document.getElementById("div1").style.display="none";
    document.getElementById("div2").style.display="block";
}

function goBack1() {
    document.getElementById("div2").style.display="none";
    document.getElementById("div1").style.display="block";
}

function goStep2() {
    var job = document.getElementById("jobs").value;
    document.getElementById("jobs_o").innerHTML = job;
    document.getElementById("div2").style.display="none";
    document.getElementById("div3").style.display="block";
}
function goBack2() {
    document.getElementById("div3").style.display="none";
    document.getElementById("div2").style.display="block";
}