[B! DOM] janus_welã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

janus_wel id:janus_wel

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (6)

ã‚¿ã‚°ã®çµžã‚Šè¾¼ã¿ã‚’è§£é™¤

DOMã«é–¢ã™ã‚‹janus_welã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

offsetTopã‚„ã‚‰offsetHeightã‚„ã‚‰ | 0ã‹ã‚‰ç›®æŒ‡ã™Webãƒžã‚¹ã‚¿ãƒ¼
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã ã£ãŸã‚Šã€ãƒšãƒ¼ã‚¸å†…ã®æŒ‡å®šã—ãŸè¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚ˆã†ã¨ã—ãŸéš›ã¨ã‹ã€æ¯Žå›žåŒã˜ã“ã¨ã‚’ãƒãƒƒãƒˆæ¤œç´¢ã—ã¦ã—ã¾ã†ã®ã§ã€ã“ã“ã§é«˜ã•ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã«é™å®šã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ â‘ ç”»é¢ã®è¡¨ç¤ºé ˜åŸŸ window.innerHeight â‘¡ç¾åœ¨è¡¨ç¤ºã—ã¦ã„ã‚‹ä¸Šéƒ¨ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¸Šéƒ¨ã‹ã‚‰ã©ã®ãã‚‰ã„é›¢ã‚Œã¦ã„ã‚‹ã‹ window.pageYoffsetwindow.pageYOffset ã¡ãªã¿ã«ã€ã€Œwindow.pageYOffsetã€ã®ä»£ã‚ã‚Šã«ã€ã€Œdocument.documentElement.scrollTopã€ã‚’ä½¿ã†ã¨ã€iPhoneï¼ˆiOSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³è¦šãˆã¦ãŠã‚‰ãšã€‚ã€‚ï¼‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã«é–¢ã‚ã‚‰ãšã€Œ0ã€ãŒè¿”ã£ã¦ãã¦ã—ã¾ã£ã¦ãŸã€‚ã€‚ â‘¢æŒ‡å®šã—ãŸè¦ç´ ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¸Šéƒ¨ã‹ã‚‰ã©ã®ãã‚‰ã„é›¢ã‚Œã¦ã„ã‚‹ã‹ document.getElementById(â€˜testâ€™).offsetTop â‘£å†…åŒ…ã•ã‚ŒãŸã‚³ãƒ³ãƒ†
janus_wel 2014/10/22
dev

DOM
ãƒªãƒ³ã‚¯
è¦ç´ ãŒ document ã«ã¤ãªãŒã£ã¦ã„ã‚‹ã‹ã‚’é«˜é€Ÿã«èª¿ã¹ã‚‹æ–¹æ³• - ITæˆ¦è¨˜
ã¨ã‚ã‚‹è¦ç´ ãŒ document ã«ã¤ãªãŒã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’èª¿ã¹ãŸã„ï¼ ã¨ã‚Šã‚ãˆãšã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‡ºæ¥ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯ã€ parentNode ã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãã€‚ function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } ã§ã‚‚ å‰ã®ä¾‹ã ã¨ã¡ã‚‡ã£ã¨é…ã„ã®ã§ contains ã‚„ã€ compareDocumentPosition ã‚’ä½¿ã†ã¨ã„ã„ã§ã™ï¼ ã‚³ãƒ¼ãƒ‰ã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa
janus_wel 2010/08/03
ã‚ã‚‹ node A ã® ancestor ãŒ B ã§ã‚ã‚‹ã‹èª¿ã¹ã‚‹æ–¹æ³•

JavaScript

