푸른바람 ::

IT/HTML+JS+CSS+ 2011/01/18 17:30

IE "Error: 800a03e8 오류가 발생하여 작업을 완료할 수 없습니다."

Error: 800a03e8 오류가 발생하여 작업을 완료할 수 없습니다.
domain.com 인터넷 사이트를 열 수 없습니다.

Window IE8 에서 자주 나타나는 문제인데 해당 문구에 대해서 검색을 해보았습니다.

HTML의 DOM이 모두 로드되기 전에 javascript 가 실행되기 때문에 발생한 문제다. 라고 정의 되어 있습니다.

해결 방법으로는 DOM이 모두 로드되고 난 후에 javascript가 실행되도록 script를 수정해야 한다네요.

그외 DOMREADY 라는 도구가 있습니다.

<html lang="en">
 <head>
	 <script src="domready.js" type="application/javascript"></script>
	 <script type="application/javascript">
		 DomReady.ready(function() {
		     alert('dom is ready');
		 });
	 </script>
 </head>
 <body>

 </body>
 </html>

위 방법으로 DOM이 모두 로드되고 난 뒤에 스크립트를 실행이 되도록 js를 개발하면 문제가 없다는건데요.

제가 사용중인 jquery.js에서는

jQuery(document).ready(function(){ });

일반 js에서는 (function() {}); 를 사용하면 될것 같습니다.

현재 서비스에서 (function() {}); 를 적용하니 문제가 없어졌습니다.

하지만 이런 방법을 사용해도 문제가 된다면 디버깅하기가 힘들어 질거 같네요. ㅡ.ㅡ

'IT > HTML+JS+CSS+' 카테고리의 다른 글

Google Tech Talks "Speed Up Your JavaScript" (0)	2011/01/28
Building a JavaScript-Based Game Engine for the Web (0)	2011/01/20
IE "Error: 800a03e8 오류가 발생하여 작업을 완료할 수 없습니다." (0)	2011/01/18
IE html5 파싱문제 (0)	2011/01/13
CSS odd & even rules (0)	2010/08/11
리눅스용 텍스트 브라우즈 w3m (0)	2010/08/05

DOM, javascript, JS

트랙백 0, 댓글 0

IT/Tech 2010/11/04 08:30

이클립스용 구글 플러그인 설치 (0)	2010/12/15
CI twitter oauth lib haughin ver3.1 bug (0)	2010/11/12
tag cloud 태그 구름 for jquery (0)	2010/11/04
eclipse "java heap space" (0)	2010/11/03
svn: No repository found in svn://xxx.xxx.xxx.xxx/trunk (0)	2010/11/02
javascript parse url (0)	2010/11/01

javascript parse url

참고

parseUri 1.2: Split URLs in JavaScript
by Flagrant Badassery

[code javascript] // parseUri 1.2.2 // (c) Steven Levithan // MIT License // http://blog.stevenlevithan.com/archives/parseuri // Demo : http://stevenlevithan.com/demo/parseuri/js/ function parseUri (str) { var o = parseUri.options, m = o.parser[o.strictMode ? "strict" : "loose"].exec(str), uri = {}, i = 14; while (i--) uri[o.key[i]] = m[i] || ""; uri[o.q.name] = {}; uri[o.key[12]].replace(o.q.parser, function ($0, $1, $2) { if ($1) uri[o.q.name][$1] = $2; }); return uri; }; parseUri.options = { strictMode: false, key: ["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"], q: { name: "queryKey", parser: /(?:^|&)([^&=]*)=?([^&]*)/g }, parser: { strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/, loose: /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*)(?::([^:@]*))?)?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/ } }; [/code]

'IT > Tech' 카테고리의 다른 글

eclipse "java heap space" (0)	2010/11/03
svn: No repository found in svn://xxx.xxx.xxx.xxx/trunk (0)	2010/11/02
javascript parse url (0)	2010/11/01
js 함수 및 클래스 존재여부 확인 (0)	2010/10/29
ubuntu apm 설치 (0)	2010/10/21
facebook API Quick Guide (CodeIgniter) (0)	2010/10/15

javascript, parse, parse url, URL

트랙백 0, 댓글 0

IT/Tech 2010/10/29 08:30

js 함수 및 클래스 존재여부 확인

javascript 에서 함수 존재 여부 확인

참고

[javascript] 한객체에 특정 함수가 존재하는지 여부를 판단해야 할 경우분류 : 컴퓨터/개발
by 이제나 저제나

[code javascript]
if(! window.parseUri instanceof Function) $.getScript('/js/parseUri.js');
[/code]

[code javascript]
Object.prototype.hasFunction = function(funcName) {
return this && this.funcName && this.funcName instanceof Function;
}
[/code]

[code javascript]var myObject = new myObject()
if (myObject.hasFunction("getArea")) {
// to do..
}[/code]

