obj.innerText -> obj.childNodes[0].nodeVal!ue

innerText,outerHTML,outerText는 IE말고는 다른 브라우져에서 지원하지 않는다.
DOM으로 접근해서 값을 가져오는/설정하는 방식을 사용하면 된다

http://www.blueb.co.kr/SRC/javascript/package/dhtmlxTree/

Often there is a need to show a hierachically structured data.
Our dhtmlxTree (DHTML extensions Tree) lets to do this in an easy and most comfortable way - in any browser! Having such features, as dynamical loading of items from a XML stream allows it to handle large amounts of data. Drag-and-drop makes it possible to drag items not just within one tree, but between different trees. Try by yourself now:

Books Mystery & Thrillers Lawrence Block Robert Crais Ian Rankin James Patterson Nancy Atherton History John Mack Faragher Jim Dwyer Larry Schweikart Sport Bill Reynolds Magazines Sport R. Lee Ermey Horror Stephen King Dan Brown Mary Janice Davidson Katie Macalister Science Fiction & Fantasy Audrey Niffenegger Philip Roth Teens Joss Whedon Meg Cabot Garth Nix Ann Brashares

Lawrence Block All the Flowers Are Dying The Burglar on the Prowl The Plot Thickens Grifter's Game The Burglar Who Thought He Was Bogart Robert Crais The Forgotten Man Stalking the Angel Sunset Express Hostage Dan Brown Angels & Demons Deception Point Digital Fortress The Da Vinci Code Deception Point Free Fall Joss Whedon Astonishing X-Men Joss Whedon: The Genius Behind Buffy Fray Tales Of The Vampires The Harvest

//---------------------------------------------------------------------------------- 라디오 버튼 자동 체크
function auto_radio(this_s,v_value){ //라디오 버튼인지 체크하지는 않습니다.
 var m =this_s.length;
 if(!m){
  this_s.checked = true;
  return;
 }
 for(var i=0;i  if(this_s.value == v_value){
   this_s[i].checked = true;
   return;
  }
 }
  this_s[0].checked = true;
}

//------------------------------------------------------------------------

ex.

<script>
function mk_btn_updown(idname,num_max,num_min){
//num_max이 0(false)이면 max값을 무한대이다.
//min의 기본값은 0이다.
var num_min=parseInt(num_min)?parseInt(num_min):0;
var num_max=parseInt(num_max)?parseInt(num_max):'max';

var ta = document.getElementById(idname);
ta.style.verticalAlign='middle';
ta.readOnly = true;

var span = document.createElement('span')
span.style.margin='0px';
span.style.padding='0px';
span.style.borderStyle='solid';
span.style.borderWidth='0px';
//span.style.height='10px';
//span.style.width='10px';
span.style.top='0px';
span.style.left='0px';
span.style.verticalAlign='middle';
//span.style.position='relative';

var input_up = document.createElement('input')
input_up.type='button';
input_up.value='▲';
input_up.style.backgroundColor='#FFEEEE';
input_up.style.verticalAlign='middle';
input_up.style.fontSize='8px';
input_up.style.borderStyle='none';
input_up.style.width='10px';
input_up.style.height='20px';
input_up.style.margin='0px';
input_up.style.padding='0px';
//input_up.style.top='-5px';
//input_up.style.float='left';
//input_up.style.position='relative';
var input_down = input_up.cloneNode(false);
input_down.style.verticalAlign='middle';
input_down.value='▼';
input_down.style.backgroundColor='#EEEEFF';
//input_down.style.top='5px';
//input_down.style.left='-10px';
span.appendChild(input_up);
span.appendChild(input_down);

var handleEvent1 = function(){
temp = input_up.parentNode.previousSibling;
if(num_max=='max'){
temp.value=parseInt(temp.value)+1;
}else if((next=parseInt(temp.value)+1)<=num_max){
temp.value=next;
}
}
if(input_up.attachEvent)
input_up.attachEvent("onclick", handleEvent1 );
else
input_up.addEventListener("click", handleEvent1 , false);

var handleEvent2 = function(){
temp = input_down.parentNode.previousSibling;
if(parseInt(temp.value)-1>= num_min){
temp.value=parseInt(temp.value)-1;
}
}
if(input_down.attachEvent)
input_down.attachEvent("onclick", handleEvent2 );
else
input_down.addEventListener("click", handleEvent2 , false);

if (ta.nextSibling)
ta.parentNode.insertBefore(span,ta.nextSibling);
else ta.parentNode.appendChild(span);
}
</script>
<div>
<input type="text" id="test" size="5" maxlength="10" value="3" style="font-size:12px; ">
</div>
<script>mk_btn_updown('test',10,-4);</script>

