0

私はこの2つのファイルを持っています:

new_aircraft.php

 <!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>
<link rel="STYLESHEET" type="text/css" href="./style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert Aircraft</title>
</head>
<body>
<script>
//Ajax Script
function require(){
    try{
    req = new XMLHttpRequest();
    }catch(err1){
        try{
        req = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(err2){
            try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(err3){
            req = false;
            }
        }
    }
return req;
}


var request = require();

function callAjax(){
var ramdom = parseInt(Math.random()*999999999);
valor = document.getElementById("numberclasses").value;
var url="classes.php?Value="+valor+"&r="+ramdom;
request.open("GET",url,true);
request.onreadystatechange = answerAjax;
request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
request.send(null);
}

function answerAjax(){

    if(request.readyState==4){
        if(request.status==200){
        //alert(request.responseText);
        document.getElementById("classes").innerHTML=request.responseText;
        }else{
        alert("ha ocurrido un error"+request.statusText);
        }
    }
}

</script>
<?

$boton = $_POST['enviar'];
$nombre = $_POST['nombre'];
$precio = $_POST['precio'];
$pax = $_POST['pax'];
$ICAO = $_POST['ICAO'];

if($boton == 'Insertar')
{
    include('./db.inc.php');

    $ICAO = strtoupper($ICAO);      
    mysql_query("INSERT INTO flota(ICAO, nombre, precio, capacidad) VALUES('$ICAO', '$nombre', '$precio', '$pax')") or die('<h4 style="color: red;">Ha habido un problema con la insercion.</h4>');

    mysql_close();

    echo '<h3 style="color: green;">Aeronave adquirida correctamente.<h3/>';
}
else
{
    ?>
    <form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
    <table>
    <tr><td class=Forms>ICAO: </td><td><input type="text" value="" name="ICAO" /></td></tr>
    <tr><td class=Forms>Name: </td><td><input type="text" value="Airbus A320" name="nombre" /></td></tr>
    <tr><td class=Forms>Price: </td><td><input maxlength="9" value="1000000" type="text" name="precio" /> €&lt;/td></tr>

    <tr><td class=Forms>Number Classes: </td></td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>Select Number of Classes</option>
        <?php
        echo'<option value="1">One</option>';
        ?>
    </select></td></tr>


<tr><td id="classes" ></td></tr>

    <tr><td class=Forms>Capacidad: </td><td><input maxlength="3" value="150" type="text" name="pax" /> pasajeros</td></tr>
    </table><br />
    <input type="submit" name="enviar" value="Insertar"/>
    </form>
    <?
}
?>
</body>
</html>

クラス.php

 <?php
$value = $_GET['Value'];

if($value == 1){


    ?>


<thead>
    <td class=Forms>First Class: </td><td><input maxlength="3" value="150" type="text" name="pax" /></td>
</thead>


<?php
}

?>

そして、「クラス数を選択」1した結果がhttp://i48.tinypic.com/erbfnn.pngです（イメージですのでご覧ください）。

ファーストクラスの部品は正しい順序ではありません。Number Classes より下にあるはずですが、1 番目です。また、ファーストクラスのパーツは、他のパーツの幅を尊重しません。

どうすれば修正できますか？

4

2 に答える 2

1

の子は、、、または;である<table>必要があります。あなたも持つことができます、それは自動的にそれらを包みます。<thead><tbody><tfoot><tr><tbody>

だから変更：

<div id="classes"></div>

に：

<tr><td id="classes"></td></tr>

要素も1つあります<form>が、</form>要素を一致させて適切にネストする必要があります。テーブルの端の外側と内側のフォームを開始することはできないため、テーブルの内側の余分な部分を取り除き</form>ます。

于 2012-12-24T00:46:44.313 に答える
0

ファイルを編集します。

new_aircraft.php 

<!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>
<link rel="STYLESHEET" type="text/css" href="./style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Insert Aircraft</title>
</head>
<body>
<script>
//Ajax Script
function require(){
    try{
    req = new XMLHttpRequest();
    }catch(err1){
        try{
        req = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(err2){
            try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(err3){
            req = false;
            }
        }
    }
return req;
}


var request = require();

function callAjax(){
var ramdom = parseInt(Math.random()*999999999);
valor = document.getElementById("numberclasses").value;
var url="classes.php?Value="+valor+"&r="+ramdom;
request.open("GET",url,true);
request.onreadystatechange = answerAjax;
request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
request.send(null);
}

function answerAjax(){

    if(request.readyState==4){
        if(request.status==200){
        //alert(request.responseText);
        document.getElementById("classes").innerHTML=request.responseText;
        }else{
        alert("ha ocurrido un error"+request.statusText);
        }
    }
}

</script>
<?

$boton = $_POST['enviar'];
$nombre = $_POST['nombre'];
$precio = $_POST['precio'];
$pax = $_POST['pax'];
$ICAO = $_POST['ICAO'];

if($boton == 'Insertar')
{
    include('./db.inc.php');

    $ICAO = strtoupper($ICAO);      
    mysql_query("INSERT INTO flota(ICAO, nombre, precio, capacidad) VALUES('$ICAO', '$nombre', '$precio', '$pax')") or die('<h4 style="color: red;">Ha habido un problema con la insercion.</h4>');

    mysql_close();

    echo '<h3 style="color: green;">Aeronave adquirida correctamente.<h3/>';
}
else
{
    ?>
    <form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
    <table>
    <tr><td class=Forms>ICAO: </td><td><input type="text" value="" name="ICAO" /></td></tr>
    <tr><td class=Forms>Name: </td><td><input type="text" value="Airbus A320" name="nombre" /></td></tr>
    <tr><td class=Forms>Price: </td><td><input maxlength="9" value="1000000" type="text" name="precio" /> €&lt;/td></tr>

    <tr><td class=Forms>Number Classes: </td></td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>Select Number of Classes</option>
        <?php
        echo'<option value="1">One</option>';
        ?>
    </select></td></tr>


<tr><td id="classes" ></td></tr>

    <tr><td class=Forms>Capacidad: </td><td><input maxlength="3" value="150" type="text" name="pax" /> pasajeros</td></tr>
    </table><br />
    <input type="submit" name="enviar" value="Insertar"/>
    </form>
    <?
}
?>
</body>
</html>

クラス.php

<?php
$value = $_GET['Value'];

if($value == 1){


    ?>


<thead>
    <td class=Forms>First Class: </td><td><input maxlength="3" value="150" type="text" name="pax" /></td>
</thead>


<?php
}

?>

結果はhttp://i50.tinypic.com/2yjzinr.pngです

于 2012-12-24T10:34:55.787 に答える