jQuery.isFunction
[code javascript]
jQuery.isFunction(fn);
[/code]

'IT > Tech' 카테고리의 다른 글

svn: No repository found in svn://xxx.xxx.xxx.xxx/trunk (0)	2010/11/02
javascript parse url (0)	2010/11/01
js 함수 및 클래스 존재여부 확인 (0)	2010/10/29
ubuntu apm 설치 (0)	2010/10/21
facebook API Quick Guide (CodeIgniter) (0)	2010/10/15
PHP cURL Multiple Processing (0)	2010/10/14

javascript, 존재유무, 클래스, 함수

트랙백 0, 댓글 0

IT/Tech 2010/07/31 14:45

javascript 이미지에 그레이스케일(grayscale) 적용

현재 프론트개발은 jquery로 개발중인 관계로 "jquery 이미지 gray 적용"으로 구글링 했습니다.

검색 : jquery 이미지 gray 적용
그레이스케일 소개 페이지 : “GRAYSCALING” IN NON-IE BROWSERS
데모 페이지 : http://james.padolsey.com/demos/grayscale/
소스 : http://james.padolsey.com/demos/grayscale/grayscrle.js/view

사용법
[code javascript]
var el = document.getElementById( 'myEl' );
grayscale( el );

# jQuery 에서 $(this) 가 이미지일 경우 적용
grayscale( $(this) );
[/code]

jQuery Plugin 에서 grayscale 검색 결과 : BlackNWhite 가 검색되긴 하지만 IE 전용입니다. 것도 필터로 gray를 적용하는군요

'IT > Tech' 카테고리의 다른 글

apt-get install sendmail (0)	2010/08/07
PHP Fatal error: Allowed memory size of 8388608 bytes exhausted (0)	2010/08/06
javascript 이미지에 그레이스케일(grayscale) 적용 (0)	2010/07/31
jQuery가 지원하는 고급 위치 기반 셀렉터 (0)	2010/07/30
jQuery가 지원하는 기본 CSS 셀렉터 (0)	2010/07/29
jquery bookmarklet 생성기 (0)	2010/07/20

grayscale, javascript, JQuery, 그레이스케일

트랙백 0, 댓글 0

IT/Tech 2010/03/10 04:30

javascript object 값 출력