<SCRIPT>
var numArray=[0,21,1225,1247,11,1119,8];
document.write('numArray='+numArray+'<BR><BR>') // 배열변수 출력

function sortSame(a,a){ return a-a}; // 인수 a,a로 배열변수 정렬에 변화 없다.
document.write(numArray.sort(sortReverse)); // 기능함수 호출하여 출력

function sortNumbers(a,b){ return a-b}; // 인수 a,b로 배열변수를 오름차 순으로 정렬
document.write(numArray.sort(sortNumbers)+'<BR>'); // 기능함수 호출하여 출력

function sortReverse(b,a){ return a-b}; // 인수 b,a로 배열변수를 내림차 순으로 정렬
document.write(numArray.sort(sortReverse)); // 기능함수 호출하여 출력
</SCRIPT>

<SCRIPT>
function reverseSort(b,a){
  if(a>b) return 1;
  if(a<b) return -1;
  return 0;
}

var numArray=[0,21,1225,1247,11,1119,8]
document.write(numArray+'<BR>');
document.write(numArray.sort(reverseSort));
</SCRIPT>

-----------=-------------

JS에서 배열을 소팅할 때 기능함수를 사용하여, 소팅 방법을 정할 수 있다.

http://koxo.com/lang/js/method/exp/xsortReverse.html#sortfunction

• MSIE (5.5+)
  FILTER: alpha(opacity:[0~100])
• 모질라계열
  -moz-opacity:[0~1]
• CSS3지원 계열(FF,오페라 등)
  opacity:[0~1]

------

<UL>
<LI>MSIE (5.5+)<BR>FILTER: alpha(opacity:[0~100])
<LI>모질라계열<BR>-moz-opacity:[0~1]
<LI>CSS3지원 계열(FF,오페라 등)<BR>opacity:[0~1] </LI></UL>
<P>------<BR></P>
<TABLE style="BACKGROUND-COLOR: #666666" cellSpacing=0 cellPadding=0 width=300
border=0>
<TBODY>
<TR>
<TD>Normal</TD></TR>
<TR>
<TD> </TD></TR></TBODY></TABLE><BR>
<TABLE style="FILTER: Alpha(opacity=40); BACKGROUND-COLOR: #666666"
cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>MSIE(5.5+)</TD></TR>
<TR>
<TD>style="filter:Alpha(opacity=40)"</TD></TR></TBODY></TABLE><BR>
<TABLE style="BACKGROUND-COLOR: #666666; moz-opacity: 0.4" cellSpacing=0
cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>모질라계열(FF)</TD></TR>
<TR>
<TD>style="-moz-opacity:0.4"</TD></TR></TBODY></TABLE><BR>
<TABLE style="BACKGROUND-COLOR: #666666; opacity: 0.4" cellSpacing=0
cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>CSS3(오페라,FF)</TD></TR>
<TR>
<TD>style="opacity:0.4"</TD></TR></TBODY></TABLE>

<script type="text/javascript">
var i_num=0;
function table_insert_row(this_s){
parent_td = this_s.parentNode;
parent_tr = parent_td.parentNode;
parent_table = parent_tr.parentNode;
clone_tr = parent_tr.cloneNode(true);

if (parent_tr.nextSibling)
parent_tr.parentNode.insertBefore(clone_tr,parent_tr.nextSibling);
else parent_tr.parentNode.appendChild(clone_tr);

//parent_table.appendChild(clone_tr)
}
</script>
<table width="100"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="50%"> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr bgcolor="#993300">
    <td> </td>
    <td> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td bgcolor="#0066CC"> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="#99CC33"> </td>
    <td> <span onClick="table_insert_row(this);">삽입</span></td>
  </tr>
</table>

한국전통 표준 색명 및 색상
한국의 전통색은 기본이 되는 오방색(五方色)인 오정색(五正色)과
정색의 혼합으로 만들어진 오간색(五間色)으로 이루워집니다.

오정색(五正色)：적(赤), 청(靑), 황(黃), 흑(黑), 백(白)
오간색(五間色)：유황(유黃), 홍(紅), 벽(碧) 녹(綠), 자(紫)

