idropdown.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
<title>flodhest.net:dropdown</title>
<link rel="stylesheet" href="../css/dropdown.css">
<script type="text/javascript">

function edit(obj) {

    /// find row
    while(obj && obj.tagName != 'TR') {
        obj = obj.parentNode;
    }

    /// check obj
    if(!obj) return;

    /// init
    var TBODY     = obj.parentNode;
    var child_td  = obj.firstChild;
    var row_index = obj.rowIndex;
    var edit_area = document.getElementById('edit').cloneNode(true);
    var new_td    = document.createElement('TD');
    var next_row  = TBODY.rows.item(row_index);
    var num_of_td = 0;

    /// close
    if(next_row && !next_row.onclick) {
        TBODY.deleteRow(row_index);
        obj.className = "null";
    }

    /// open
    else {

        /// find number of cols
        while(child_td) {
            num_of_td++;
            child_td = child_td.nextSibling;
        }
    
        /// set up row content
        edit_area.id     = "";
        obj.className    = "header";
        new_td.colSpan   = num_of_td;
        new_td.className = "edit";
        new_td.appendChild(edit_area);
    
        /// the end
        var new_row = TBODY.insertRow(row_index);
        new_row.appendChild(new_td);
    }
}

</script>

</head>

<body>

<div id="edit" class="edit">
<div id="graphs">
<img src="https://62.113.132.3/eAdmin/graph/0011e3/136/905/signal:AVERAGE?--width=320&--height=120&--start=-1day&--end=NOW">
<br><img src="https://62.113.132.3/eAdmin/graph/0011e3/136/905/traffic:MAX?--width=320&--height=120&--start=-1day&--end=NOW"> 
</div>
<form action="" method="post" onsubmit="return false">
    <div>
        <label for="contract">Contract #</label>
        <input class="_single_output" type="text" name="contract" id="contract" size="10" maxlength="10">
    </div>
    <div>
        <label for="client">Client #</label>
        <input class="_single_output" type="text" name="client" id="client" size="10" maxlength="10">
    </div>
    <div>
        <label for="surname">Surname</label>
        <input class="_single_output" type="text" name="surname" id="surname" size="28" maxlength="32">
    </div>
    <div>
        <label for="forename">Forename</label>
        <input class="_single_output" type="text" name="forename" id="forename" size="28" maxlength="32">
    </div>
    <div>
        <label for="address">Address</label>
        <input class="_single_output" type="text" name="address" id="address" size="28" maxlength="32">
    </div>
    <div>
        <label for="zip">Zip</label>
        <input class="_single_output" type="text" name="zip" id="zip" size="10" maxlength="6">
    </div>
    <div>
        <label for="phone">Phone&#160Number</label>
        <input class="_single_output" type="text" name="phone" id="phone" size="18" maxlength="20">
    </div>
    <div>
        <label for="mac">MAC</label>
        <select name="mac" id="mac" class="_autoload">
            <option value=''>New...</option>
        </select>
    </div>
    <div>
        <label for="node">Node</label>
        <select name="node" id="node">
            <option value="">Undefined</option>
        </select>
    </div>
    <div>
        <label for="giveconfig">Giveconfig</label>
        <select name="giveconfig" id="giveconfig">
            <option value="">Undefined</option>
        </select>
    </div>
    <div>
        <label for="subconfig">Sub.config</label>
        <select name="subconfig" id="subconfig">
            <option value="">undefined</option>
        </select>
    </div>
    <div id="submit">
        <img src="../gfx/dropdown/document-save.png" alt="Save" title="Save">
        <img src="../gfx/dropdown/user-trash.png" alt="Delete" title="Delete">
        <img src="../gfx/dropdown/edit-undo.png" alt="Undo" title="Undo">
        <img src="../gfx/dropdown/printer.png" alt="Print Page" title="Print page" onclick="window.print()">
    </div>
</form>
</div>

<table id="list" class="list">
    <thead>
        <tr>

<th class="registered">&#160</th>
<th class="mac">MAC</th>
<th class="status descorder">&#160</th>
<th class="type">Type</th>
<th class="cmtsdsus">DS-US</th>
<th class="signal">Refl</th>
<th class="signal">SNR</th>
<th class="signal">Rx</th>
<th class="signal">Tx</th>
<th class="traffic">In</th>
<th class="traffic">Out</th>
<th class="node">Node</th>
<th class="giveconfig">Giveconfig</th>
        </tr>
    </thead>

    <tbody>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
<tr class="status_6" onclick="edit(this)">
    <td class="registered"></td> <td title="Normann, Ola">0011e31270ce</td> <td title="Registration complete" class="status_6">6</td> <td title="">TCM420</td> <td title="192.168.0.1">ds0-us1</td> <td title="dB">31</td> <td title="dB">38.2</td> <td title="dBmV">-6.6</td> <td title="dBmV">47.2</td> <td title="bit/s (24H average)">60.0</td> <td title="bit/s (24H average)">23.0</td> <td title="Hovedgaten 5">Hovedgaten 5</td> <td title="running config: 256-64.cfg"><div class="">256-64.cfg</div></td>
</tr>
    </tbody>
</table>

</body>

</html>