버튼추가 질문

초보이에요 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023.10.19 13:21:57 1194 (112.♡.♡.50)

본문


<div class="card" style="margin-bottom:20px;">
        <div class="card-header" style="color: #8c8c8c;font-size:14px;font-weight:bold;">
    <i class="fa fa-user-circle" style="margin-right:5px;"></i>모집분야 <input type="button" class="add" value="ADD ONE +" onClick="addRow()"> </div>
        <div class="card-body">
<div class="form-group row mb-0"style="
display: flex;
flex-direction: column;
">
<script>
function addRow() {
    var oRow = dyntbl1.insertRow();
        oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
        if(navigator.userAgent.indexOf("MSIE")){
            var oCell1 = oRow.insertCell();
            var oCell2 = oRow.insertCell();
            var oCell6 = oRow.insertCell();
            var oCell7 = oRow.insertCell();
            oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;">";
            oCell2.innerHTML = "<input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;">";
            oCell6.innerHTML = "<input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;">";
            oCell7.innerHTML = "<input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;">"
        document.recalc();
        }
        else if(navigator.userAgent.indexOf("Chrome")){
            var oCell1 = oRow.insertCell();
            var oCell2 = oRow.insertCell();
            var oCell6 = oRow.insertCell();
            var oCell7 = oRow.insertCell();
            oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;">";
            oCell2.innerHTML = "<input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;">";
            oCell6.innerHTML = "<input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;">";
            oCell7.innerHTML = "<input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;">"
            }
    else if(navigator.userAgent.indexOf("Safari")){
        var oCell1 = oRow.insertCell();
        var oCell2 = oRow.insertCell();
        var oCell6 = oRow.insertCell();
        var oCell7 = oRow.insertCell();
        oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;">";
        oCell2.innerHTML = "<input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;">";
        oCell6.innerHTML = "<input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;">";
        oCell7.innerHTML = "<input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;">"
        }
        else if(navigator.userAgent.indexOf("Firefox")){
            var oCell1 = oRow.insertCell();
            var oCell2 = oRow.insertCell();
            var oCell6 = oRow.insertCell();
            var oCell7 = oRow.insertCell();
            oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;">";
            oCell2.innerHTML = "<input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;">";
            oCell6.innerHTML = "<input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;">";
            oCell7.innerHTML = "<input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;">"
        }
        else{
            var oCell1 = oRow.insertCell();
            var oCell2 = oRow.insertCell();
            var oCell6 = oRow.insertCell();
            var oCell7 = oRow.insertCell();
            oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;">";
            oCell2.innerHTML = "<input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;">";
            oCell6.innerHTML = "<input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;">";
            oCell7.innerHTML = "<input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;">"
            }
}
function delRow() {
    dyntbl1.deleteRow(dyntbl1.clickedRowIndex);
}
function delRow_php(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('dyntbl2').deleteRow(i);
}
function fixscreen() {
    var buffer = document.all.item(0).outerHTML;
    document.open("text/html", "replace");
    document.write(buffer);
    document.close();
}
function addCol() {
    var vCell,tmp;
        for (var i=0; i<dyntbl1.rows.length; i++) {
        tmp=dyntbl1.rows[i].cells[dyntbl1.rows[i].cells.length-1].cloneNode(true);
        dyntbl1.rows[i].deleteCell();
        vCell=dyntbl1.rows[i].insertCell();
        vCell.innerHTML=i==0?"<input type=button value=' X ' onclick='delCol(parentNode.cellIndex)'>":" ";
        vCell=dyntbl1.rows[i].insertCell();
        vCell.innerHTML=tmp.innerHTML;
        }
}
function delCol(idx) {
    for (var i=0; i<=dyntbl1.rows.length; i++) {
    dyntbl1.rows[i].cells[idx].removeNode();
    }
}
</script>