오방색의 표준은 한국자수박물관과 석주선기념민속박물관의 유물자료를 참고로
유물의 색깔과 현재 보편적으로 통용되는 인쇄용 색견본을 비교해 선정한 것이고,

서백과 동청이 배합하여 벽색을 이루고, 남주(적)와 북현(흑)이 배합하여 자색을 이루고, 중황과 동청이 배합하여 녹색을 이루고, 서백과 남주가 배합하여 홍색을 이루는 오행배합 원리로 여러가지 색깔의 좌표를 추정한 것입니다.

http://oxtag.com/php/p/timer.php

<?
function php_timer(){
  static $arr_timer;
  if(!isset($arr_timer)){
  $arr_timer = explode(" ", microtime());
  }else{
    $arr_timer2 = explode(" ", microtime());
    $result = ($arr_timer2[1] - $arr_timer[1]) + ($arr_timer2[0] - $arr_timer[0]);
    $result = sprintf("%.4f",$result);
    return $result;
  }
  return false;
}

//----------------------------예제
print("초기화");
print php_timer().'<br>';
print("2초 쉽니다.");
sleep(2);
print php_timer().'<br>';
print("3초 쉽니다.");
sleep(3);
print php_timer().'<br>';
print("4초 쉽니다.");
sleep(4);
print php_timer().'<br>';
?>

showModalDialog Method

Creates a modal dialog box that displays the specified HTML document.

Syntax

vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])

Parameters

sURL	Required. Stringthat specifies the URL of the document to load and display.
vArguments	Optional. Variant that specifies the arguments to use when displaying the document. Use this parameter to pass a value of any type, including an array of values. The dialog box can extract the values passed by the caller from the dialogArguments property of the window object.
sFeatures	Optional. Stringthat specifies the window ornaments for the dialog box, using one or more of the following semicolon-delimited values: dialogHeight:sHeight Sets the height of the dialog window (see Remarks for default unit of measure). dialogLeft:sXPos Sets the left position of the dialog window relative to the upper-left corner of the desktop. dialogTop:sYPos Sets the top position of the dialog window relative to the upper-left corner of the desktop. dialogWidth:sWidth Sets the width of the dialog window (see Remarks for default unit of measure). center:{ yes | no | 1 | 0 | on | off } Specifies whether to center the dialog window within the desktop. The default is yes. dialogHide:{ yes | no | 1 | 0 | on | off } Specifies whether the dialog window is hidden when printing or using print preview. This feature is only available when a dialog box is opened from a trusted application. The default is no. edge:{ sunken | raised } Specifies the edge style of the dialog window. The default is raised. resizable:{ yes | no | 1 | 0 | on | off } Specifies whether the dialog window has fixed dimensions. The default is no. scroll:{ yes | no | 1 | 0 | on | off } Specifies whether the dialog window displays scrollbars. The default is yes. status:{ yes | no | 1 | 0 | on | off } Specifies whether the dialog window displays a status bar. The default is yes for untrusted dialog windows and no for trusted dialog windows. unadorned:{ yes | no | 1 | 0 | on | off } Specifies whether the dialog window displays the border window chrome. This feature is only available when a dialog box is opened from a trusted application. The default is no.

Return Value

Variant. Returns the value of the returnValue property as set by the window of the document specified in sURL .

Remarks

A modal dialog box retains the input focus while open. The user cannot switch windows until the dialog box is closed.

Because a modal dialog box can include a URL to a resource in a different domain, do not pass information through the vArguments parameter that the user might consider private. The vArguments parameter can be referenced within the modal dialog box using the dialogArguments property of the window object. If the vArguments parameter is defined as a string, the maximum string length that can be passed to the modal dialog box is 4096 characters; longer strings are truncated.

As of Microsoft Internet Explorer 4.0, you can eliminate scroll bars on dialog boxes. To turn off the scroll bar, set the SCROLL attribute to false in the body element for the dialog window, or call the modal dialog box from a trusted application.

Internet Explorer 5 and later allows further control over modal dialog boxes through the status and resizable values in the sFeatures parameter of the showModalDialog method. Turn off the status bar by calling the dialog box from a trusted application, such as Microsoft Visual Basic or an HTML Application (HTA), or from a trusted window, such as a trusted modal dialog box. These applications are considered to be trusted because they use Internet Explorer interfaces instead of the browser. Any dialog box generated from a trusted source has the status bar turned off by default. Resizing is turned off by default, but you can turn it on by specifying resizable=yes in the sFeatures string of the showModalDialog method.

