[B! IE6][javascript] kiyokichiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kiyokichi id:kiyokichi

IE6ã¨javascriptã«é–¢ã™ã‚‹kiyokichiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{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}}

IEã®ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ãŠã•ã‚‰ã„
CSSã‚„JavaScriptã‚’ä½¿ã£ã¦ã€IE6, IE7, IE8, IE9 ã¨IEã®ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Use Different Styles For Different Internet Explorer Versions [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ(class) CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ(å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) CSS: CSS Hack JavaScript JavaScript: jQuery ãŠã¾ã‘ CSS: æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆ æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸€ç•ªä¸Šã®è¦ç´ (html)ã«IE6/7/8ç”¨ã®classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
kiyokichi 2011/12/15
IEãã‚‰ã„

CSSãƒãƒƒã‚¯

IE6

IE7

IE8

IE9

javascript
ãƒªãƒ³ã‚¯
border-radius.js - Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª - HTML5.JP
border-radius.js ã¯ã€classå±žæ€§ã«å€¤ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’ã‚’ä¸¸ãã™ã‚‹ãƒ©ã‚¤ãƒˆã‚¦ã‚§ã‚¤ãƒˆãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ CSSã§borderã¨marginã‚’æŒ‡å®šã—ã€classå±žæ€§ã« "html5jp-border-radius" ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€è§’ãŒä¸¸ããªã‚Šã¾ã™ã€‚JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä¸€åˆ‡å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãŸã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¯å˜ç‹¬ã§å‹•ä½œã™ã‚‹ãŸã‚ã€ä»–ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç‰ã‚’èªã¿è¾¼ã‚€å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¯ã€æŒ‡å®šã®ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸Šä¸‹ã«è§’ã‚’è¿½åŠ ã—ã¾ã™ã€‚Internet Explorerã®å ´åˆã¯VMLã‚’ã€ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã¯Canvasï¼ˆCanvasãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚Œã°ï¼‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ Release Date Size (byte) Download
kiyokichi 2010/06/17
IE6ã€IE7ã§ã‚‚border-radiusã®ã‚ˆã†ã«è§’ä¸¸ã«ï¼

IE6

IE7

IE8

javascript

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
IE6ä»¥ä¸‹ã‚’Webæ¨™æº–ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽIE7.jsã€
IE6ä»¥ä¸‹ã‚’Webæ¨™æº–ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽIE7.jsã€ å¤šãã®äººãŒå¾…ã¡ã«å¾…ã¡æœ›ã‚“ã ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ã‚„ã¯ã‚Šã™ã”ã„äººã¯ã™ã”ã„ã‚‚ã®ã‚’ä½œã‚‹ã‚“ã§ã™ãã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚ŠIE6ä»¥ä¸‹ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTM/CSSã®è§£é‡ˆã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ãŸã ã—å®Œå…¨ã«IE7ã¨åŒã˜ã‚ˆã†ãªå½¢ã«ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šè¿‘ã„å½¢ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯version 2.0 (beta)ã¨ã„ã†ã“ã¨ã§ã€ã¾ã å®Ÿå‹™ã§ä½¿ã†ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚Œã°webåˆ¶ä½œã®ç¾å ´ã‚’å¤‰ãˆã¦ã—ã¾ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ è¨ç½®æ–¹æ³• Google ã‚³ãƒ¼ãƒ‰ã®ie7-jsã‚ˆã‚Šç›´æŽ¥èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®è¦ç´ ã‚’headè¦ç´ å†…ãªã©ã«è¨˜è¿°ã—ã¾ã™ã€‚ <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
kiyokichi 2010/06/04
ã€€ã¨ã‚Šã‚ãˆãšIE6ã¯æ—©ãæ®²æ»…ã•ã‚Œã‚

javascript

IE6

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
IE5ï½ž8ã‚’CCS3ã®ç–‘ä¼¼ã‚»ãƒ¬ã‚¯ã‚¿å¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ - ie-css3.js
CSS3ã«å¯¾å¿œã—ã¦ã„ãªã„IE5/6/7/8ã‚’CSS3ã®æ“¬ä¼¼ã‚»ãƒ¬ã‚¯ã‚¿ã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ie-css3.js å¯¾å¿œã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã€ä¸‹è¨˜ã®11ç¨®é¡žã§ã™ã€‚ :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å‹•ä½œã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘ãŸã‚‰ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸã‚‚ã®ã«å¤‰æ›´ã•ã‚Œã¦é©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€ã¨ã®ã“ã¨ã§ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä½¿ç”¨æ–¹æ³•ã¯ã€DOMAssistantã¨ä½µç”¨ã—ã€å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <head> <script t
kiyokichi 2010/01/20
ä»Šã¯åç§°ãŒå¤‰ã‚ã£ã¦ã€Œselectivizr.jsã€ã ã‘ã©ã€cssã®ã€Œ@importï½žã€ä»¥é™ã‚’èªã‚“ã§ãã‚Œãªã„ï¼žï¼œã€€ã ã‚ã˜ã‚ƒã‚“ï¼ã‚½ãƒ¼ã‚¹ï¼šhttp://blog.sakurachiro.com/2010/04/ie-css3-js/

IE6

IE7

IE8

javascript

CSS3
ãƒªãƒ³ã‚¯
IEã§labelå†…ã®ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ã«ã™ã‚‹ - os0x.blog
ã‚¦ãƒŽã‚¦ãƒ©ãƒœ by Zynga Japan: IEã§labelã®åè¦ç´ ã«ç”»åƒã‚’å«ã‚ã‚‹ã‚’ã‚ˆã‚Šæ±Žç”¨çš„ã«å®Ÿè£…ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã€ä¿®æ£æ–¹é‡ã¯ä»¥ä¸‹ã®2ç‚¹ã€‚ HTMLå´ã«å‡¦ç†ã‚’æ›¸ã‹ãªã„(onclickã¯ä½¿ã‚ãªã„) IEã ã‘ã§å‡¦ç†ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ ç´ ç›´ã«æ›¸ã„ã¦ã¿ã‚‹ã¨ã“ã†ã„ã£ãŸæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ /*@cc_on window.attachEvent('onload', function(){ // ã¾ãšã€labelå†…ã®ç”»åƒã«è‡ªåˆ†ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰labelã«ã‚¯ãƒªãƒƒã‚¯ã‚’æŠ•ã’ã‚‹é–¢æ•°ã‚’å®šç¾©ã™ã‚‹ var label_img_enclick = function(label) { var imgs = label.getElementsByTagName('img'); for (var i = 0, l = imgs.length;i < l; ++i) imgs[i].attachEvent('onclick',
kiyokichi 2009/11/17
ã€€å¤–éƒ¨jsåŒ–ã•ã›ã‚‹å ´åˆ

javascript

IE6
ãƒªãƒ³ã‚¯
[IE]labelã®åè¦ç´ ã«imgã‚’ä½¿ã† - Tany The World
ï¼ˆIEï¼‰labelã‚’è²¼ã£ãŸç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚å‹•ä½œã—ãªã„ã€‚ ãªã®ã§JavaScriptã§é€ƒã’ã‚‹æ–¹æ³•ã€‚ <input type="radio" name="imgid" id="id1" value="1" /><label for="id1">id1<br /> <img src="x.gif" onclick="document.getElementById('id1').click();" alt="img1" /><br /></label> <br /> <input type="radio" name="imgid" id="id2" value="2" /><label for="id2">id2<br /> <img src="x.gif" onclick="document.getElementById('id2').click();" alt="img2" />
kiyokichi 2009/11/17
ã€€IE6ã¯imgã«labelå¼µã‚‹ã¨ã€onclickâ‡’focusãŒåŠ¹ã‹ãªã„ã€‚ã€‚ã€‚ã®ã§ã€onclickã§getElementByIdã§inputè¦ç´ ã‚’å–å¾—

IE6

javascript
ãƒªãƒ³ã‚¯
IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€
ï¼žï¼ž è©³ç´°ãªä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ã‚’è¿½åŠ ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸã€‚ ã„ã¾ã çµ¶å¤§ãªã‚·ã‚§ã‚¢ã‚’èª‡ã‚‹IE6ï¼ˆInternet Exproler 6ï¼‰ã§ã™ãŒã€WEBåˆ¶ä½œè€…ãªã‚‰ã”å˜çŸ¥ã®é€šã‚Šã€ã•ã¾ã–ã¾ãªãƒã‚°ãƒ»ä¸å…·åˆã‚’å†…åŒ…ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ»CSSã§floatã—ãŸãƒ–ãƒãƒƒã‚¯ã®marginãŒå€ã«ãªã‚‹ã€‚ ãƒ»å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã€text-alignãŒåè¦ç´ ã«ã¾ã§å½±éŸ¿ã™ã‚‹ã€‚ ãƒ»é€éŽpngç”»åƒãŒé€éŽã•ã‚Œãªã„ã€‚ ä¸Šè¨˜ä»¥å¤–ã«ã‚‚ã€ãã‚Œã¯ã„ãã¤ã‚‚ã®åˆ¶ä½œè€…æ³£ã‹ã›ã®å•é¡ŒãŒã‚ã‚Šã€æ¥ç•Œå†…ã§ã¯ã€ŒIE6æ°ãã°ã„ã„ã®ã«ã€ã¨ã¾ã§è¨€ã‚ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ãŒã€å‰è¿°ã®é€šã‚Šã‚·ã‚§ã‚¢ã¯çµ¶å¤§ãªã®ã§ã€å¯¾å¿œã—ãªã„ãƒ¯ã‚±ã«ã‚‚ã„ã‹ãšã€‚ ã™ã§ã«ã„ãã¤ã‚‚ã®å¯¾å¿œç–ãŒå‡ºå›žã£ã¦ãŠã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚è‡ªåˆ†çš„ã«ä¸€ç•ªã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã®ãŒã€ã€ŒDD_belatedPNG.jsã€ã‚’ä½¿ç”¨ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ æœ‰åã©ã“ã‚ã®å¯¾å¿œç–ã‚’ä½µè¨˜ãƒ»æ¯”è¼ƒã—ãªãŒã‚‰ã€ã©ã“ãŒã‚ªã‚¹ã‚¹ãƒ¡ãªã®ã‹ã‚’å«ã‚ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ‰åãª
kiyokichi 2009/06/29
ã€€å„jsãªã‚Šhtcã®æ©Ÿèƒ½æ¯”è¼ƒã—ã¦ãã‚Œã¦ã‚‹ã€‚æ—©ãIE6çˆ†ç™ºã—ããƒ¼ã‹ãªãƒ»ãƒ»ãƒ»

IE6

javascript

PNG
ãƒªãƒ³ã‚¯
Javascriptãƒ¡ãƒ¢
DOMã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç‰¹å®šã—ãŸã‚Šã€å¤‰æ›´ã™ã‚‹ã®ã«ä½¿ç”¨ã™ã‚‹getAttributeã€setAttributeãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ãŒã€ä¸€éƒ¨IEã«ãƒã‚°ãŒã‚ã‚Šã¾ã™ã€‚ ä»¥å‰æ•£ã€…æ‚©ã‚“ã ã®ã§æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ãŸã¨ãˆã°ã€classåã‚’å–å¾—ã—ãŸã„ã¨ãã€ element.getAttribute("class");ã ã¨ã€IEã§ã¯å–å¾—ã§ãã¾ã›ã‚“ã€‚ IEã®å ´åˆã«ã¯
kiyokichi 2009/02/24
ã€€element.getAttribute("class");ã ã¨ã€IEã§ã¯å–å¾—ã§ãã¾ã›ã‚“ã€‚â‡’element.getAttribute("className");ã‚‚ä½µè¨˜ã™ã‚‹ï¼

javascript

IE6
ãƒªãƒ³ã‚¯
http://bizcaz.com/archives/2007/05/04-194915.php
kiyokichi 2008/05/27
IE6ä»¥ä¸‹ã«:focuså¯¾å¿œ

JavaScript

IE6
ãƒªãƒ³ã‚¯
1