<table class="table01">
<tbody>
<tr>
<th style="border-right:1px solid #FFFFFF;background-color: #DCDCDC;text-align: center;height: 30px;border-bottom: 1px solid #CCC;padding: 10px 10px;" id="work">분야</th>
<th style="border-right:1px solid #FFFFFF;background-color: #DCDCDC;text-align: center;height: 30px;border-bottom: 1px solid #CCC;padding: 10px 10px;">경력</th>
<th style="border-right:1px solid #FFFFFF;background-color: #DCDCDC;text-align: center;height: 30px;border-bottom: 1px solid #CCC;padding: 10px 10px;">급여</th>
<th style="border-right:1px solid #FFFFFF;background-color: #DCDCDC;text-align: center;height: 30px;border-bottom: 1px solid #CCC;padding: 10px 10px;">근무시간</th>
</tr>

<tr>
    <td style="border-right: 1px solid #EDEDED;border-bottom: 1px solid #CCC;padding: 10px 10px;"><input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm"  style="width: 100%;"></td>
    <td style="border-right: 1px solid #EDEDED;border-bottom: 1px solid #CCC;padding: 10px 10px;"><input type="text" name="job_rudfur"  value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm"  style="width: 100%;"></td>
    <td style="border-right: 1px solid #EDEDED;border-bottom: 1px solid #CCC;padding: 10px 10px;"><input type="text" name="job_rmqdu"  value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm"  style="width: 100%;"></td>
    <td style="border-bottom: 1px solid #CCC;padding: 10px 10px;"><input type="text" name="job_rmsantlrks"  value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm"  style="width: 100%;"></td>
</tr></tbody>
</table>

이전 질문글에서 https://sir.kr/g5_skin/32431 해당 게시글을 알려주셔서 해당 게시글에서 가지고와서 소스를 수정하려고했으나 잘안되어서 여쭤봅니다

해당 버튼클릭시 addRow() 추가로 생성되는것이고

스크립트안의 addRow() 가 실행되는걸로 인식을 해서 제껀 텍스트박스가 4개라서 var oCell7 는 추가했습니다 버튼클릭시 아무일도 없고 제가 이해한게 잘못된건지 어느부분이 잘못된걸까요?