You can set the default font settings the same way you set Cascading Style Sheets (CSS) attributes (for example, "font:3;font-size:4"). To define multiple font values, use multiple font attributes.

The default unit of measure for dialogHeight and dialogWidth in Internet Explorer 5 and later is the pixel. The value can be an integer or floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For consistent results, specify the dialogHeight and dialogWidth in pixels when designing modal dialog boxes.

For Windows Internet Explorer 7 or later, dialogHeight and dialogWidth return the height and width of the content area and no longer includes the height and width of the frame.

Internet Explorer 7 and later. Although a user can manually adjust the height of a dialog box to a smaller value provided the dialog box is resizable the minimum dialogHeight you can specify is 150 pixels, and the minimum dialogWidth you can define is 250 pixels. In versions earlier than Internet Explorer 7 the minimum value of the dialogHeight that can be specified is 100 pixels. The minimum value of the dialogHeight is 100 pixels.

To override center, even though the default for center is yes, you can specify either dialogLeft and/or dialogTop.

This method must use a user-initiated action, such as clicking on a link or tabbing to a link and pressing enter, to open a pop-up window. The Pop-up Blocker feature in Internet Explorer 6 blocks windows that are opened without being initiated by the user.

Note  For Internet Explorer 7 or later, help is not a valid value for sFeatures. In previous versions, help:{ yes | no | 1 | 0 | on | off } specified whether the dialog window displays the context-sensitive Help icon.

<script>
function Window_modal(url, name, width, height)
{
 var result = null;
 /*
 if (window.showModalDialog) {
 window.showModalDialog(url, window, 'dialogWidth:'+width+'px;dialogHeight:'+height+'px');
 } */
 if (window.showModelessDialog) {
 var property ='dialogWidth:'+(parseInt(width)+10)+'px;dialogHeight:'+(parseInt(height)+30)+'px;'+'scroll:no;resizable:no;help:no;center:yes;status:no;edge:sunken;unadorned:yes;';
 result = window.showModelessDialog(url, window, property);
 } else {
 var left = (screen.width-width)/2;
 var top = (screen.height-height)/3;
 var property ='left='+left+',top='+top+',height='+height+',width='+width
+',toolbar=no,directories=no,status=no,linemenubar=no,scrollbars=no,resizable=no,modal=yes,dependent=yes';
 result  = window.open(url, name, property);
 }
 return result;
}</script>

http://oxtag.com/php/p/unicode/StringConversion.php

http://oxtag.com/php/p/utf8_encode.php

http://oxtag.com/php/p/unicode/unicode.php

http://oxtag.com/php/p/unicode/utf_unicode.php

<style>
temp20020232 tr,*{
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
}
</style>
<script>
function char_unicode(bool){
ta1 = document.getElementById('txt_char');
ta2 = document.getElementById('txt_unicode');
 if(bool)
 ta2.value = escape(ta1.value);
 else
 ta1.value = unescape(ta2.value);
}
</script>
<table  border="0" cellspacing="0" cellpadding="0" class="temp20020232">
  <tr>
    <td align="center"><strong>String</strong></td>
    <td align="center"><strong>Unicode</strong></td>
  </tr>
  <tr>
    <td align="center"><textarea name="txt_char" cols="40" rows="5" id="txt_char" ></textarea></td>
    <td align="center"><textarea name="txt_unicode" cols="40" rows="5" id="txt_unicode2" ></textarea></td>
  </tr>
  <tr align="center">
    <td align="center"><input type="button" name="Submit" value="escape(String)->Unicode" onClick="char_unicode(true);"></td>
    <td><input type="button" name="Submit2" value="unescape(Unicode)->String" onClick="char_unicode(false);"></td>
  </tr>
</table>

var getNowScroll = function(){
var de = document.documentElement;
var b = document.body;
var now = {};

now.X = document.all ? (!de.scrollLeft ? b.scrollLeft : de.scrollLeft) : (window.pageXOffset ? window.pageXOffset : window.scrollX);
now.Y = document.all ? (!de.scrollTop ? b.scrollTop : de.scrollTop) : (window.pageYOffset ? window.pageYOffset : window.scrollY);

return now;
}

소스는 어렵지 않아서 별다른 설명이 필요 없을 것 같네요.
IE7, FF2 에서 테스트 해보았으며,
사용법은 간단합니다