DOM
ãƒªãƒ³ã‚¯
HTMLDocument ã®å‹•çš„ãªä½œæˆ: Days on the Moon
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã€JavaScript ã‚’ä½¿ã£ã¦ HTML ã®ã‚½ãƒ¼ã‚¹ã‹ã‚‰ HTML æ–‡æ›¸ã‚’ç”Ÿæˆã™ã‚‹ã®ã«ã€ã©ã‚“ãªæ–¹æ³•ãŒã‚ã‚‹ã®ã‹èª¿ã¹ã¾ã—ãŸã€‚ãªãŠã€ä»¥ä¸‹ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ HTML æ–‡æ›¸ä¸Šã§å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒå‰æã§ã™ã€‚ è¡¨ã®è¦‹æ–¹ XSLT ã® HTML å‡ºåŠ› createHTMLDocument ãƒ¡ã‚½ãƒƒãƒ‰ createDocument ãƒ¡ã‚½ãƒƒãƒ‰ createDocument ãƒ¡ã‚½ãƒƒãƒ‰ã¨åå‰ç©ºé–“ã®æŒ‡å®š createDocument ãƒ¡ã‚½ãƒƒãƒ‰ã¨æ–‡æ›¸åž‹å®£è¨€ã®æŒ‡å®š createDocument ãƒ¡ã‚½ãƒƒãƒ‰ã¨æ–‡æ›¸åž‹å®£è¨€åŠã³åå‰ç©ºé–“ã®æŒ‡å®š cloneNode ãƒ¡ã‚½ãƒƒãƒ‰ iframe è¦ç´ ActiveXObject CID ã‹ã‚‰ã®ä½œæˆ ã¾ã¨ã‚ è¡¨ã®è¦‹æ–¹ ä»¥ä¸‹ã®è¡¨ã«ãŠã„ã¦ã€å„é …ç›®ã®æ„å‘³ã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ doc HTML æ–‡æ›¸ã‚’ä½œæˆã§ãã‚Œã°â—‹ã€XML æ–‡æ›¸ã‚’ä½œæˆã§ãã‚Œã°â–³ã€ãã‚Œä»¥å¤–ãªã‚‰Ã—ã§ã™ã€‚HTML æ–‡æ›¸ã‹ã©ã†ã‹ã¯ã€cre
janus_wel 2010/08/03
æ‰‹ã‚’å‹•ã‹ã™

JavaScript

dev

DOM

html

xml
ãƒªãƒ³ã‚¯
HTML 5ã®2ã¤ã®DOM Storageã‚’åˆ©ç”¨ã—ãŸã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ - builder by ZDNet Japan
DOM Storageã®ä»•çµ„ã¿ã‚’åˆ©ç”¨ã—ãŸã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®ä¾‹ HTML 5ã®ä»•æ§˜ã§ã¯ã€sessionStorageãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„ã‚¿ãƒ–ãŒé–‹ã‹ã‚Œã¦ã„ã‚‹é–“ã®ã¿ãƒ‡ãƒ¼ã‚¿ã‚’ä¿æŒã™ã‚‹ã®ã«å¯¾ã—ã¦ã€localStorageã§ã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„ã‚¿ãƒ–ã‚’é–‰ã˜ãŸå¾Œã‚‚ãƒ‡ãƒ¼ã‚¿ã‚’ä¿æŒã—ã€originãŒåŒã˜ãƒšãƒ¼ã‚¸ã§å…±æœ‰ã™ã‚‹ã“ã¨ã¯ã™ã§ã«èª¬æ˜Žã—ãŸã€‚ç¾æ™‚ç‚¹ã§ã¯Firefox 3ã®globalStorageã‚‚localStorageã¨åŒæ§˜ã«è€ƒãˆã¦ã‚ˆã„ã€‚ãƒªã‚¹ãƒˆ1ã¯ãã®ç‰¹æ€§ã‚’åˆ©ç”¨ã—ãŸã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®ä¾‹ã§ã‚ã‚‹ã€‚ ã“ã®ä¾‹ã§ã¯localStorage.visitsã«ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®å€¤ã‚’ä¿æŒã—ã¦ã„ã‚‹ã€‚ãã—ã¦sessionStorage.visitingãŒè¨å®šã•ã‚Œã¦ã„ãªã„å ´åˆã®ã¿ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®å€¤ã‚’1ã¤å¢—ã‚„ã™ã‚ˆã†ã«ã—ã¦ã„ã‚‹ã€‚ ãƒªã‚¹ãƒˆ1 DOM Storageã‚’åˆ©ç”¨ã—ãŸã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã®ä¾‹ DOM Storageã«ã‚ˆã‚‹ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ æœ€åˆã«ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸã¨ãã«ã¯ã¾ã sessio
janus_wel 2008/12/10
session ã²ã¨ã¤ã«ã¤ãä¸€å›žã‹ãƒ¼