if(navigator.userAgent.indexOf("MSIE")){
           var oCell1 = oRow.insertCell();
           var oCell2 = oRow.insertCell();
           var oCell6 = oRow.insertCell();
           var oCell7 = oRow.insertCell();
           oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm" style="width: 100%;">";
           oCell2.innerHTML = "<input type="text" name="job_rudfur" value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm" style="width: 100%;">";
           oCell6.innerHTML = "<input type="text" name="job_rmqdu" value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm" style="width: 100%;">";
           oCell7.innerHTML = "<input type="text" name="job_rmsantlrks" value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm" style="width: 100%;">"
       document.recalc();

#그누보드5 #php

답변 1

웅프 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-10-20 05:49:50 114.♡.♡.193

스크립트 부분을 수정을 해야 할거에요.

이것에 대한 헨들링 스크립트 소스를 체크해보세요 보여주실수 있으면 한 번보여줘보세요

그리고 아래 코드를 보면..

document.recalc() 함수는 현제 브라우저에 서는 필요하지않습니다. 즉 현 브라우저에서는 지원을 않한다는거에요... 삭제 하셔도 됩니다.

↳ 초보이에요 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 10:11:40112.♡.♡.50

스크립트 소스는 위에 올린게 전부인데 이렇게 바꾸면 되는걸까요?

<script>
function addRow() {
var oRow = dyntbl1.insertRow();
oRow.onmouseover=function(){dyntbl1.clickedRowIndex=this.rowIndex};
if(navigator.userAgent.indexOf("MSIE")){
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell6 = oRow.insertCell();
var oCell7 = oRow.insertCell();
oCell1.innerHTML = "<input type="text" name="job_qnsdi" value="<?php echo $job_qnsdi ?>" id="job_qnsdi" required class="form-control input-sm" style="width: 100%;">";
oCell2.innerHTML = "<input type="text" name="job_rudfur" value="<?php echo $job_rudfur ?>" id="job_rudfur" required class="form-control input-sm" style="width: 100%;">";
oCell6.innerHTML = "<input type="text" name="job_rmqdu" value="<?php echo $job_rmqdu ?>" id="job_rmqdu" required class="form-control input-sm" style="width: 100%;">";
oCell7.innerHTML = "<input type="text" name="job_rmsantlrks" value="<?php echo $job_rmsantlrks ?>" id="job_rmsantlrks" required class="form-control input-sm" style="width: 100%;">"
}
</script>

↳ 웅프 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 10:14:53114.♡.♡.193

function addRow() {열어으면 닫아야 하지않을까요?

↳ 초보이에요 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 10:52:03112.♡.♡.50

알려주신 소스대로 스크립트안에 넣었는데 작동은 안하네요 ㅠ

↳ 초보이에요 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 10:52:26112.♡.♡.50

스크립트 부분말고도 들어가야하는 소스들이 있는걸까요?

↳ 웅프 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 11:28:40114.♡.♡.193

그냥 이렇게 하나로 하면 되지않나요 왜 구지;;;
<script>
function addRow() {
var oRow = dyntbl1.insertRow();
var oCell1 = oRow.insertCell();
var oCell2 = oRow.insertCell();
var oCell3 = oRow.insertCell();
var oCell4 = oRow.insertCell();

oCell1.innerHTML = "<input type='text' name='job_qnsdi' value='' id='job_qnsdi' required class='form-control input-sm' style='width: 100%;'>";
oCell2.innerHTML = "<input type='text' name='job_rudfur' value='' id='job_rudfur' required class='form-control input-sm' style='width: 100%;'>";
oCell3.innerHTML = "<input type='text' name='job_rmqdu' value='' id='job_rmqdu' required class='form-control input-sm' style='width: 100%;'>";
oCell4.innerHTML = "<input type='text' name='job_rmsantlrks' value='' id='job_rmsantlrks' required class='form-control input-sm' style='width: 100%;'>";
}
</script>

<table class="table01" id="dyntbl1">
<tbody>
<tr>
<th style="border-right: 1px solid #FFFFFF; background-color: #DCDCDC; text-align: center; height: 30px; border-bottom: 1px solid #CCC; padding: 10px 10px;">분야</th>
<th style="border-right: 1px solid #FFFFFF; background-color: #DCDCDC; text-align: center; height: 30px; border-bottom: 1px solid #CCC; padding: 10px 10px;">경력</th>
<th style="border-right: 1px solid #FFFFFF; background-color: #DCDCDC; text-align: center; height: 30px; border-bottom: 1px solid #CCC; padding: 10px 10px;">급여</th>
<th style="border-right: 1px solid #FFFFFF; background-color: #DCDCDC; text-align: center; height: 30px; border-bottom: 1px solid #CCC; padding: 10px 10px;">근무시간</th>
</tr>
</tbody>
</table>

<button type="button" class="add" value="ADD ONE +" onClick="addRow()">추가</button>

↳ 초보이에요 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023-10-20 16:23:46112.♡.♡.50

알려주신대로 넣으니 작동잘되네요 ㅎㅎ 감사합니다 아직 스크립트랑 php같은 부분들이 너무 어려워서 공부중인데 덕분에 많이배워갑니다 스크립트 부분에서 짜주신 소스가 깔끔해서 그런지 기존 소스에서 보이지않던 부분들이 많이 보이네요 소스에서 함수 뜻들이 어떤방식으로 시작되고 어떤방식으로 작동되는지 등 좀더 찾아보고 이해해야할것같네요 마케팅쟁이가 많이배워갑니다 감사합니다.

답변을 작성하시기 전에 로그인 해주세요.

버튼추가 질문

QA