묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
파일로 불러오는 방법
2004.01.07 17:27
제가 나모로 자바스크립트를 삽입했어요.
이걸 빼서 파일로 만든다음에 불러올려고 하거든요. 원래는 소스로 포함되어있지만
소스는 밑에 있는것이에요.
파일로 만들어서 불어오는 태그로 할려면 어떻게 해야하는지 가르쳐주세욤^^;
------------------
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
this.additem = namosw_l_additem;
this.addlist = namosw_l_addlist;
this.make = namosw_l_make;
this.write = namosw_l_write;
this.show = namosw_l_show;
this.update = namosw_l_update;
this.updateparent = namosw_l_updateparent;
this.items = new Array();
this.id = document.namosw_lists.length;
this.parent_id = 0;
this.x = 0;
this.y = 0;
this.visible = visible;
this.width = width;
this.height = height;
this.parent = parent;
this.indent = indent;
this.fgColor = fgColor;
this.hfgColor = hfgColor;
this.bgColor = bgColor;
this.hbgColor = hbgColor;
this.font_start = '';
this.font_end = '';
this.font_start = '<font color=' + fgColor;
if (font != '') this.font_start += ' face="' + font + '"';
if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
this.font_start += '>';
this.font_start += '<span';
if (size.indexOf('pt', 0) != -1)
this.font_start += ' style="font-size:' +size+ ';"';
this.font_start += '>';
this.font_end = '</span>';
this.font_end += '</font>';
this.made = false;
this.shown = false;
document.namosw_lists[document.namosw_lists.length] = this;
}
function namosw_l_setclip(layer, left, right, top, bottom) {
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.clip.left = left;
layer.clip.right = right;
layer.clip.top = top;
layer.clip.bottom = bottom;
} else {
layer.style.pixelWidth = right-left;
layer.style.pixelHeight = bottom-top;
layer.style.clip = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
}
}
function namosw_l_write() {
var layer, clip, str;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
if (navigator.appName.indexOf('+ '+ 'Netscape', 0) != -1)
layer.visibility = "hidden";
else
layer.style.visibility = "hidden";
str = "";
str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
if (layer.type == 'list') {
str += "<td width=15 valign='middle' nowrap><a";
if (navigator.appName.indexOf('Netscape'+ ', 0) != -1) str += " href="javascript:void(0);"";
else str += " style="cursor:hand;"";
str += " onclick="namosw_l_expand("+layer.list.id+");"><img src="collapsed.gif" name="_img"+layer.list.id+"" border='0'></a></td>";
} else {
str += "<td width=15 nowrap> </td>";
}
str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";
if (layer.url) str += "<a href="" + layer.url + "" target="" + layer.frame + "" style="text-decoration:none;">";
if (this.font_start) str += this.font_start;
str += layer.text;
if (this.font_end) str += this.font_end;
if (layer.url) str += "</a>";
str += "</td></table>";
str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.document.writeln(str);
layer.document.close();
} else {
layer.innerHTML = str;
layer.span = document.all['namoswlistspan'+layer.lid];
}
if (layer.type == 'list' && layer.list.visible)
this.items[i].list.write();
}
this.made = true;
}
function namosw_l_show() {
var layer;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
if (navigator.appName.indexOf('Netscape', 0) != -1) {
if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
else layer.document.bgColor = this.bgColor;
} else {
if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
else layer.style.backgroundColor = this.bgColor;
}
if (layer.type == 'list' && layer.list.visible)
layer.list.show();
}
this.shown = true;
}
function namosw_l_update(parent_visible, x, y) {
var top = y, layer, list;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
list = layer.list;
if (this.visible && parent_visible) {
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.visibility = "visible";
layer.top = top;
layer.left = x;
} else {
layer.style.visibility = "visible";
layer.style.pixelTop = top;
layer.style.pixelLeft = x;
// if (layer.url) layer.style.cursor = "hand";
}
top += this.height;
} else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = "hidden";
else layer.style.visibility = "hidden";
}
if (layer.type == 'list') {
if (list.visible) {
if (!list.made) list.write();
if (!list.shown) list.show();
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "collapsed.gif";
else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
} else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "expanded.gif";
else eval('document.images._img'+list.id+'.src = "expanded.gif"');
}
if (list.made)
top = list.update(this.visible && parent_visible, x, top);
}
}
return top;
}
function namosw_l_updateparent(parent_id) {
this.parent_id = parent_id;
for(var i = 0; i < this.items.length; i++)
if (this.items[i].type == 'list')
this.items[i].list.updateparent(parent_id);
}
function namosw_l_expand(i) {
document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
list = document.namosw_lists[document.namosw_lists[i].parent_id];
list.update(true, list.x, list.y);
}
function namosw_l_make(x, y) {
this.updateparent(this.id);
this.write();
this.show();
this.update(true, x, y);
this.x = x;
this.y = y;
}
function namosw_l_additem(text, url, frame) {
var layer = null;
if (navigator.appName.indexOf('Netscape'+ ', 0) != -1 && this.parent)
layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
else
layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
if (layer == null) {
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
}
if (layer == null) return;
if (url) layer.url = url;
if (frame) {
if (frame.indexOf('parent.') != 0)
layer.frame = "_" + frame;
else
layer.frame = frame.substring(7, frame.length);
}
layer.type = 'item';
layer.text = text;
layer.lid = document.namosw_lists.lid;
this.items[this.items.length] = layer;
layer.hbgColor = this.hbgColor;
layer.oBgColor = this.bgColor;
layer.fgColor = this.fgColor;
layer.hfgColor = this.hfgColor;
if (layer.captureEvents)
layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
layer.onmouseover = namosw_l_onmouseover;
layer.onmouseout = namosw_l_onmouseout;
// layer.onmouseup = namosw_l_onmouseup;
document.namosw_lists.lid++;
}
function namosw_l_addlist(list, text, url, frame) {
var layer = null;
if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
else
layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
if (layer == null) {
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
}
if (layer == null) return;
if (url) layer.url = url;
if (frame) {
if (frame.indexOf('parent.') != 0)
layer.frame = "_" + frame;
else
layer.frame = frame.substring(7, frame.length);
}
layer.list = list;
layer.type = 'list';
layer.text = text;
layer.lid = document.namosw_lists.lid;
this.items[this.items.length] = layer;
list.parent = this;
layer.hbgColor = this.hbgColor;
layer.oBgColor = this.bgColor;
layer.fgColor = this.fgColor;
layer.hfgColor = this.hfgColor;
if (layer.captureEvents)
layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
layer.onmouseover = namosw_l_onmouseover;
layer.onmouseout = namosw_l_onmouseout;
// layer.onmouseup = namosw_l_onmouseup;
document.namosw_lists.lid++;
}
function namosw_l_onmouseover()
{
if (navigator.appName.indexOf('Netscape', 0) != -1) {
if (this.hbgColor)
this.bgColor = this.hbgColor;
} else {
if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
if (this.hfgColor) this.span.style.color = this.hfgColor;
}
if (this.url) self.status = this.url;
}
function namosw_l_onmouseout()
{
if (navigator.appName.indexOf('Netscape', 0) != -1) {
this.bgColor = this.oBgColor;
} else {
this.style.backgroundColor = this.oBgColor;
this.span.style.color = this.fgColor;
}
if (this.url) self.status = '';
}
function namosw_l_onmouseup()
{
if (this.url) {
if (this.frame == 'blank') {
window.open(this.url, 'win1');
} else {
var frame_obj;
if ((frame_obj = eval(this.frame)) != null)
frame_obj.location = this.url;
}
}
}
function namosw_init_list(top_layer)
{
if (parseInt(navigator.appVersion) < 4)
return;
if (top_layer == '')
return;
document.namosw_lists = new Array();
document.namosw_lists.lid = 0;
var layer;
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = document.layers[top_layer];
else
layer = document.all[top_layer];
var string = "";
for (i = 0; i < 7; i++) {
string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
"style='position: absolute;'></div>";
}
layer.innerHTML += string;
l1 = new namosw_list(layer, true, 171, 22, 'Verdana', '2', 'black', '#FFD400', 0, '#D6B200');
l1.additem('공지 사항', 'http://wassum.80port.net/bbs/zboard.php?id=gong', 'main');
l1.additem('자유게시판', 'http://wassum.80port.net/bbs/zboard.php?id=Free', 'main');
l1.additem('50문 / 50 답', 'http://wassum.80port.net/bbs/zboard.php?id=insa', 'main');
l1.additem('끝말 잇기', 'http://wassum.80port.net/bbs/zboard.php?id=mail', 'main');
l1.additem('회원 겔러리'+ ', 'http://wassum.80port.net/bbs/zboard.php?id=Photo_2', 'main');
l1.additem('사이트 링크', 'http://wassum.80port.net/bbs/zboard.php?id=link', 'main');
l1.make(0, 14);
}
function namosw_ns_resize()
{
window.history.go(0);
}
// -->
</script>
이걸 빼서 파일로 만든다음에 불러올려고 하거든요. 원래는 소스로 포함되어있지만
소스는 밑에 있는것이에요.
파일로 만들어서 불어오는 태그로 할려면 어떻게 해야하는지 가르쳐주세욤^^;
------------------
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
this.additem = namosw_l_additem;
this.addlist = namosw_l_addlist;
this.make = namosw_l_make;
this.write = namosw_l_write;
this.show = namosw_l_show;
this.update = namosw_l_update;
this.updateparent = namosw_l_updateparent;
this.items = new Array();
this.id = document.namosw_lists.length;
this.parent_id = 0;
this.x = 0;
this.y = 0;
this.visible = visible;
this.width = width;
this.height = height;
this.parent = parent;
this.indent = indent;
this.fgColor = fgColor;
this.hfgColor = hfgColor;
this.bgColor = bgColor;
this.hbgColor = hbgColor;
this.font_start = '';
this.font_end = '';
this.font_start = '<font color=' + fgColor;
if (font != '') this.font_start += ' face="' + font + '"';
if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
this.font_start += '>';
this.font_start += '<span';
if (size.indexOf('pt', 0) != -1)
this.font_start += ' style="font-size:' +size+ ';"';
this.font_start += '>';
this.font_end = '</span>';
this.font_end += '</font>';
this.made = false;
this.shown = false;
document.namosw_lists[document.namosw_lists.length] = this;
}
function namosw_l_setclip(layer, left, right, top, bottom) {
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.clip.left = left;
layer.clip.right = right;
layer.clip.top = top;
layer.clip.bottom = bottom;
} else {
layer.style.pixelWidth = right-left;
layer.style.pixelHeight = bottom-top;
layer.style.clip = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
}
}
function namosw_l_write() {
var layer, clip, str;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
if (navigator.appName.indexOf('+ '+ 'Netscape', 0) != -1)
layer.visibility = "hidden";
else
layer.style.visibility = "hidden";
str = "";
str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
if (layer.type == 'list') {
str += "<td width=15 valign='middle' nowrap><a";
if (navigator.appName.indexOf('Netscape'+ ', 0) != -1) str += " href="javascript:void(0);"";
else str += " style="cursor:hand;"";
str += " onclick="namosw_l_expand("+layer.list.id+");"><img src="collapsed.gif" name="_img"+layer.list.id+"" border='0'></a></td>";
} else {
str += "<td width=15 nowrap> </td>";
}
str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";
if (layer.url) str += "<a href="" + layer.url + "" target="" + layer.frame + "" style="text-decoration:none;">";
if (this.font_start) str += this.font_start;
str += layer.text;
if (this.font_end) str += this.font_end;
if (layer.url) str += "</a>";
str += "</td></table>";
str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.document.writeln(str);
layer.document.close();
} else {
layer.innerHTML = str;
layer.span = document.all['namoswlistspan'+layer.lid];
}
if (layer.type == 'list' && layer.list.visible)
this.items[i].list.write();
}
this.made = true;
}
function namosw_l_show() {
var layer;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
if (navigator.appName.indexOf('Netscape', 0) != -1) {
if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
else layer.document.bgColor = this.bgColor;
} else {
if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
else layer.style.backgroundColor = this.bgColor;
}
if (layer.type == 'list' && layer.list.visible)
layer.list.show();
}
this.shown = true;
}
function namosw_l_update(parent_visible, x, y) {
var top = y, layer, list;
for(var i = 0; i < this.items.length; i++) {
layer = this.items[i];
list = layer.list;
if (this.visible && parent_visible) {
if (navigator.appName.indexOf('Netscape', 0) != -1) {
layer.visibility = "visible";
layer.top = top;
layer.left = x;
} else {
layer.style.visibility = "visible";
layer.style.pixelTop = top;
layer.style.pixelLeft = x;
// if (layer.url) layer.style.cursor = "hand";
}
top += this.height;
} else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = "hidden";
else layer.style.visibility = "hidden";
}
if (layer.type == 'list') {
if (list.visible) {
if (!list.made) list.write();
if (!list.shown) list.show();
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "collapsed.gif";
else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
} else {
if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "expanded.gif";
else eval('document.images._img'+list.id+'.src = "expanded.gif"');
}
if (list.made)
top = list.update(this.visible && parent_visible, x, top);
}
}
return top;
}
function namosw_l_updateparent(parent_id) {
this.parent_id = parent_id;
for(var i = 0; i < this.items.length; i++)
if (this.items[i].type == 'list')
this.items[i].list.updateparent(parent_id);
}
function namosw_l_expand(i) {
document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
list = document.namosw_lists[document.namosw_lists[i].parent_id];
list.update(true, list.x, list.y);
}
function namosw_l_make(x, y) {
this.updateparent(this.id);
this.write();
this.show();
this.update(true, x, y);
this.x = x;
this.y = y;
}
function namosw_l_additem(text, url, frame) {
var layer = null;
if (navigator.appName.indexOf('Netscape'+ ', 0) != -1 && this.parent)
layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
else
layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
if (layer == null) {
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
}
if (layer == null) return;
if (url) layer.url = url;
if (frame) {
if (frame.indexOf('parent.') != 0)
layer.frame = "_" + frame;
else
layer.frame = frame.substring(7, frame.length);
}
layer.type = 'item';
layer.text = text;
layer.lid = document.namosw_lists.lid;
this.items[this.items.length] = layer;
layer.hbgColor = this.hbgColor;
layer.oBgColor = this.bgColor;
layer.fgColor = this.fgColor;
layer.hfgColor = this.hfgColor;
if (layer.captureEvents)
layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
layer.onmouseover = namosw_l_onmouseover;
layer.onmouseout = namosw_l_onmouseout;
// layer.onmouseup = namosw_l_onmouseup;
document.namosw_lists.lid++;
}
function namosw_l_addlist(list, text, url, frame) {
var layer = null;
if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
else
layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
if (layer == null) {
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
}
if (layer == null) return;
if (url) layer.url = url;
if (frame) {
if (frame.indexOf('parent.') != 0)
layer.frame = "_" + frame;
else
layer.frame = frame.substring(7, frame.length);
}
layer.list = list;
layer.type = 'list';
layer.text = text;
layer.lid = document.namosw_lists.lid;
this.items[this.items.length] = layer;
list.parent = this;
layer.hbgColor = this.hbgColor;
layer.oBgColor = this.bgColor;
layer.fgColor = this.fgColor;
layer.hfgColor = this.hfgColor;
if (layer.captureEvents)
layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
layer.onmouseover = namosw_l_onmouseover;
layer.onmouseout = namosw_l_onmouseout;
// layer.onmouseup = namosw_l_onmouseup;
document.namosw_lists.lid++;
}
function namosw_l_onmouseover()
{
if (navigator.appName.indexOf('Netscape', 0) != -1) {
if (this.hbgColor)
this.bgColor = this.hbgColor;
} else {
if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
if (this.hfgColor) this.span.style.color = this.hfgColor;
}
if (this.url) self.status = this.url;
}
function namosw_l_onmouseout()
{
if (navigator.appName.indexOf('Netscape', 0) != -1) {
this.bgColor = this.oBgColor;
} else {
this.style.backgroundColor = this.oBgColor;
this.span.style.color = this.fgColor;
}
if (this.url) self.status = '';
}
function namosw_l_onmouseup()
{
if (this.url) {
if (this.frame == 'blank') {
window.open(this.url, 'win1');
} else {
var frame_obj;
if ((frame_obj = eval(this.frame)) != null)
frame_obj.location = this.url;
}
}
}
function namosw_init_list(top_layer)
{
if (parseInt(navigator.appVersion) < 4)
return;
if (top_layer == '')
return;
document.namosw_lists = new Array();
document.namosw_lists.lid = 0;
var layer;
if (navigator.appName.indexOf('Netscape', 0) != -1)
layer = document.layers[top_layer];
else
layer = document.all[top_layer];
var string = "";
for (i = 0; i < 7; i++) {
string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
"style='position: absolute;'></div>";
}
layer.innerHTML += string;
l1 = new namosw_list(layer, true, 171, 22, 'Verdana', '2', 'black', '#FFD400', 0, '#D6B200');
l1.additem('공지 사항', 'http://wassum.80port.net/bbs/zboard.php?id=gong', 'main');
l1.additem('자유게시판', 'http://wassum.80port.net/bbs/zboard.php?id=Free', 'main');
l1.additem('50문 / 50 답', 'http://wassum.80port.net/bbs/zboard.php?id=insa', 'main');
l1.additem('끝말 잇기', 'http://wassum.80port.net/bbs/zboard.php?id=mail', 'main');
l1.additem('회원 겔러리'+ ', 'http://wassum.80port.net/bbs/zboard.php?id=Photo_2', 'main');
l1.additem('사이트 링크', 'http://wassum.80port.net/bbs/zboard.php?id=link', 'main');
l1.make(0, 14);
}
function namosw_ns_resize()
{
window.history.go(0);
}
// -->
</script>
메모장이나 HTML 편집기를 이용해서 소스 파일을 저장하세요.
예를 들어 '파일이름.확장자'라고 저장했다고 합시다.
그리고 다른 html 파일에 삽입할때는 <? include ("파일이름.확장자"); ?> 라고 하시면됩니다.
단, 확장자가 htm 일때는 안먹힙니다.