전 회사에서 잠시 맛만 봤는데

짱짱! 이랄까.. 아무튼 자바 스크립트 기반이라 js 파일 하나를 외부에서 끌어 오거나

내장해야 하는게 약간의 흠


[링크 : http://www.sqler.com/bjQuery/378488]

[링크 : https://jquery.com/]


jquery 버전에 따라 ie 지원범위가 다르다

[링크 : https://jquery.com/browser-support/]

'Programming > javascript & HTML' 카테고리의 다른 글

html5  (0) 2015.09.10
html event  (0) 2015.09.10
div 태그  (0) 2015.09.08
javascript closure  (0) 2013.01.07
javascript - DOM inspector in Firefox  (0) 2010.08.19
Posted by 구차니

HTML 태그 밖에 쓰지 못했었는데..

한번 DIV로 스킨도 바꿀겸 공부 해봐야지...


결론(?)은

DIV를 이용해서 나란히 하려면 float 특성을 사용해라.. 인가?


[링크 : http://yongja.tistory.com/48]

[링크 : http://aboooks.tistory.com/74]


[링크 : http://mobicon.tistory.com/158]


div class / id

[링크 : http://yongja.tistory.com/15]

[링크 : http://div.or.kr/css-studying/id,class...%A9]



+

2015.09.16

<p id="p01">I am different</p>

p#p01 {

    color:blue;

}


<p class="error">I am different</p>

p.error {

    color:red;

}


Use id to address single elements. Use class to address groups of elements.

[링크 : http://www.w3schools.com/html/html_css.asp]


table은 전체가 로딩되기 전에 렌더링 하지 않아 div를 추천

[링크 : http://egloos.zum.com/pnpcrow/v/5048788]


div / span 차이

[링크 : http://boogis.tistory.com/48]

'Programming > javascript & HTML' 카테고리의 다른 글

html event  (0) 2015.09.10
jquery  (0) 2015.09.08
javascript closure  (0) 2013.01.07
javascript - DOM inspector in Firefox  (0) 2010.08.19
HTML의 style="filter:filter_name()"  (0) 2010.08.06
Posted by 구차니
클로져라는 녀석이 있는데 먼가 좋다는데 좋은진 모르겠고 -_-
암튼, 함수언어라고 해야하나
함수에 함수를 넣고
함수 변수에 특정 변수를 넣어 함수를 생성해 내는 그런 기능을 클로져라고 하는데


머하는데 써먹지?

[링크 : https://developer.mozilla.org/ko/docs/JavaScript/Guide/Closures]

'Programming > javascript & HTML' 카테고리의 다른 글

jquery  (0) 2015.09.08
div 태그  (0) 2015.09.08
javascript - DOM inspector in Firefox  (0) 2010.08.19
HTML의 style="filter:filter_name()"  (0) 2010.08.06
javascript - Traversing an HTML table with JavaScript and DOM Interfaces  (0) 2010.08.02
Posted by 구차니
firefox에는 소스가 Syntax Highlight 되서 나오지만, DOM 트리를 볼수있는 방법은 없다.
다른 툴을 이용할까 했지만, 자바스크립트 for web 2.0 책을 보다보니
DOM Inspector 라는 녀석이 Firefox에 내장되어 있다는 내용이 있었지만,
실제로 최신버전에는 그녀석이 없고, '부가 기능'으로 추가를 해주어야 한다.


아무튼, XML Viewer 와 비슷한 방식으로 HTML DOM을 트리로 출력을 해준다.


2010/01/04 - [파일방] - MiTeC XML Viewer (Free!)
[링크 : https://addons.mozilla.org/ko/firefox/addon/6622/] << 부가기능 페이지
Posted by 구차니

[링크 : http://book.daum.net/detail/book.do?bookid=KOR9788955024609]

자바스크립트 관련 내용을 보다가, 생각만큼 DOM 관련 내용은 없어서 대충 넘긴책.
하지만 HTML 관련 내용은 상당히 조리있고 깔끔하고 강력하게 적혀있다.


그리고 처음 알게된 attribute로
style="filter:flip()"
이런 녀석이 있다는걸 처음 알았다.
역시 세상에는 신기한게 많아 -ㅁ-


[링크 : http://www.w3schools.com/Css/css_image_transparency.asp]
[링크 : http://msdn.microsoft.com/en-us/library/ms532847%28VS.85%29.aspx]
Posted by 구차니
한참을 고심하다가, 검색어를 바꾸니 떡! 하고 나온녀석 OTL

Getting a text node from the table

This example introduces two new DOM attributes. First it uses the childNodes attribute to get the list of child nodes of mycel. The childNodes list includes all child nodes, regardless of what their name or type is. Like getElementsByTagName(), it returns a list of nodes. The differences are that (a) getElementsByTagName() only returns elements of the specified tag name; and (b) getElementsByTagName() returns descendants at any level, not just immediate children. Once you have the returned list, use [x] method to retrieve the desired child item. This example stores in myceltext the text node of the second cell in the second row of the table. Then, to display the results in this example, it creates a new text node whose content is the data of myceltext and appends it as a child of the <body> element.

If your object is a text node, you can use the data attribute and retrieve the text content of the node.
mybody      = document.getElementsByTagName("body")[0];
mytable = mybody.getElementsByTagName("table")[0];
mytablebody = mytable.getElementsByTagName("tbody")[0];
myrow = mytablebody.getElementsByTagName("tr")[1];
mycel = myrow.getElementsByTagName("td")[1];

// first item element of the childNodes list of mycel
myceltext=mycel.childNodes[0];

// content of currenttext is the data content of myceltext
currenttext=document.createTextNode(myceltext.data);
mybody.appendChild(currenttext);

Getting an attribute value

At the end of sample1 there is a call to setAttribute on the mytable object. This call was used to set the border property of the table. To retrieve the value of the attribute, use the getAttribute method:

mytable.getAttribute("border");

[링크 : https://developer.mozilla.org/en/traversing_an_html_table_with_javascript_and_dom_interfaces]

Posted by 구차니
onload는 페이지가 다 읽혀진뒤에 불리워지는 핸들러이고
onresize는 페이지 크기 조절시
onblur는 특정 컨트롤의 포커스를 잃을시 발동되는(?) 핸들러라고 한다.

onafterprint
onbeforeprint
onbeforeunload
onblur
onerror
onfocus
onhashchange
onhelp
onload
onmessage
onresize
onscroll
onunload

2010/07/20 - [Programming/Javascript] - javascript 객체출력

[링크 : http://koxo.com/lang/js/event/jsList.html]
    [링크 : http://koxo.com/lang/js/event/onblur.html]
Posted by 구차니
자바 스크립트 관련 책을 보다보니
innerHTML은 브라우저 별로 지원은 하지만, 웹 표준은 아니므로 DOM 관련 함수를 쓰라고 추천하고 있다.
하지만 막상 검색을 해보니, 성능측면에서 DOM 보다는 innerHTML을 추천하는 내용들이 많이 나온다.

아무튼,
"대규모로 조작을 해야 한다면 innerHTML에 한번에 업데이트 하는 것도 고려할만 하다.
하지만 내용이 많지 않을경우에는 DOM을 하는것이 좋다."
라는 것이 결론.

[링크 : http://forums.mozilla.or.kr/viewtopic.php?p=32382]
[링크 : http://firejune.com/976&stag=innerHTML]
[링크 : http://trend21c.tistory.com/929]
Posted by 구차니
getElementaryByTagName() 함수를 사용하면 HTML DOM 에서 특정 tag에 대해서 받아올수 있다.
그리고 이 함수는 NodeList 를 돌려준다.
NodeList는 Node의 배열도 아니고 먼가 희한한 방법으로 접근을 한다.

x = document.getElementsByTagName("td");
document.write(x.item(i).nodeName);

이렇게 하면 TD 태그로 받아왔으므로, nodeName은 TD가 리턴된다.
한글2010 에서 작성한 표는 <P> 태그로 쌓여 있는데 그런 이유로 NULL 값이 나오는것으로 생각된다.


Posted by 구차니
가장 많이 쓰이는 녀석같은데 은근히 쓰기가 까다롭다 ㄱ-

Syntax
window.open(URL,name,specs,replace)

[링크 : http://www.w3schools.com/jsref/met_win_open.asp]
위에 이름은 그냥 이름이고, 새로열린 창 내에서의 식별 번호이다.
즉, parent 가 되는 쪽에서는 name 으로 제어를 할수없다.

Wremote = window.open('', 'YourRemote', szoptions);
if(Wremote != null)
{
  if(Wremote.opener == null)
  {
    Wremote.opener = self;
  };
  Wremote.location.href = 'example6-remote.htm';
};

[링크 : http://www.chipchapin.com/WebTools/JavaScript/index.html]
    [링크 : http://www.chipchapin.com/WebTools/JavaScript/example2-01.html]

만약에 제어를 해야 한다면,
위와 같이 창이름을 변수로 주고 windows.open() 메소드의 return 값을 저장하면 된다.


Definition and Usage

The opener property returns a reference to the window that created the window.
When opening a window with window.open(), you can use this property from the destination window to return details of the source (parent) window.
Coding Tip: window.opener.close() will close the source (parent) window.

[링크 : http://www.w3schools.com/jsref/prop_win_opener.asp]
이 값이 parent 윈도우의 값을 지정해주는 것으로 생각된다.
Posted by 구차니