아이폰에서는 callto 형식을 인식 할수 없다.

데스크탑에서는 인식하겠지만...


<a href="callto:0123456789">call me</a>

아이폰인 경우는 링크를 교체해주도록 한다.

window.onload = function () {
 
if (navigator.userAgent.match (/iPhone/i)) {
   
var a = document.getElementsByTagName ("a");
   
for (var i = 0; i < a.length; i++) {
     
if (a[i].getAttribute ('href').search (/callto:/i) === 0) {
        a
[i].setAttribute ('href', a[i].getAttribute ('href').replace (/^callto:/, "tel:"));
     
}
   
}
 
}
};

posted by ned3y2k

숫자만 입력해야 하는 경우에 아래 내용을 그대로 사용하시면 됩니다.

function pressKeyCheck(e) {
 if (e.charCode < 0x30 || e.charCode > 0x39) {
  return false;
 }
}

$('input[name=?]').keypress(pressKeyCheck);

0x30과 0x39는 아스키 테이블 기준 숫자 0~9까지입니다,.
posted by ned3y2k
많은 분들이 prototype 를 재정의(오버라이딩)라고! 정리해두셔서 적어둡니다.
물론 틀린 말도 아닙니다만^^ 

모든 객체 또는 클래스(틀)에 원하는 프로퍼티(변수)나,  메서드(함수)를 추가하는 것입니다.
의미가 좀 다릅니다.

자바스크립에는 오버로딩을 지원하지 않습니다.
그러나 가변 인자로 받을수 있지요.
많은 스크립트 언어의 공통점이 아닌가합니다^^
PHP도 물론 그렇구요.

너무 딴이야기로 새어나왔군요.
예제를 보면서 익혀보도록 하지요.

myName = "My name is Smile Man"; 
String.prototype.alert = function () {
    alert(this.valueOf());

myName.alert();

결과
 My name is Smile Man이 메시지창에 출력됩니다!

다시 설명
물론 다른언어들에서의 원칙적으로 myName을 선언은 String.prototype... 아래 있어야 합니다.
그러나 javascript 특성상 모든 상황이 아무때나 바뀔수 있습니다.
그래서 기존에 생성했던 객체들도 영향을 받는것입니다.

prototype를 이용하면 왜 재정의가 되는가?
prototype 부분을 자세히 살펴보면!
http://www.w3schools.com/jsref/jsref_prototype_string.asp

위에 문서를 보면 함수나 메서드가 아닌 프로퍼티라고만 되어 있습니다.
그렇습니다. 자바스크립트는 메서드를 프로퍼티 처럼 관리를 합니다.
때문에 런타임으로 메서드가 바뀔수 있습니다.

물론 함수(클래스에 소속되어 있지 않은)도 마찬가지이지요.
 
prototype 는 해당 프로퍼티에 해당하는 프로퍼티에 메서드나 프로퍼티를 재할당하게 될것입니다.
그래서 재정의라고 말하시는거구요^^

 요점
javascript에서 class에 메서드도 프로퍼티처럼 관리한다.(단 private 메서드를 제외한다.)
오버라이딩(재정의)라고 하는것 보다 추가라고 하는편이 더 맞는 표현이다.

제 생각을 정리해본 자료이므로 다소 틀릴수 있습니다^^ 그러므로 태클 환영입니다. 
posted by ned3y2k
자바스크립에서는 기본적으로 trim이라는 함수를 만들어두지 않았다.

function trim(obj) {
    return obj.replace(/^\s+|\s+$/g,"");
}
function ltrim(obj) {
    return obj.replace(/^\s+/,"");
}
function rtrim(obj) {
    return obj.replace(/\s+$/,"");
}

ex:)
var testvar = "  abcd  ";
testvar=trim(abcd);
document.write(testvar);

result:
abcd

위 내용을 객체지향적으로 응용해보자! -2011.9.26 추가