<input type="button" onclick="msgNowScroll()" value="지금 스크롤 위치를 알려줘">

<script type="text/javascript">
var msgNowScroll = function(){
nowScroll = getNowScroll();
alert!!(nowScroll.X + "," + nowScroll.Y);
}
</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>롤링배너</title>
<script type="text/javascript">
/*--------------------------------
롤링배너
만든이 : mins01(공대여자)
hp : mins01.woobi.co.kr
MSN & NateOn : mins01(at)lycos.co.kr
------------=----------------------
사용법
<div>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
<div>
처럼 구조를 가져야합니다.
안의 <div>는 꼭 style.height 값을 가져야합니다.
안에서 <div>가 아닌 것은 전부 삭제됩니다.

var roll2 = new rolling_banner(document.getElementById('test2'));
roll2.start();

처럼 스크립트를 실행하면 됩니다.
----------------------------------*/
var rolling_banner = function(ta){
 this.ta = ta;
// this.ta.className = 'rolling_banner';
 this.ta_id = 'roll_'+(this.ta.id||this.ta.name);
 this.gap = 5;     //움직이는 픽셀단위
 this.gap_count=0;   //카운팅용:건들지 마세요
 this.gap_time = '1000';  //움직이는 단위시간
 this.gap_sleep = '2000'; //화면이 멈춰있을 단위시간
 this.over_stop = true;  //마우스를 올렸을 때 멈출 것인가?
 this.timer = null;
 eval!!(this.ta_id+'=this');
 var temp = eval!!(this.ta_id);
 this.init_div();
}
rolling_banner.prototype.start = function(){ //롤링 시작
 this.ta.readonly =false;
 this.stop =false;
 if(!this.timer){ this.rolling();  }
}
rolling_banner.prototype.stop = function(){ //롤링 시작
 this.stop =true;
}
rolling_banner.prototype.init_div = function(){ //<div> 빼고 전부 제거 , 스타일 초기화
 this.ta.style.position="relative";
 this.ta.style.overflow="hidden";
   this.ta.onmouseover=function(){ eval!!("this.readOnly=true;"); }
   this.ta.onmouseout=function(){ eval!!("this.readOnly=false;"); }

 var child = this.ta.childNodes;
 var ch = this.ta.firstChild;
 var ch2 = null;
 while(ch){
  ch2 = ch.nextSibling;
  if(ch.nodeName.toLowerCase() !='div'){
  this.ta.removeChild(ch);
  }else{
  ch.style.position = "relative";
  ch.style.borderStyle='none';
  ch.style.top='0px';
  }
  ch=ch2;
 }
}
rolling_banner.prototype.strtonum = function(str){
 var num = parseInt(str);
 if(isNaN(num)) num = '0';
 return num
}
rolling_banner.prototype.strtopx = function(str){
 var num = this.strtonum(str);
 return num+'px';
}
rolling_banner.prototype.rolling = function(){
 if(this.gap_count==0){
  this.sleep();
  this.gap_count+=1;
  return;
 }
 if(!this.ta.readOnly && !this.stop){
  this.rolling_top();
 }
 this.timer = null;
 var re = this.ta_id+'.rolling()';
 this.timer = setTimeout(re,this.gap_time);
}
rolling_banner.prototype.rolling_top = function(){
 this.gap_count+=parseInt(this.gap);
 var ch1 = this.ta.firstChild;
 var child = this.ta.childNodes;
 var ta_ch = null;
 var top_ori = this.strtonum(child[0].style.top);
 var top = this.strtopx(top_ori-parseInt(this.gap));  
 for(var i=0,m=child.length;i<m;i++){
  child[i].style.top=top;
 }
 if(this.gap_count >= this.strtonum(ch1.style.height)){
  var temp =ch1.cloneNode(true);
  this.ta.removeChild(ch1);
  this.ta.appendChild(temp);
  for(var i=0,m=child.length;i<m;i++){
   child[i].style.top='0px';
  } 
 this.gap_count = 0  
 }
}
rolling_banner.prototype.sleep = function(){
 this.timer = null;
 var re = this.ta_id+'.rolling()';
 this.timer = setTimeout(re,this.gap_sleep);
}

</script>

</head>

