동적 테이블 row 추가/삭제 스크립트 채택완료

</p>

<p><?php 

//$wr_6; //품사/예문

//$wr_7; //의미/표현

//$wr_8; //연관어(유의어,상대어,속어)/번역문

    if ($w == "u") {

    $wr_6x = explode("|",substr($write['wr_6'],1));

    $wr_7x = explode("|",substr($write['wr_7'],1));

    $wr_8x = explode("|",substr($write['wr_8'],1));

    }

?>

<div style="height:10px;"> </div>    

<label for="wr_4" class="user-label">항목 입력</label></p>

<p><!-----//source <a href="https://coursesweb.net/javascript/add-delete-rows-table-javascript" target="_blank" rel="noopener noreferrer">https://coursesweb.net/javascript/add-delete-rows-table-javascript</a> ---------->

<table id="table1" border="0" style="border:0px solid #ccc">

        <!--col width="4%"></col-->

        <col width="8%"></col>

        <col width="38%"></col>

        <col width="38%"></col>

        <col width="8%"></col>

        <col width="8%"></col>

    <tr>

        <!--th>ID</th-->

        <th style="border:1px solid #ccc">구분</th>

        <th style="border:1px solid #ccc">번역/표현</th>

        <th style="border:1px solid #ccc">참조어/해석</th>

        <th style="border:1px solid #ccc">Delete</th>

        <th style="border:1px solid #ccc">Add Rows</th>

    </tr></p>

<p>

    <?php if ($w == "u") { ?>

    <div></p>

<p>    <?php for ($i = 0;  $i < count($wr_6x); $i++) { ?>

    <tr>

        <!--td class="tbl_id" style="text-align:center">1</td-->

        <td style="border:1px solid #ccc"><input class='frm_input_a' name='wr_6x[]' type='text' required itemname='구분' value='<?php echo $wr_6x[$i];?>' maxlength='20'></td>

        <td style="border:1px solid #ccc"><input class='frm_input_b' name='wr_7x[]' type='text' itemname='번역/표현' value='<?php echo $wr_7x[$i]; ?>' maxlength='120'></td>

        <td style="border:1px solid #ccc"><input class='frm_input_b' name='wr_8x[]' type='text' itemname='참조어/해석' value='<?php echo $wr_8x[$i]; ?>' maxlength='120'></td>

        <td style="border:1px solid #ccc"><input type="button" value="Delete" onclick="ob_adRows.delRow(this)"/></td>

        <td style="border:1px solid #ccc"><input type="button" value="Add Row" onclick="ob_adRows.addRow(this)"/></td>

    </tr>

    <?php } ?></p>

<p>    </div>

    <?php } ?></p>

<p><table id=dyntbl1 width="100%" cellspacing=1 cellpadding=3 bgcolor="#EEEEEE">

        <col align="center" width="8%"></col>

        <col align="center" width="38%"></col>

        <col align="center" width="38%"></col>

        <col align="center" width="8%"></col>

        <col align="center" width="8%"></col>

</table></p>

<p><div>

    <input style="float:right; margin:5px 2px" type="button" value="Add Row at end" onclick="ob_adRows.addRow()"/>

</div></p>

<p><script>

//JS class to add/delete rows in html table - <a href="https://coursesweb.net/javascript/ " target="_blank" rel="noopener noreferrer">https://coursesweb.net/javascript/ </a>

//receives table id

function adRowsTable(id){

  var table = document.getElementById(id);

  var me = this;

  if(document.getElementById(id)){

    var row1 = table.rows[1].outerHTML;</p>

<p>    //adds index-id in cols with class .tbl_id

    function setIds(){

      var tbl_id = document.querySelectorAll('#'+ id +' .tbl_id');

      for(var i=0; i<tbl_id.length; i++) tbl_id[i].innerHTML = i+1;

    }</p>

<p>    //add row after clicked row; receives clicked button in row

    me.addRow = function(btn){

      btn ? btn.parentNode.parentNode.insertAdjacentHTML('afterend', row1): table.insertAdjacentHTML('beforeend',row1);

      setIds();

    }</p>

<p>    //delete clicked row; receives clicked button in row

    me.delRow = function(btn){

      btn.parentNode.parentNode.outerHTML ='';

      setIds();

    }

  }

}</p>

<p>//create object of adRowsTable(), pass the table id

var ob_adRows = new adRowsTable('table1');

</script></p>

<p>

</p>

<p>//$wr_6; //품사/예문

//$wr_7; //의미/표현

//$wr_8; //연관어(유의어,상대어,속어)/번역문

for ($i = 0;  $i < count($wr_6x); $i++)

{

    $wr_6 = $wr_6."|".$wr_6x[$i];

    $wr_7 = $wr_7."|".$wr_7x[$i];

    $wr_8 = $wr_8."|".$wr_8x[$i];

}

$sql678 = "update $write_table set

    wr_6  = '$wr_6',

    wr_7  = '$wr_7',

    wr_8  = '$wr_8'                     

    where wr_id = '$wr_id' ";

sql_query($sql678);</p>

<p>