Adobe 인터넷 익스플로어(IE) 설계 변경에 따른 홈페이지 동작문제
페이지 정보
본문
지난 1월 MS는 이올라스와의 특허 분쟁에 관련에 익스플로어 설계를 변경한다는 사실을 국내에 공표했다.
1999년 MS는 이올라스에게 특허 침해 소송을 당한다. 2004년 1월 시카고 연방 법원은 특허 침해 사실에 대해서 이올라스의 손을 들어주었고, 결국 MS는 항소를 제기하는 한편 특허 침해를 피하고자 인터넷 익스플로어를 4월 12일에 패치한다고 발표하게 된다.
4월 12일 익스플로어가 패치되면 홈페이지가 어떻게 변화되는가?
홈페이지를 볼 때 우리는 화려한 동영상과 음악을 감상할 수 있다. 이러한 동영상과 음악 파일을 홈페이지에서 보여주기 위해 우리는 <OBJECT>, <APPLET>, <EMBED> 태그를 사용하게 된다. 이올라스가 가진 특허는 바로 이러한 태그를 페이지에 삽입해서 외부파일(동영상이나 음악)을 불러오는 기술이다. 익스플로어가 패치되면 이러한 태그가 작동은 되지만 사용자의 클릭없이는 동작하지 않는다. 예를 들어 동영상이라면 마우스로 동영상을 클릭하지 않고서는 동영상을 멈추거나 소리의 크기를 조정하거나 하는 것이 불가능해지는 것이다.
* 패치전 화면 - 작동에 문제가 없다.
* 패치후 화면 - 플래쉬 파일이 작동하지 않고 메시지가 출력된다. 마우스로 클릭해야만 작동한다.
홈페이지 소스를 어떻게 수정해야 하는가?
홈페이지 소스를 수정하는 방법은 여러 가지가 있다. MS에서 제공하는 공식적인
방법도 있지만 사용자들이 개발한 여러 가지 방법들도 있다.
1. MS에서 제공한 공식적인 방법
http://www.microsoft.com/korea/windows/ie/activex/activate/default.mspx
2. Taeyo.net에서 제시한 방법
http://taeyo.net/threadboard/Content.asp?table=Board_Talk&seqs=13519&page=1
3. jglory님이 제시한 방법
http://blog.naver.com/jglory/70002034042
4. whosnext님이 제시한 Jglory님의 방식으로 일괄 변환하는 프로그램
http://blog.naver.com/whosnext/100022452572
자료출처 : http://www.directblog.co.kr/tt/direct/entry/인터넷-익스플로어-설 계-변경에-따른-홈페이지-동작-문제#recentTrackback
3. jglory님이 제시한 방법
http://blog.naver.com/jglory/70002034042 을 활용하니 정상작동 ~~ 성공
<span style="background-color:#FFFF00;"><textarea id="txt1" style="display:none;" rows="0" cols="0"></span>
<object .......><embed src=.........></embed></object>
<span style="background-color:#FFFF00;"></textarea>
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=txt1"></script></span>
1) 해당 <object... 또는 <embed... 의 시작과 끝을
<textarea id="txt1" style="display:none;" rows="0" cols="0">
와 </textarea> 태그로 뒤덮는다.
<u><span style="background-color:#FFFF00;">id 값은 임의</span>로 정하되, 같은 페이지 내에서 여러번 사용할 경우에는
txt1, txt2, ... 식으로 하면된다.</u>
2) </textarea> 아래에
2-1) <span style="background-color:#FFFF00;">php 일 경우</span>는
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=<span style="background-color:#FFFF00;">txt1</span>"></script>
를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.php 의 내용</span>은
document.write(document.getElementById('<?=$txtid?>').value);
입니다.
2-2) <span style="background-color:#FFFF00;">asp 일 경우</span>에는 ===================================================
<script language="javascript" src="홈페이지주소/okplugin_js.asp?txtid=<span style="background-color:#FFFF00;">txt1</span>"></script>
를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.asp 의 내용</span>은
<%
txtid = request.querystring("txtid")
spanid ="span" & txtid
%>
document.write(document.getElementById('<%=request.querystring("txtid")%>').value);
입니다.
3. jglory님이 제시한 방법 http://blog.naver.com/jglory/70002034042 을 활용하니 정상작동 ~~ 성공
<span style="background-color:#FFFF00;">
<textarea id="txt1" style="display:none;" rows="0" cols="0"></span>
<object .......>
<embed src=.........></embed>
</object>
<span style="background-color:#FFFF00;"></textarea>
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=txt1"></script></span>
1) 해당 <object... 또는 <embed... 의 시작과 끝을 <textarea id="txt1" style="display:none;" rows="0" cols="0"> 와 </textarea> 태그로 뒤덮는다.
<u><span style="background-color:#FFFF00;">id 값은 임의</span>로 정하되, 같은 페이지 내에서 여러번 사용할 경우에는 txt1, txt2, ... 식으로 하면된다.</u>
2) </textarea> 아래에 2-1) <span style="background-color:#FFFF00;">php 일 경우</span>는 <script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=<span style="background-color:#FFFF00;">txt1</span>"></scrip> 를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.php 의 내용</span>은 document.write(document.getElementById('<?=$txtid?>').value); 입니다. 2-2) <span style="background-color:#FFFF00;">asp 일 경우</span>에는
===================================================
<script language="javascript" src="홈페이지주소/okplugin_js.asp?txtid=txt1</script> 를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.asp 의 내용</span>은 <% txtid = request.querystring("txtid") spanid ="span" & txtid %> document.write(document.getElementById('<%=request.querystring("txtid")%& gt;').value); 입니다.
Flash 에서 object 대체코드 및 embed 대체하기 (W3C권장 : http://alistapart.com/articles/flashsatay )
기존
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="277">
<param name="movie" value="/v6/swf/index.swf" />
<param name="quality" value="high" />
<embed src="/v6/swf/index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="277"></embed></object>
수정후
<object type="application/x-shockwave-flash" data="/v6/swf/sub.swf" width="728" height="174">
<param name="movie" value="/v6/swf/sub.swf" />
<img src="noflash.gif" width="728" height="174" alt="" />
</object>
1999년 MS는 이올라스에게 특허 침해 소송을 당한다. 2004년 1월 시카고 연방 법원은 특허 침해 사실에 대해서 이올라스의 손을 들어주었고, 결국 MS는 항소를 제기하는 한편 특허 침해를 피하고자 인터넷 익스플로어를 4월 12일에 패치한다고 발표하게 된다.
4월 12일 익스플로어가 패치되면 홈페이지가 어떻게 변화되는가?
홈페이지를 볼 때 우리는 화려한 동영상과 음악을 감상할 수 있다. 이러한 동영상과 음악 파일을 홈페이지에서 보여주기 위해 우리는 <OBJECT>, <APPLET>, <EMBED> 태그를 사용하게 된다. 이올라스가 가진 특허는 바로 이러한 태그를 페이지에 삽입해서 외부파일(동영상이나 음악)을 불러오는 기술이다. 익스플로어가 패치되면 이러한 태그가 작동은 되지만 사용자의 클릭없이는 동작하지 않는다. 예를 들어 동영상이라면 마우스로 동영상을 클릭하지 않고서는 동영상을 멈추거나 소리의 크기를 조정하거나 하는 것이 불가능해지는 것이다.
* 패치전 화면 - 작동에 문제가 없다.
* 패치후 화면 - 플래쉬 파일이 작동하지 않고 메시지가 출력된다. 마우스로 클릭해야만 작동한다.
홈페이지 소스를 어떻게 수정해야 하는가?
홈페이지 소스를 수정하는 방법은 여러 가지가 있다. MS에서 제공하는 공식적인
방법도 있지만 사용자들이 개발한 여러 가지 방법들도 있다.
1. MS에서 제공한 공식적인 방법
http://www.microsoft.com/korea/windows/ie/activex/activate/default.mspx
2. Taeyo.net에서 제시한 방법
http://taeyo.net/threadboard/Content.asp?table=Board_Talk&seqs=13519&page=1
3. jglory님이 제시한 방법
http://blog.naver.com/jglory/70002034042
4. whosnext님이 제시한 Jglory님의 방식으로 일괄 변환하는 프로그램
http://blog.naver.com/whosnext/100022452572
자료출처 : http://www.directblog.co.kr/tt/direct/entry/인터넷-익스플로어-설 계-변경에-따른-홈페이지-동작-문제#recentTrackback
3. jglory님이 제시한 방법
http://blog.naver.com/jglory/70002034042 을 활용하니 정상작동 ~~ 성공
<span style="background-color:#FFFF00;"><textarea id="txt1" style="display:none;" rows="0" cols="0"></span>
<object .......><embed src=.........></embed></object>
<span style="background-color:#FFFF00;"></textarea>
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=txt1"></script></span>
1) 해당 <object... 또는 <embed... 의 시작과 끝을
<textarea id="txt1" style="display:none;" rows="0" cols="0">
와 </textarea> 태그로 뒤덮는다.
<u><span style="background-color:#FFFF00;">id 값은 임의</span>로 정하되, 같은 페이지 내에서 여러번 사용할 경우에는
txt1, txt2, ... 식으로 하면된다.</u>
2) </textarea> 아래에
2-1) <span style="background-color:#FFFF00;">php 일 경우</span>는
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=<span style="background-color:#FFFF00;">txt1</span>"></script>
를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.php 의 내용</span>은
document.write(document.getElementById('<?=$txtid?>').value);
입니다.
2-2) <span style="background-color:#FFFF00;">asp 일 경우</span>에는 ===================================================
<script language="javascript" src="홈페이지주소/okplugin_js.asp?txtid=<span style="background-color:#FFFF00;">txt1</span>"></script>
를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.asp 의 내용</span>은
<%
txtid = request.querystring("txtid")
spanid ="span" & txtid
%>
document.write(document.getElementById('<%=request.querystring("txtid")%>').value);
입니다.
3. jglory님이 제시한 방법 http://blog.naver.com/jglory/70002034042 을 활용하니 정상작동 ~~ 성공
<span style="background-color:#FFFF00;">
<textarea id="txt1" style="display:none;" rows="0" cols="0"></span>
<object .......>
<embed src=.........></embed>
</object>
<span style="background-color:#FFFF00;"></textarea>
<script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=txt1"></script></span>
1) 해당 <object... 또는 <embed... 의 시작과 끝을 <textarea id="txt1" style="display:none;" rows="0" cols="0"> 와 </textarea> 태그로 뒤덮는다.
<u><span style="background-color:#FFFF00;">id 값은 임의</span>로 정하되, 같은 페이지 내에서 여러번 사용할 경우에는 txt1, txt2, ... 식으로 하면된다.</u>
2) </textarea> 아래에 2-1) <span style="background-color:#FFFF00;">php 일 경우</span>는 <script language="javascript" src="홈페이지주소/okplugin_js.php?txtid=<span style="background-color:#FFFF00;">txt1</span>"></scrip> 를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.php 의 내용</span>은 document.write(document.getElementById('<?=$txtid?>').value); 입니다. 2-2) <span style="background-color:#FFFF00;">asp 일 경우</span>에는
===================================================
<script language="javascript" src="홈페이지주소/okplugin_js.asp?txtid=txt1</script> 를 삽입합니다.
<span style="background-color:#FFFF00;">okplugin_js.asp 의 내용</span>은 <% txtid = request.querystring("txtid") spanid ="span" & txtid %> document.write(document.getElementById('<%=request.querystring("txtid")%& gt;').value); 입니다.
Flash 에서 object 대체코드 및 embed 대체하기 (W3C권장 : http://alistapart.com/articles/flashsatay )
기존
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="277">
<param name="movie" value="/v6/swf/index.swf" />
<param name="quality" value="high" />
<embed src="/v6/swf/index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="277"></embed></object>
수정후
<object type="application/x-shockwave-flash" data="/v6/swf/sub.swf" width="728" height="174">
<param name="movie" value="/v6/swf/sub.swf" />
<img src="noflash.gif" width="728" height="174" alt="" />
</object>
댓글목록
등록된 댓글이 없습니다.