JavaScript

DOM

storage
ãƒªãƒ³ã‚¯
HTMLDocument ã¨ XMLDocument ã‚’è¦‹åˆ†ã‘ã‚‹æ–¹æ³• - latest log
HTMLDocument ã¨ XMLDocument ã‚’è¦‹åˆ†ã‘ã‚‹æ–¹æ³•ã‚’æ¨¡ç´¢ã—ã¦ã„ã¾ã—ãŸã€‚ 2008-10-12è¿½è¨˜: å†…å®¹ã‚’å¤§å¹…ã«æ›´æ–°ã—ã¾ã—ãŸ ä½•ãŒã—ãŸã„ã®ã‹ uupaa-selector.js version 1.2ã§ã¯ã€HTMLDocuemnt ã¨ XMLDocument ã§ã€CSSã‚»ãƒ¬ã‚¯ã‚¿ã®æŒ™å‹•ãŒå¤‰åŒ–ã—ã¾ã™ã€‚ HTMLDocuemnt ãªã‚‰ å°æ–‡å—ã® a ã‚¿ã‚° ã¨ å¤§æ–‡å—ã® A ã‚¿ã‚° ã¯ä¸€ç·’ã€‚ uu.css("a"); ã§ ï¼œaï¼ž, ï¼œAï¼ž ãŒãƒ’ãƒƒãƒˆã™ã‚‹ XMLDocument ãªã‚‰ ã‚¿ã‚°ã®å¤§å°ã¯åŒºåˆ¥ã™ã‚‹ã€‚ uu.css("a"); ãªã‚‰ ï¼œaï¼ž ã®ã¿ãƒ’ãƒƒãƒˆã™ã‚‹ ã“ã‚Œã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã¯ã€XMLDocument ã¨ HTMLDocuemnt ã‚’è¦‹åˆ†ã‘ãŸã†ãˆã§å‹•ä½œã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã©ã“ã‚’èª¿ã¹ã‚Œã°ã€XMLDocument ã‚’åŒºåˆ¥ã§ãã‚‹ã®ã‹èª¿ã¹ã¦ã¿ãŸ text/html, elm = d
janus_wel 2008/11/30
å¾®å¦™ã«ç•°ãªã‚‹ã‚“ã ã‚ˆã

DOM

JavaScript
ãƒªãƒ³ã‚¯
javascript - json2dom() & dom2json() : 404 Blog Not Found
2008å¹´06æœˆ15æ—¥06:00 ã‚«ãƒ†ã‚´ãƒªLightweight Languages javascript - json2dom() & dom2json() ã“ã‚Œã¾ãŸè»Šè¼ªã®å†ç™ºæ˜Žã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€å‰ã«è‡ªåˆ†ã§ä½œã£ãŸã‚‚ã®ã‚’å«ã‚ã¦æ°—ã«å…¥ã£ãŸã®ãŒãªã‹ã£ãŸã®ã§ã€‚ /lang/javascript/dom2json/ - CodeRepos::Share - Trac Demo Source: <div> <img alt="dan" src="http://www.dan.co.jp/~dankogai/dan-180x240.png" style="float:left" width="45"> The quick brown fox jumps over the blazy lazy.dog. <p class="pp" styl
janus_wel 2008/06/15
ã“ã‚Œã§ innerHTML ã¨ eval ãŒé€éŽã«æ‰±ãˆã‚‹ã£ã¦ã“ã¨ã§ã„ã„ã®ã‹ãª ( é©å½“

dev

JavaScript

DOM

JSON
ãƒªãƒ³ã‚¯
1