<body>
<div id="test" style="width:240px; height:80px;  background-color:#CCCCCC; " ><div style=" width:200px;height:60px;  background-color:#FFCCCC ;"> <a href="http://mins01.woobi.co.kr">제작자 홈피</a> </div>
테스트 무시되는 문자열
<div style="width:200px; height:40px; background-color:#CCFFCC ;"> 내용2 </div>
테스트 무시되는 문자열
<div style="width:200px; height:40px; background-color:#CCCCFF ;"> 내용3 </div>
<div style="width:200px; height:40px; background-color:#CDDCFF ;"> 내용4 </div>
<div style="width:200px; height:40px; background-color:#EECCFF ;"> 내용5 </div>
<div style="width:200px; height:40px; background-color:#CCAAFF ;"> 내용6 </div>
<div style="width:200px; height:40px; background-color:#CCAAFF ;"> 내용7 </div>
<div style="width:200px; height:40px; background-color:#CC22FF ;"> 내용8 </div>
<div style="width:200px; height:40px; background-color:#CC4AFF ;"> 내용9 </div>
<div style="width:200px; height:40px; background-color:#CC6AFF ;"> 내용10 </div>
<div style="width:200px; height:40px; background-color:#CC7AFF ;"> 내용11 </div>
<div style="width:200px; height:40px; background-color:#CC8AFF ;"> 내용12 </div>
<div style="width:200px; height:40px; background-color:#CC9AFF ;"> 내용13 </div>
<div style="width:200px; height:40px; background-color:#CCbAFF ;"> 내용14 </div>
<div style="width:200px; height:40px; background-color:#CCcAFF ;"> 내용15 </div>
<div style="width:200px; height:40px; background-color:#CCdAFF ;"> 내용16 </div>
<div style="width:200px; height:40px; background-color:#CCeAFF ;"> 내용17 </div>
<div style="width:200px; height:40px; background-color:#CCfAFF ;"> 내용18 </div>
<div style="width:200px; height:40px; background-color:#dCAAdF ;"> 내용19 </div>
<div style="width:200px; height:40px; background-color:#1C4AeF ;"> 내용20 </div>
<div style="width:200px; height:40px; background-color:#2CAAcF ;"> 내용21 </div>
<div style="width:200px; height:40px; background-color:#3CAAbF ;"> 내용22 </div>
<div style="width:200px; height:40px; background-color:#4bbAaF ;"> 내용23 </div>
<div style="width:200px; height:40px; background-color:#5C3A9F ;"> 내용24 </div>
<div style="width:200px; height:40px; background-color:#CC2A8F ;"> 내용25 </div>
<div style="width:200px; height:40px; background-color:#CC5A7F ;"> 내용26 </div>
<div style="width:200px; height:40px; background-color:#CC9A6F ;"> 내용27 </div>
<div style="width:200px; height:40px; background-color:#CC8A5F ;"> 내용28 </div>
<div style="width:200px; height:40px; background-color:#CC7A4F ;"> 내용29 </div>
<div style="width:200px; height:40px; background-color:#CC6A3F ;"> 내용30 </div>
<div style="width:200px; height:40px; background-color:#CC5A2F ;"> 내용31 </div>
<div style="width:200px; height:40px; background-color:#CC4A1F ;"> 내용32 </div>
<div style="width:200px; height:40px; background-color:#bC3AFF ;"> 내용33 </div>
<div style="width:200px; height:40px; background-color:#aC1AFF ;"> 내용34 </div>
<div style="width:200px; height:40px; background-color:#9C2AFF ;"> 내용35 </div></div>
내용1~35까지의 div 35개
<script>
var roll1 = new rolling_banner(document.getElementById('test'));
roll1.gap=1;
roll1.gap_time = '1';
roll1.gap_sleep = '1000';
roll1.start();
</script>
<p></p>
<div id="test2" style="width:200px; height:40px; overflow:hidden; background-color:#CCCCCC; ">테스트 무시되는 문자열
<div style=" width:200px;height:60px;  background-color:#FFCCCC ;"> <a href="http://mins01.woobi.co.kr">제작자 홈피</a> </div>
테스트 무시되는 문자열
<div style="width:200px; height:40px; background-color:#CCFFCC ;"> 내용2 </div>
테스트 무시되는 문자열
<div style="width:200px; height:40px; background-color:#CCCCFF ;"> 내용3 </div>
<div style="width:200px; height:40px; background-color:#CDDCFF ;"> 내용4 </div>
<div style="width:200px; height:40px; background-color:#EECCFF ;"> 내용5 </div>
<div style="width:200px; height:40px; background-color:#CCAAFF ;"> 내용6 </div></div>
<script>
var roll2 = new rolling_banner(document.getElementById('test2'));
roll2.gap=1;
roll2.gap_time = '100';
roll2.gap_sleep = '1000';
roll2.start();
</script>

