현재 익스플로러 9 베타 때부터 문제가 되어왔던 네이버 스마트 에디터가 익스9 정식이 나왔는데도 불구하고

오류가 나서 에디터 창자체가 사라지는 버그가 있습니다.

그부분에 대해서 연구해본결과... 자바스크립트 쪽에서 엘리먼트를 추가해주는 방법이 익스9표준(?)에 맞지않아

이런 오류가 나고 있습니다.

해결방법을 아래에 기술합니다.

Husky.SE_Basic.js
186번줄 부근

if(this.bIE){button=document.createElement("<BUTTON type='button'>");}

이 부분이 문제를 일으키는데요. 이게 IE8 이하버젼과 IE9 버젼과 사용법이 완전히 틀립니다.
수정 코드는 위코드 앞에 IE9 에 맞게 아래 코드를 추가해주시면됩니다.

if(navigator.appVersion.indexOf("MSIE 9") > -1){ button=document.createElement("BUTTON");button.type="button"; } else if(this.bIE){button=document.createElement("<BUTTON type='button'>");}


많은 도움이 되셨길 바랍니다.
저작자 표시 비영리

jQuery + Prototype 함께 사용하기

Web Story/CSS/JS 2010/12/19 15:48 Posted by 광아

jQuery와 Prototype 은 '$' alias를 함께 사용하기 때문에 서로 충돌을 일으기게 되는데요.

이부분에서 jQuery 쪽의 alias를 변경을 해서 사용하는 법을 알려드리겠습니다.

<script language=javascript src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>

일단 두개 모두 선언을 하시구요.

그 아래쪽에 다음과 같은 코드를 넣습니다.

<script type="text/javascript">
    jQuery.noConflict();
    var j$ = jQuery;
</script>

해당 코드는 jQuery에 대한 '$' alias에 대해서 j$ 로 사용을 하도록 대체 하는 것입니다.

때문에 jQuery 코드를 작성하실때에는 '$' 앞에 'j'를 붙여 'j$' 로 사용하시면 충돌없이 사용하실수 있습니다.

저작자 표시 비영리
text = obj.getElementsByTagName('이름')[0].firstChild.nodeValue;

XML 에서 요소에 대한 값을 가지고 올때는 이렇게 사용하면됩니다..

하지만!! 이름이라는 요소값에 값이 없이 <이름></이름> 이 된다면...

XML 에서 error를 밷아내버리게되고 오류가 나게됩니다.

이 부분에선

if(obj.getElementsByTagName('이름')[0].firstChild != null) text=obj.getElementsByTagName('이름')[0].firstChild.nodeValue;
else text = "";

이런식으로 따로 처리를 해주셔야합니다.

이것 때문에 어디서 에러나는지 모르고 한참을 해멧네요. 참조하시기 바랍니다 ^^
저작자 표시 비영리

'Web Story > CSS/JS' 카테고리의 다른 글

jQuery + Prototype 함께 사용하기  (0) 2010/12/19
Javascript XML 사용하기와 오류 해결  (0) 2010/11/11
JQuery를 이용한 Ajax  (0) 2010/10/25
테이블 말도 안되게 텨 나갈때 =_=  (0) 2007/03/28

JQuery를 이용한 Ajax

Web Story/CSS/JS 2010/10/25 17:20 Posted by 광아
$.ajax({
   type: 'POST',
   cache: false,
   url: "abc.php",
   data: "a=10000",
   success: function(html) {
    $("#abc").html(html);
   }
  });

$.post('abc.php?a=10000', function(r, s) {
 if(s=='success') $("#abc").html(r);
});

$("#abc").load("abc.php");


세가지 방법 모두 가능합니다.

조금씩 실전을 통해서 익히는 방법 또한 자기 자신에게 많은 도움이 되는것 같습니다.

많은 도움되시길 바랍니다.
저작자 표시 비영리

'Web Story > CSS/JS' 카테고리의 다른 글

jQuery + Prototype 함께 사용하기  (0) 2010/12/19
Javascript XML 사용하기와 오류 해결  (0) 2010/11/11
JQuery를 이용한 Ajax  (0) 2010/10/25
테이블 말도 안되게 텨 나갈때 =_=  (0) 2007/03/28
style='word-break:break-all;

테이블에 글을 적었는데.. 아무리 테이블크기를 고정할려고 절대값줘도 안될때!!

테이블 테그.. <table>. <tr>, <td>안에 이 소스를 넣어주자!! ㅎㅎ

'Web Story > CSS/JS' 카테고리의 다른 글

jQuery + Prototype 함께 사용하기  (0) 2010/12/19
Javascript XML 사용하기와 오류 해결  (0) 2010/11/11
JQuery를 이용한 Ajax  (0) 2010/10/25
테이블 말도 안되게 텨 나갈때 =_=  (0) 2007/03/28