찾아보기 이미지버튼 정보
찾아보기 이미지버튼본문
현재 IE8에서는 이상없습니다.
역시나 크롬이나 IE9-10 이미지의 하단과 같이 이미지가 출력이 안됩니다.
---->아래부분 아무리 고쳐 봐도 ... 이것역시 크로스브라우징 ;;인가요?
"objCell.innerHTML = "<input type=text name='box"+flen+"' class=ed size='20'> ";
objCell.innerHTML += "<span style='overflow:hidden; width:83; height:23; background-image:url(<? =$board_skin_path?>/img/file_serch_bt.gif);'><input type='file' itemname='파일첨부' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능' style='width:0;height:20;filter:alpha(opacity=0);selector-dummy : expression(this.hideFocus=true);cursor:pointer;' onchange='box"+flen+".value=this.value'></span>
아래 소스올려봅니다.
-----------------------------------------------------------------------------------------------
<tr><td colspan=4 height=1 bgcolor=#dddddd></td></tr>
<? if ($is_file) { ?>
<tr>
<td class=write_head >
<table cellpadding=0 cellspacing=0>
<tr>
<td class=write_head style="padding-top:10px; padding-bottom:8px; line-height:20px;">
<img src="<?=$board_skin_path?>/img/dot.gif"> 파일첨부
<span onClick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif" align="absmiddle"></span>
<span onClick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif" align="absmiddle"></span>
</td>
</tr>
</table>
</td>
<td style='padding:5 0 10 5;' colspan=4><table id="variableFiles" cellpadding=0 cellspacing=0></table><?// print_r2($file); ?>
<script type="text/javascript">
var flen = 0;
function add_file(delete_code)
{
var upload_count = <?=(int)$board[bo_upload_count]?>;
if (upload_count && flen >= upload_count)
{
alert("이 게시판은 "+upload_count+"개 까지만 파일 업로드가 가능합니다.");
return;
}
var objTbl;
var objRow;
var objCell;
if (document.getElementById)
objTbl = document.getElementById("variableFiles");
else
objTbl = document.all["variableFiles"];
objRow = objTbl.insertRow(objTbl.rows.length);
objCell = objRow.insertCell(0);
objCell.innerHTML = "<input type=text name='box"+flen+"' class=ed size='20'> ";
objCell.innerHTML += "<span style='overflow:hidden; width:83; height:23; background-image:url(<?=$board_skin_path?>/img/file_serch_bt.gif);'><input type='file' itemname='파일첨부' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능' style='width:0;height:20;filter:alpha(opacity=0);selector-dummy : expression(this.hideFocus=true);cursor:pointer;' onchange='box"+flen+".value=this.value'></span><br>";
if (delete_code)
objCell.innerHTML += delete_code;
else
{
<? if ($is_file_content) { ?>
objCell.innerHTML += "<br><input type='text' class='ed' size=50 name='bf_content[]' title='업로드 이미지 파일에 해당 되는 내용을 입력하세요.'>";
<? } ?>
;
}
flen++;
}
<?=$file_script; //수정시에 필요한 스크립트?>
function del_file()
{
// file_length 이하로는 필드가 삭제되지 않아야 합니다.
var file_length = <?=(int)$file_length?>;
var objTbl = document.getElementById("variableFiles");
if (objTbl.rows.length - 1 > file_length)
{
objTbl.deleteRow(objTbl.rows.length - 1);
flen--;
}
}
</script></td>
</tr>
----------------------------------------------------------------------------------------------
역시나 크롬이나 IE9-10 이미지의 하단과 같이 이미지가 출력이 안됩니다.
---->아래부분 아무리 고쳐 봐도 ... 이것역시 크로스브라우징 ;;인가요?
"objCell.innerHTML = "<input type=text name='box"+flen+"' class=ed size='20'> ";
objCell.innerHTML += "<span style='overflow:hidden; width:83; height:23; background-image:url(<? =$board_skin_path?>/img/file_serch_bt.gif);'><input type='file' itemname='파일첨부' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능' style='width:0;height:20;filter:alpha(opacity=0);selector-dummy : expression(this.hideFocus=true);cursor:pointer;' onchange='box"+flen+".value=this.value'></span>
아래 소스올려봅니다.
-----------------------------------------------------------------------------------------------
<tr><td colspan=4 height=1 bgcolor=#dddddd></td></tr>
<? if ($is_file) { ?>
<tr>
<td class=write_head >
<table cellpadding=0 cellspacing=0>
<tr>
<td class=write_head style="padding-top:10px; padding-bottom:8px; line-height:20px;">
<img src="<?=$board_skin_path?>/img/dot.gif"> 파일첨부
<span onClick="add_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_add.gif" align="absmiddle"></span>
<span onClick="del_file();" style="cursor:pointer;"><img src="<?=$board_skin_path?>/img/btn_file_minus.gif" align="absmiddle"></span>
</td>
</tr>
</table>
</td>
<td style='padding:5 0 10 5;' colspan=4><table id="variableFiles" cellpadding=0 cellspacing=0></table><?// print_r2($file); ?>
<script type="text/javascript">
var flen = 0;
function add_file(delete_code)
{
var upload_count = <?=(int)$board[bo_upload_count]?>;
if (upload_count && flen >= upload_count)
{
alert("이 게시판은 "+upload_count+"개 까지만 파일 업로드가 가능합니다.");
return;
}
var objTbl;
var objRow;
var objCell;
if (document.getElementById)
objTbl = document.getElementById("variableFiles");
else
objTbl = document.all["variableFiles"];
objRow = objTbl.insertRow(objTbl.rows.length);
objCell = objRow.insertCell(0);
objCell.innerHTML = "<input type=text name='box"+flen+"' class=ed size='20'> ";
objCell.innerHTML += "<span style='overflow:hidden; width:83; height:23; background-image:url(<?=$board_skin_path?>/img/file_serch_bt.gif);'><input type='file' itemname='파일첨부' class=ed size=32 name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능' style='width:0;height:20;filter:alpha(opacity=0);selector-dummy : expression(this.hideFocus=true);cursor:pointer;' onchange='box"+flen+".value=this.value'></span><br>";
if (delete_code)
objCell.innerHTML += delete_code;
else
{
<? if ($is_file_content) { ?>
objCell.innerHTML += "<br><input type='text' class='ed' size=50 name='bf_content[]' title='업로드 이미지 파일에 해당 되는 내용을 입력하세요.'>";
<? } ?>
;
}
flen++;
}
<?=$file_script; //수정시에 필요한 스크립트?>
function del_file()
{
// file_length 이하로는 필드가 삭제되지 않아야 합니다.
var file_length = <?=(int)$file_length?>;
var objTbl = document.getElementById("variableFiles");
if (objTbl.rows.length - 1 > file_length)
{
objTbl.deleteRow(objTbl.rows.length - 1);
flen--;
}
}
</script></td>
</tr>
----------------------------------------------------------------------------------------------
댓글 전체
아 아까 그분 왜 지우셨는지 채택하려했는데
무튼 감사합니다. ^^ 이리 간단할줄이야
현데 자동줄바꿈이 ;;; 또 display:block의 경우...margin:0; auto;
해주면 다시 안보입니다. ;;;
왜이리 어려운지 ㅠㅠ
무튼 감사합니다. ^^ 이리 간단할줄이야
현데 자동줄바꿈이 ;;; 또 display:block의 경우...margin:0; auto;
해주면 다시 안보입니다. ;;;
왜이리 어려운지 ㅠㅠ
헌데 두번째 그림에 하얀 테두리는 역시나 ;;;
그리고 텍스트박스 아래로 찾아보기 버튼이 달리는데 어떻게 수정하는지 .. 알려주십시요
그리고 텍스트박스 아래로 찾아보기 버튼이 달리는데 어떻게 수정하는지 .. 알려주십시요