</body>
</html>

 try{
  [ 동작구문  ]

 }catch(e){
  alert!('Error:'+(e.number & 0xFFFF)+':'+e.description);
 }

------------------

에러는 경고창으로
"Error:번호:내용"
으로 출력된다.

<style>
.png24 {
    tmp:expression!!(setPng24(this));
}
</style>
<!--전반적인 png파일 표시-->
<script>
function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng24\b/i,'');
    obj.style.filter =
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src

+"',sizingMethod='image');"
    obj.src=''; 
    return '';
}
</script>

<img class="png24" src="abc123.png" width="169" height="43" border="0">

$db['to_charset'] = 'UTF-8';
$db['from_charset'] ='EUC-KR';

• $row[$key] = mb_convert_encoding($value,$db['to_charset'],$db['from_charset']);
• $row[$key] = iconv ($db['from_charset'],$db['to_charset']  , $value );
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

IE7.0 에따른 이슈사항들

1. window.status

window.status 코드가 인터넷 영역에서 실행되지 않습니다

단 로컬에서는 됩니다 즉 로컬에 저장된 html을 실행하면 window.status가 먹지만

인터넷에 있는 window.status는 실행되지 않네요

개인적으로 js 디버깅시 자주 사용하곤 했는데 아쉬운 부분입니다 ㅠ.ㅠ

2. 태그

HTML3.2 스펙에 따라 태그는 반드시 에 위치해야 합니다

그렇지 않으면 인식하지 않는다네요

예전엔 base태그를 간간히 썼지만 요즘은 frame 을 잘 사용하지 않아서인지 거의 사용하진 않죠

3. window.close()

window.close()시 나타나는 프롬프트를 회피하기 위해 window.opener 를 사용했었는데

더이상 아래 코드는 먹지 않고 창을 닫겠냐는 프롬프트가 뜨게 됩니다

패치 : http://haco.tistory.com/1118

4. _search

_search를 통해 검색창을 더이상 열지 못합니다

5. window.prompt()

디폴트로 block 됩니다

6. 제한되는 메쏘드들

클립보드 저장, 및 클립보드 데이터 가져오기등의 메쏘드들이 제한됩니다

해보니 보안경고창이 뜨더군요

MS에서는 clipboardData 객체 사용을 권고하지 않습니다

7. Modal 및 Modeless Dialog 크기가 변경!

한마디로 크기가 커집니다 -0- (짜증)

사이즈를 지정하면 content 크기를 의미합니다

8. 새창으로 뜰때 주소줄 보임

더이상 새창을 window.open 의 property 특성으로 조절할 수 없습니다

무조건 주소창이 나타납니다 아주~ 짜증 이빠십니다 ㅠ.ㅠ

9. window.resizeTo!()

window.resiztTo 함수는 에러가 발생하거나 차단됩니다

10. HTTP, HTTPS 혼합된 인터넷 영역에서 보안 경고가 발생합니다

11. SELECT가 windowed element로 개선

이전까지는 SELECT Element가 Windowsed Element였기 때문에 다른 element와 달리 별도의 MSHTML pane에서 rendering되었습니다

즉 SELECT가 그림과 같이 layer들을 다 먹어버렸었는데, 이젠 그렇지 않다는거죠

요거 하나는 좋아졌네요 -0-

12. 스크립트 차단

6.0 까지는 아래 코드가 실행되어 보안에 매우 취약했었습니다 (XSS)

 

7.0 부터는 아예 실해이 안되네요

FF 2.0 도 실행이 안되는군요 ^^

13. CSS

100%는 아니지만 CSS2.1 표준 구현 강화가 되었습니다

또한 태그에서만 가능했던 :hover나 background-attachment: 가 모든 태그에서 사용가능해 졌습니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 표현하기!</title>
<style type="text/css">
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#CCCCCC}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.box { background:#CCCCCC; padding:5px 10px; font-size:12px; font-size:12px}
</style>
</head>

<body>

<div id="container">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="box">이미지 없이 라운딩 박스 표현하기!</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

</body>
</html>