String.prototype.trim = function () {
    return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function () {
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function () {
    return this.replace(/\s+$/,"");
}
posted by ned3y2k
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineGetter
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineSetter 
https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/set
https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/get 
https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Working_with_Objects#Using_Object_Initializers 

http://msdn.microsoft.com/ko-kr/magazine/cc163419.aspx#S5 
posted by ned3y2k
자바스크립트로도 객체 지향을 구현할수 있지만 많은 이가 잘 모르는것 같다.
http://dev.naver.com/tech/ajaxui/ajaxui_3.php#a_3_5

네이버에서 상당히 잘 설명해주었다. 

http://ko.wikipedia.org/wiki/프로토타입_기반_프로그래밍
이 문서 또한 참고해볼만 하다. 
posted by ned3y2k

var allowConfirm = true;

window.onbeforeunload = confirmExit;


var msg = "이 동작은 본 사이트에서 허용하지 않는 동작입니다.\n계속 하시면 정상적인 작동이 되지 않을수 있습니다.";

function confirmExit() {

if (allowConfirm) {

return msg;

} else {

allowConfirm = true;

}

}


여러부분으로 응용할수 있는 코드가 아닌가 한다^^

posted by ned3y2k

Prototype.Browser.X로 판별이 가능하다.

X에는 Gecko, IE, MobileSafari, Opera, WebKit등이 있다.


해당 하는 브라우저로 True가 리턴된다.

Gecko: Firefox

WebKit: Apple Safari, Google Chrome

IE: Internet Explorer들

MobileSafari: 아이폰 내장 브라우저

posted by ned3y2k
Attribute Property 설명
ALIGN align 테이블 정렬 상태를 가지고 오거나 설정함
ALLOWTRANSPARENCY allowTransparency 개체의 배경색을 투명하게 설정하거나 현재 상태를 가지고 올수 있다.
BORDER border 테두리 너비 설정(입체 테두리 포함)
CLASS className 객체의 스타일 클래스를 설정하거나 가지고 온다
contentWindow window 객채의 지정한 iframe, frame 내용을 가지고 온다
DATAFLD dataFld Sets or retrieves a field of a given data source, as specified by the dataSrc property, to bind to the specified object.
DATASRC dataSrc Sets or retrieves the source of the data for data binding.
firstChild Retrieves a reference to the first child in the childNodes collection of the object.
FRAMEBORDER frameBorder frameborder(프레임 테두리)를 설정하거나 상태를 가지고 온다.
FRAMESPACING frameSpacing Sets or retrieves the amount of additional space between the frames.
HEIGHT height Sets or retrieves the height of the object.
HIDEFOCUS hideFocus Sets or gets the value that indicates whether the object visibly shows that it has focus.
HSPACE hspace Sets or retrieves the horizontal margin for the object.
ID id Sets or retrieves the string identifying the object.
innerText Sets or retrieves the text between the start and end tags of the object.
isContentEditable Gets the value that indicates whether the user can edit the contents of the object.
isDisabled Gets the value that indicates whether the user can interact with the object.
isMultiLine Retrieves the value indicating whether the content of the object contains one or more lines.
isTextEdit Retrieves whether a TextRange object can be created using the object.
LANG lang Sets or retrieves the language to use.
LANGUAGE language Sets or retrieves the language in which the current script is written.
lastChild Retrieves a reference to the last child in the childNodes collection of an object.
longDesc Sets or retrieves a Uniform Resource Identifier (URI) to a long description of the object.
MARGINHEIGHT marginHeight Sets or retrieves the top and bottom margin heights before displaying the text in a frame.
MARGINWIDTH marginWidth Sets or retrieves the left and right margin widths before displaying the text in a frame.
NAME name Sets or retrieves the frame name.
nextSibling Retrieves a reference to the next child of the parent for the object.
nodeName Retrieves the name of a particular type of node.
nodeType Retrieves the type of the requested node.
nodeValue Sets or retrieves the value of a node.
NORESIZE noResize Sets or retrieves whether the user can resize the frame.
offsetHeight Retrieves the height of the object relative to the layout or coordinate parent, as specified by the offsetParent property.
offsetLeft Retrieves the calculated left position of the object relative to the layout or coordinate parent, as specified by the offsetParent property.
offsetParent Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object.
offsetTop Retrieves the calculated top position of the object relative to the layout or coordinate parent, as specified by the offsetParent property.
offsetWidth Retrieves the width of the object relative to the layout or coordinate parent, as specified by the offsetParent property.
onOffBehavior Gets an object that indicates whether the specified Microsoft DirectAnimation behavior is running.
outerHTML Sets or retrieves the object and its content in HTML.
outerText Sets or retrieves the text of the object.
ownerDocument Retrieves the document object associated with the node.
parentElement Retrieves the parent object in the object hierarchy.
parentNode Retrieves the parent object in the document hierarchy.
parentTextEdit Retrieves the container object in the document hierarchy that can be used to create a TextRange containing the original object.
previousSibling Retrieves a reference to the previous child of the parent for the object.
readyState Retrieves the current state of the object.
readyState Retrieves a value that indicates the current state of the object.
recordNumber Retrieves the ordinal record from the data set that generated the object.
scopeName Gets the namespace defined for the element.
SCROLLING scrolling Sets or retrieves whether the frame can be scrolled.
SECURITY Sets the value indicating whether the source file of a frame or iframe has specific security restrictions applied.
sourceIndex Retrieves the ordinal position of the object, in source order, as the object appears in the document's all collection.
SRC src Sets or retrieves a URL to be loaded by the object.
STYLE Sets an inline style for the element.
TABINDEX tabIndex Sets or retrieves the index that defines the tab order for the object.
tagName Retrieves the tag name of the object.
tagUrn Sets or gets the Uniform Resource Name (URN) specified in the namespace declaration.
TITLE title Sets or retrieves advisory information (a ToolTip) for the object.
uniqueID Retrieves an autogenerated, unique identifier for the object.
UNSELECTABLE Specifies that an element cannot be selected.
VSPACE vspace Sets or retrieves the vertical margin for the object.
WIDTH width Sets or retrieves the width of the object.
posted by ned3y2k