wie man die Größe von td

ich habe eine Tabelle, in der ich td .wenn ich auf in-text-Feld onkeypress
Ereignis wählen Sie Werte aus der Datenbank wird eine Tabelle angezeigt, von der whic ich Wert wählen.wählen Sie diese Tabelle in div, welches position fixiert.aber es wird auch chang die Höhe

<td class="value">vehicle </td><td> 
 <input type="text" id="txt_sh_vid" onKeyPress="vhc_record()" maxlength="4">
  <div id="div_vhc"  class="search_form">
</div>


 <input type="text" id="vid" style="display:none;">

JavaScript:

function vhc_record() {
    var data = 'vhc=' + document.getElementById('txt_sh_vid').value;
    loadXMLDoc('ship/vehicle_ship/', 'div_vhc', data);
    document.getElementById('div_vhc').style.visibility = "visible";
}

es ist css der obigen Tabelle

    td.value
    {
    background-color:#00628B;
    color:#E6E6DC;
    height:50;

    }

    div.search_form
    {
    position:fixed;
     background-color:white;

}

wenn ich drücken Sie die Taste im textfield es ändert sich auch die Höhe der class="value"
wie div id="div_vhc", während seine Höhe beträgt 50

Was ist Ihre eigentliche problem / Frage?
ist das dein ganzer code? wo ist der javascript-Teil?
dessen javascript-code " - Funktion vhc_record() { var data='vhc='+document.getElementById('txt_sh_vid').Wert; loadXMLDoc('Schiff/vehicle_ship/','div_vhc',data); Dokument.getElementById('div_vhc').Stil.visibility="visible"; }'
also Sie wollen im Grunde, um die Größe zu ändern der Höhe der td, wenn jemand onkeypress auf die textfield-Recht?
also, was ist die Frage? Sie möchten td.value Höhe immer 50px?

InformationsquelleAutor sadi | 2011-03-19

  1. 6

    Hier ist die JSFiddle Demo. Lassen Sie mich wissen, wenn dies ist, was Sie suchen:

    Ich vermute was du suchst ist, greifen td.value Breite und Höhe. Sie können offsetHeight oder offsetWidth

    Ich bin mir nicht ganz sicher, was Sie zu tun versuchen, sondern um die Höhe der td.value können Sie Folgendes tun übernehmen, basierend auf der Struktur von html. natürlich, wenn Sie möchten, traverse durch alle td-element und finden Sie das element w/Klasse name /Wert-dann müssen Sie die regex to match the element mit Wert als Teil seiner Klasse:

    Ihre vhc_record Funktion midified:

    var myvalue = document.getElementsByTagName('td')[0];  //grabs the td.value element based on your html markup

document.getElementById('div_vhc').style.height = myvalue.offsetHeight+'px';  //sets div_vhc height to that of td.value
document.getElementById('div_vhc').style.width= myvalue.offsetWidth+'px';//sets div_vhc width to that of td.value

    Die änderungen, die ich an den html-und css und ich habe einige Sichtbarkeit Eigenschaften für das Beispiel sieht deutlich:

    <table><tr><td class="value">vehicle </td></tr></table>
<input type="text" id="txt_sh_vid" onKeyPress="vhc_record()" maxlength="4">
<div id="div_vhc"  class="search_form">
</div>


<input type="text" id="vid" style="display:none;">

td.value
{
    background-color:#00628B;
    color:#E6E6DC;
    height: 50px;   
    width: 50px;
}

#div_vhc
{
    position:fixed;
    background-color:white;
    display: none;
    border: 1px solid black;
}
    danke ich habe es auch durch die id

    InformationsquelleAutor KJYe.Name

  2. 1

    Schritt 1: Fügen Sie table-layout:fixed der TABELLE element Stil.

    Schritt 2: Hinzufügen overflow: hidden der TD element Stil.

    Hier ist ein Beispiel, wo der innere DIV ist größer als die mit TD, aber der TD wird bei 50 und verstecken den rest:

    <table style="table-layout:fixed">
    <tr>
        <td style="overflow:hidden;height:50px;border:solid 1px #000">
            <div style="height:100px;background:#f00">Hello<br>I am a very<br>very<br>very<br>very<br>long<br>multiline<br>text...</div>
        </td>
    </tr>
</table>

    wenn du es haben willst Blättern, verwenden Sie stattdessen overflow:scroll in die element td-style.

    InformationsquelleAutor Jimmy Chandra

Schreibe einen Kommentar