[code javascript] dump: function(arr,level) { var dumped_text = ""; if(!level) level = 0; //The padding given at the beginning of the line. var level_padding = ""; for(var j=0; j < level+1; j++) level_padding += " "; if(typeof(arr) == 'object') { //Array/Hashes/Objects for(var item in arr) { var value = arr[item]; if(typeof(value) == 'object') { //If it is an array, dumped_text += level_padding + "'" + item + "' ...\n"; dumped_text += this.dump(value,level+1); } else { dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n"; } } } else { //Stings/Chars/Numbers etc. dumped_text = "===>"+arr+"<===("+typeof(arr)+")"; } return dumped_text; } [/code]

핵심은 for(var item in arr)

어디서 퍼 왔는지 당췌 기억이.. ^^;;;

'IT > Tech' 카테고리의 다른 글

google 데스크탑 garget에서 myPickup RSS 구독하기 (4)	2010/04/05
naver.com 나눔글꼴 설치 (0)	2010/04/02
javascript object 값 출력 (2)	2010/03/10
me2day api PHP (7)	2010/02/19
PHP 성능튜닝 IF & Switch 문법 (0)	2010/01/28
프로그램에서 메일수신확인 방법 (0)	2010/01/04

javascript, Object, 대한민국>서울>구로구>신도림동>안성BD

트랙백 1, 댓글 2개

IT/Tech 2008/09/11 14:36

css, javascript 최적화 Tool

1. JavaScript 최적화 도구

JS Minifier
JSMin
JSLint : JavaScript Verifier
Javascript compressor : JavaScript 압축 도구
CSS & JavaScript Compressor : CSS & JavaScript 압축 도구
ShrinkSafe : JavaScript 압축 도구
Huffman JavaScript Compression
SOC (Safe Obfuscator/Compressor)
ANT 프로젝트 구축으로 로컬에서 자유자제로 JavaScript 압축 : 여기

2. CSS 최적화 도구

CSS OPTIMIZER : CSS파일의 사이즈를 압출해주는 툴
CSS compressor : CSS 압축기
ROBSON CSS COMPRESSOR : CSS 압축도구
CSS DRIVE CSS COMPRESSOR : CSS 압축도구
CSS Compressor from Lottery Post : CSS 압축기
FLUMPCAKES CSS OPTIMIZER : CSS파일을 최적화 도구
CSS ANALYZER : URL방식으로 CSS를 Validation
CSS TIDY : open source 기반의 CSS parser와 optimizer
온라인으로도 최적화 사이트
CLEAN CSS : CSS를 formatting하고 optimizing하는 온라인 도구
CSSCHECK : URL기반으로 CSS파일을 기입하면 코드에 대한 피드백을 리포팅합니다. Warning과 에러 정보를 제공합니다.
Code Beautifier (Based on CSS Tidy)
CSS Optimizer : 다운로드 클라이언트를 사용하여 CSS를 최적화함

3. 웹 사이트 성능 개선

출처 : http://www.mimul.com/pebble/default/2008/01/29/1201616760000.html

'IT > Tech' 카테고리의 다른 글

ASP Dictionary Object (0)	2008/10/19
ASP 함수목록 (0)	2008/10/19
css, javascript 최적화 Tool (0)	2008/09/11
Prototype.js를 제대로 사용하는 방법 (0)	2008/08/31
자바스크립트 라이브러리 목록 (0)	2008/08/31
JAVA-Struts 강좌 링크 (0)	2008/08/13

CSS, javascript, Tool & Util, 최적화, 대한민국>서울>강남구>논현동>한승빌딩3층

트랙백 0, 댓글 0

IT/Tech 2008/03/04 09:33

javascript, css 참고 사이트 모음

CSS Library
각종CSS : http://www.dynamicdrive.com/style/
W3C 규격 번역문 :http://trio.co.kr/
Yahoo! Design Pattern Library : http://developer.yahoo.com/ypatterns/
Yahoo! UI Library (YUI) : http://developer.yahoo.com/yui/

CSS Articles
Architecting CSS:
http://www.digital-web.com/articles/architecting_css/
transcorners:
http://inviz.ru/moo/meet-transcorners
12 Lessons for Those Afraid of CSS and Standards:
http://ajaxian.com/archives/12-lessons-for-those-afraid-of-css-and-standards
A CSS Crossfader :
http://mikeomatic.net/?p=78
Push my button :
http://www.digital-web.com/articles/push_my_button/
Details on our CSS changes for IE7
http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx
폼 css
http://www.badboy.ro/articles/2005-07-23/index.php
테이블 css
http://icant.co.uk/csstablegallery/index.php?css=2

출처 : http://legendfinger.com/111

'IT > Tech' 카테고리의 다른 글

JAVA-Struts 강좌 링크 (0)	2008/08/13
기획-싸이월드 이야기 (0)	2008/04/11
javascript, css 참고 사이트 모음 (0)	2008/03/04
nicEditor 사용 (0)	2008/02/25
PHP코딩 최적화 (0)	2007/12/12
IE용 웹 개발 도구 DebugBar (0)	2007/11/19

javascript, 사이트모음, 자바스크립트, 대한민국>서울>영등포구>문래동3가>태양빌딩 401호

트랙백 0, 댓글 0

IT/Tech 2008/02/25 05:29

nicEditor 사용

'IT > Tech' 카테고리의 다른 글

기획-싸이월드 이야기 (0)	2008/04/11
javascript, css 참고 사이트 모음 (0)	2008/03/04
nicEditor 사용 (0)	2008/02/25
PHP코딩 최적화 (0)	2007/12/12
IE용 웹 개발 도구 DebugBar (0)	2007/11/19
AutoHotKey (0)	2007/09/11

editor, javascript, nicEditor, 대한민국>서울>영등포구>문래동3가>태양빌딩 401호

트랙백 0, 댓글 0

IT/HTML+JS+CSS+ 2007/05/23 16:38

JavaScript 없이 AJAX 구현하기

좋으면 쓰겠습니다.

견습마법사님의 멘트중...
간단하게 말하자면 ZK는 XUL과 XHTML을 이용해서 AJAX 페이지를 구성해주는 일종의 번역 프레임워크(?-_-)로 보면 될 것 같더군요

more..

'IT > HTML+JS+CSS+' 카테고리의 다른 글

flv 플레이어 (0)	2007/07/19
SVG - CANVAS 태그 (0)	2007/05/24
JavaScript 없이 AJAX 구현하기 (0)	2007/05/23
불여우 XUL Hello World (0)	2007/05/23
웹개발 표준정의서 - 참조자료 (0)	2007/05/21
플래쉬(Flash) 위에 레이어(DIV) 출력 (0)	2007/03/01

javascript, XML, zk

트랙백 0, 댓글 0

검색결과 리스트

JavaScript에 해당되는 글 29건

글

소셜웹 반응글

'IT > HTML+JS+CSS+' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > Tech' 카테고리의 다른 글

태그

트랙백

댓글

글

소셜웹 반응글

'IT > HTML+JS+CSS+' 카테고리의 다른 글

태그

트랙백

댓글

사이드 메뉴

CATEGORY

RECENT POSTS

RECENT COMMENT

TAG

RECENT TRACKBACK

ARCHIVE

CALENDAR

NOTICE

MY LINK

COUNTER