javascriptã®éšåã®ã¿ãªã®ã§ã
ã¯ãã¹ïŒFollowup-To:fj.comp.lang.javascriptã§ãã
ä¹
éããã®æžããããµã³ãã«ã¯ã·ã°ããã£ä»¥åŸã«æ®ããŠãŸãã
Message-ID: <c30ggm$2l...@utogw.gssm.otsuka.tsukuba.ac.jp>
ã«ãããŠä¹
éããã¯æžããŸããã
> var l = document.getElementById('left'); l.style.position = 'absolute';
> var b = document.documentElement || document.body;
> setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);
ã®éšåã
ã» å€æ°lã®è¡ã¯ãleftãšããidã®éšåã®positionã®å€ãabsoluteã«å€æŽãã
ã» setIntervalã®è¡ã¯200ããªç§ããšã«ãleftã®ãããéšåãšbã®ãããéšåã
åæããã
ïŒã©ã£ã¡ããè§£éã¯ãã£ãŠãŸããïŒ
ãšããããšã ãšæããŸããã
document.documentElementãšdocument.bodyã®è«çåã¯äœæ
ã§ãããïŒ
ããã¥ã¡ã³ãïŒä»åã®å Žåãhtmlãã¡ã€ã«ïŒã«ã¯ã
<head></head>ãš<body></body>ãããã®ã§ã
<body></body>ã®åæã«ã®ã¿ãé©çšãããããã®è«çåãšããããšã§ããããïŒ
ããšããŠãã ããããããŸãããã
ä¹
éããã®ãµã³ãã«ãïŒïŒïœïœïœïŒïŒïŒ³ïŒ¥ãããŒãžã§ã³ïŒïŒïŒïŒã§éããšã
ãäžæ£ãªåŠçãããã®ã§ãããŒã¿ãä¿åããŠïŒ°ïŒ£ãåèµ·åããŠãã ããã
ãšããã¡ãã»ãŒãžãåãããŠããŸããŸããã
ïŒïŒ©ïŒ¥ïŒã§ã¯äžæã§ããä¹
éããã¯ãïŒã§ç¢ºèªããããã§ãããïŒ
ã§ã¯ã§ã¯ã
--
ç¬ åãå±ïŒæ°·çãé·å
颚ïŒã²ãããããããµïŒ
cun...@uranus.interq.or.jp ïŒåä¿¡å°çšïŒcun...@yahoo.co.jp
ãªãªãžãã«ã¹ããŒãªãŒã®ææ³ã¯ãif_t...@infoseek.jpãŸã§ã
Subjectã«ãçªå€ç·šããšããã°ãã»ãŒãªãªãžãã«ã¹ããŒãªãŒã§ãã
> ---
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
> <html><head><title>???</title>
> <style type="text/css">
> #left { position: fixed; left: 0px; width:18%; border: blue double 2px }
> #right { margin-left: 20%; border: green double 2px }
> </style>
> <script type="text/javascript">
> function init() {
> if(document.all) { // IE
> var l = document.getElementById('left'); l.style.position = 'absolute';
> var b = document.documentElement || document.body;
> setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);
> }
> }
> </script>
> </head>
> <body onload="init()">
> <div id="left">
> <p>a</p><p>b</p><p>c</p><p>d</p><p>e</p><p>f</p><p>g</p>
> </div>
> <div id="right">
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> <p>ããããããããããããããããããããããããããããããããããã</p>
> </div>
> </body>
> </html>
cun...@uranus.interq.or.jpãã:
> ã» å€æ°lã®è¡ã¯ãleftãšããidã®éšåã®positionã®å€ãabsoluteã«å€æŽãã
ããã§ããIEã ãšfixedããã¡ãªã®ã§ã
> ã» setIntervalã®è¡ã¯200ããªç§ããšã«ãleftã®ãããéšåãšbã®ãããéšåã
> åæããã
ããã§ãã
> document.documentElementãšdocument.bodyã®è«çåã¯äœæ ã§ãããïŒ
è«çåã§ã¯ãªãã®ã§ããŠãIEã®å Žåãæšæºæºæ ã¢ãŒãã§ã¯ã«ãŒãããŒ
ãã¯document.documentElementã§ãããäºæã¢ãŒãã§ã¯ã«ãŒãããŒãã¯
document.bodyã§ããä»ã«ããããããã©ãŠã¶ãã£ãã£ããªãã§ãã©ã£
ã¡ã§ãåãããã«ããã«ã¯ãdocument.documentElementãããã°ããã
ãªããã°document.bodyã䜿ãã°ããããã§ãã
var b = document.documentElement ? document.documentElement : document.body;
ã§ããããé·ããåãããšã ãã
var b = document.documentElement || document.body;
ãšæžãããã«ããŠãŸãã
> ä¹
éããã®ãµã³ãã«ãïŒïŒïœïœïœïŒïŒïŒ³ïŒ¥ãããŒãžã§ã³ïŒïŒïŒïŒã§éããšã
> ãäžæ£ãªåŠçãããã®ã§ãããŒã¿ãä¿åããŠïŒ°ïŒ£ãåèµ·åããŠãã ããã
> ãšããã¡ãã»ãŒãžãåãããŠããŸããŸããã
ãããŒãIE5ã¯ãã¡ãããIE5.5ããã ãã¶ãŸããªãã§ãããã§ããã®çš
åºŠã§æ»ã¬ãããã
> ïŒïŒ©ïŒ¥ïŒã§ã¯äžæã§ããä¹ éããã¯ãïŒã§ç¢ºèªããããã§ãããïŒ
Win IE6ãšUnix Mozillaã§ãã ä¹
é
Message-ID: <c34gcf$23...@utogw.gssm.otsuka.tsukuba.ac.jp>
ã«ãããŠä¹
éããã¯æžããŸããã
> > document.documentElementãšdocument.bodyã®è«çåã¯äœæ
ã§ãããïŒ
>
> è«çåã§ã¯ãªãã®ã§ããŠãIEã®å Žåãæšæºæºæ ã¢ãŒãã§ã¯ã«ãŒãããŒ
> ãã¯document.documentElementã§ãããäºæã¢ãŒãã§ã¯ã«ãŒãããŒãã¯
> document.bodyã§ããä»ã«ããããããã©ãŠã¶ãã£ãã£ããªã
ã«ãŒãããŒãã£ãŠãããã¥ã¡ã³ãå
ã®ãæäžäœã®èŠªèŠçŽ ã
ãšããããšã§ããããïŒ
> ã§ãã©ã£ã¡ã§ãåãããã«ããã«ã¯ãdocument.documentElementãããã°ããã
> ãªããã°document.bodyã䜿ãã°ããããã§ãã
ããããããšã§ãããäºè§£ã§ãã
ãšããã§ãè«çåãšããè§£éãããã®ã¯ãã||ããè«çæŒç®å
ã§ãããšæžããŠãæžç±ãæå
ã«ããããã§ãã
ïŒç¿æ³³ç€ŸåãããŒã ããŒãžèŸå
žç¬¬ïŒçãïŒïŒïŒïœïŒïŒïŒ
> var b = document.documentElement ? document.documentElement : document.body;
ã«ãŒãããŒããæ¢ããŠèŠã€ãã£ããã®ã
ãæäžäœã®èŠªèŠçŽ ãã«èšå®ãããšããããšã§ããïŒ
ã§ããã®ãŸãŸã ãšé·ã£ããããã®ã§ãçç¥èšæ³ïŒã§ã
var b = document.documentElement || document.body;
ãšãããµãã«è¡šèšãããšããããšã§ããïŒ
> ãããŒãIE5ã¯ãã¡ãããIE5.5ããã ãã¶ãŸããªãã§ãããã§ããã®çš
> åºŠã§æ»ã¬ãããã
ãïœããã©ããªãã§ãããïŒ
ïŒãŠãã§ïŒïŒ©ïŒ¥ïŒã§è©Šããæã®åäœãšããŠã¯ã
ãµã³ãã«ã衚瀺ããããäžå®æéïŒé·ããŠãæ°ç§çšåºŠïŒãããšã
ã匷å¶çµäºããŸããäºã
ãã®ãã€ã¢ãã°ãåºãã
次ã«ãäžæ£ãªåŠçãããã®ã§äºã
ïœããŒã¿ãä¿åããŠïŒ°ïŒ£åèµ·åããŠãã ããã
ã®ãã€ã¢ãã°ãåºãã
ãšèšãæãã§ããã
> setInterval(function() { l.style.top = b.scrollTop + 'px'; }, 200);
ãäœåºŠãå®è¡ãããšããäžæ£ãªåŠçããèµ·ããŠããŸãããã«æããŸããã
> > ïŒïŒ©ïŒ¥ïŒã§ã¯äžæã§ããä¹
éããã¯ãïŒã§ç¢ºèªããããã§ãããïŒ
>
> Win IE6ãšUnix Mozillaã§ãã ä¹
é
ä¹ éããã®ãã©ããŒãèŠãŠãïŒïŒ³ïŒ°ïŒã«ãããšãæ£åžžã«åäœããŸããã
ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
ã» CSS
ã» CSS+javascript
ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
CSSåç¬ã§ã®å€åçãªã¬ã€ã¢ãŠãïŒäŸãã°ãå·Šäžãå·Šäžãå³ïŒ
ãšãã£ããããªå Žåã®æžãæ¹ã¯ããã£ããã§ããã©ã»ã»ã»
ä¹
éãããã瀺ããŠããã ããCSS+javascriptã®å Žåã
å·Šäžãå·Šäžãå³ã®æ§ã«ãããšãããã
ïŒãCSSã ããããã°ãã
ïŒãjavascriptã ããããã°ãã
ïŒãäž¡æ¹ãšããããå¿
èŠããã
ã©ãã§ããããïŒ
cun...@uranus.interq.or.jpãã:
> ã«ãŒãããŒãã£ãŠãããã¥ã¡ã³ãå
ã®ãæäžäœã®èŠªèŠçŽ ããšããããš
> ã§ããããïŒ
ããããã
> ãšããã§ãè«çåãšããè§£éãããã®ã¯ãã||ããè«çæŒç®åã§ãã
> ãšæžããŠãæžç±ãæå
ã«ããããã§ãã
ãŸãããã¯ãããªãã§ãããå®ã¯ãx || yããšããã®ã¯ãif x then
x else y fiããšããå¶åŸ¡æ§é ã§ãããããã§ãã
> var b = document.documentElement || document.body;
> ãšãããµãã«è¡šèšãããšããããšã§ããïŒ
ããã§ããšããããäžã®ifæãçãæžããã ãã
> ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
> ã» CSS
> ã» CSS+javascript
> ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
説åŸãããŸããã ^_^;
> CSSåç¬ã§ã®å€åçãªã¬ã€ã¢ãŠãïŒäŸãã°ãå·Šäžãå·Šäžãå³ïŒ
> ãšãã£ããããªå Žåã®æžãæ¹ã¯ããã£ããã§ããã©ã»ã»ã»
> ä¹
éãããã瀺ããŠããã ããCSS+javascriptã®å Žåã
> å·Šäžãå·Šäžãå³ã®æ§ã«ãããšãããã
> ïŒãCSSã ããããã°ãã
> ïŒãjavascriptã ããããã°ãã
> ïŒãäž¡æ¹ãšããããå¿
èŠããã
ããŒãã質åã®æå³ãããåãããŸããããJavaScriptã¯IEã§å·ŠåŽã®
divãç§»å(ãšãããç»é¢äžã§åºå®)ããããã«ã ã䜿ã£ãŠããã®ã§âŠå·Š
äžã ãåºå®ãªããã®ãŸãŸãå·Šäžãåºå®ãªãæçŽãããããªãã§ããããã
ããããæå³ã§ããã£ãã®ããª? ä¹
é
Message-ID: <c365h7$c...@utogw.gssm.otsuka.tsukuba.ac.jp>
ã«ãããŠä¹
éããã¯æžããŸããã
> > ãšããã§ãè«çåãšããè§£éãããã®ã¯ãã||ããè«çæŒç®åã§ãã
> > ãšæžããŠãæžç±ãæå
ã«ããããã§ãã
>
> ãŸãããã¯ãããªãã§ãããå®ã¯ãx || yããšããã®ã¯ãif x then
> x else y fiããšããå¶åŸ¡æ§é ã§ãããããã§ãã
ãããçè§£ã§ããŠããªãã£ãã®ã§ããã³ãªè³ªåãããããšã«
ãªã£ãããã§ããã
ãããããã€ã£ãããåããæãã§ãã
> > ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
> > ã» CSS
> > ã» CSS+javascript
> > ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
>
> 説åŸãããŸããã ^_^;
ã¯ãã説åŸãããŸãããïŒç¬ïŒ
> > CSSåç¬ã§ã®å€åçãªã¬ã€ã¢ãŠãïŒäŸãã°ãå·Šäžãå·Šäžãå³ïŒ
> > ãšãã£ããããªå Žåã®æžãæ¹ã¯ããã£ããã§ããã©ã»ã»ã»
> > ä¹
éãããã瀺ããŠããã ããCSS+javascriptã®å Žåã
> > å·Šäžãå·Šäžãå³ã®æ§ã«ãããšãããã
> > ïŒãCSSã ããããã°ãã
> > ïŒãjavascriptã ããããã°ãã
> > ïŒãäž¡æ¹ãšããããå¿
èŠããã
>
> ããŒãã質åã®æå³ãããåãããŸããããJavaScriptã¯IEã§å·ŠåŽã®
> divãç§»å(ãšãããç»é¢äžã§åºå®)ããããã«ã ã䜿ã£ãŠããã®ã§âŠå·Š
> äžã ãåºå®ãªããã®ãŸãŸãå·Šäžãåºå®ãªãæçŽãããããªãã§ããããã
>
> ããããæå³ã§ããã£ãã®ããª?
ã¯ããããããããšã§ããã§ã質åããŠãããŠãã³ã§ããã»ã»ã»
èªå·±è§£æ±ºããŸããã
å¥èšäºã§ãhtmlãã¡ã€ã«ãšCSSãã¡ã€ã«ãä»åã®ä»¶ã®åäœç¢ºèªã«ãããã
ããã£ãããšããŸãšããŠåºããŠãããŸãã
In message news:20040316111914.2...@uranus.interq.or.jp
"ç¬ åãå±ïŒæ°·çãé·å
颚ïŒ" <cun...@uranus.interq.or.jp> wrote ...
> ã§ããã®ãŸãŸã ãšé·ã£ããããã®ã§ãçç¥èšæ³ïŒã§ã
> var b = document.documentElement || document.body;
> ãšãããµãã«è¡šèšãããšããããšã§ããïŒ
if æã®äžãšåãã§ãè©äŸ¡ãšèãããšå€å°ããããããããã
ããŸã«èŠãããã®ã¯ã以äžã®ãããªäœ¿ãæ¹ã§ãã
function func(arg1) {
arg1 = arg1 || "";
...
}
> ïŒãŠãã§ïŒïŒ©ïŒ¥ïŒã§è©Šããæã®åäœãšããŠã¯ã
ãšããããIE5.5sp2 ã§ãåäœããŸããã(匷å¶çµäºã¯ããŸãããâŠ)
document.body ãå©çšãããšåäœããŸãã
documentElement ã®æ¹ã¯æéããã£ãã調ã¹ãŠã¿ãŸãâŠãã
ãã€ã«ãªããâŠ(^^;;
> ä¹
éããã®ãã©ããŒãèŠãŠãïŒïŒ³ïŒ°ïŒã«ãããšãæ£åžžã«åäœããŸããã
IEç³»ã ãšãIE4.x 以éãªãåããããªæãã§åäœãããã®ã¯
äœããããããªãããšæããŸãã
ããšã以åãåã£ãäœãã«ãªã£ãŠããªãšæã£ãã®ã以äžã®ããŒãžã§ãã
> ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
> ã» CSS
> ã» CSS+javascript
> ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
å人çã«ã¯ãfixed ãšãã¬ãŒã ã ãšããã¬ãŒã ã®æ¹ã
察å¿ããŠããã®ã¯å€ãããªæ°ãã»ã»ã»
ããã«ãã©ãããŠãã¬ã¿ã¬ã¿ããŸãããã
å¿çéãèãããªããonscroll ã®æ¹ãè¯ããšæããŸããã
ããã§ãããªãæ°ã«ãªããŸãã
åãããŠããéãé衚瀺ã«ãããšããæã¯ãããããããŸããã
ããšãnoframes ã§ã®å¯Ÿå¿ãšããŠãä»ããŒãž(ã€ã³ããã¯ã¹ã«)
é£ã°ãå ŽåãJavaScript ã meta refresh ãããªã
meta ã¯çšæ³ã¯æ£ããã®ãïŒãšããã®ãäžæã§ãã
ãã¬ãŒã ã§ã®ããã¯ããŒã¯å¯ŸçãšããŠã¯ãMSDN ããã«ãçã§ã
äžéšå®è£
ãããŠãããåæã(cgi ãšåãã§ ? ã§ããŒãžãæå®)
ãšããæã¯ãããŸãã
iframe ãæããã§ãããã©ã®ãã©ãŠã¶ã察å¿ããŠãããªâŠ
> ä¹
éãããã瀺ããŠããã ããCSS+javascriptã®å Žåã
> å·Šäžãå·Šäžãå³ã®æ§ã«ãããšãããã
>
> ïŒãCSSã ããããã°ãã
> ïŒãjavascriptã ããããã°ãã
> ïŒãäž¡æ¹ãšããããå¿
èŠããã
>
> ã©ãã§ããããïŒ
ãŠã£ã³ããŠãµã€ãºãå€åããå Žåã«ã察å¿ãããã§ãããïŒ
ããã ãšã1 ã 3 ã ãšæããŸãã
CSS ã®ã¿ã ãš expression 䜿ãã°è¯ãã®ããã§ããã
詊ããŠãªããã®ã§âŠ(^^;
--
æç°
sugi...@bk.iij4u.or.jp
> var b = document.documentElement ? document.documentElement : document.body;
> ã§ããããé·ããåãããšã ãã
> var b = document.documentElement || document.body;
> ãšæžãããã«ããŠãŸãã
ç§ãåãçåãæ±ããã®ã§ã調ã¹ãŠã¿ãŸããã
Netscape DevEdgeã®JavaScipt Central
( http://devedge.netscape.com/central/javascript/ )
ã«ãããJavaScript 1.3 Client-Side Reference ã®Logical Operators
ã®ã»ã¯ã·ã§ã³ã«ã¯ã
http://devedge.netscape.com/library/manuals/2000/javascript/1.3/reference/ops.html#1044813
> ||
> expr1 || expr2
> (Logical OR) Returns expr1 if it can be converted to true;
> otherwise, returns expr2. Thus, when used with Boolean values,
> || returns true if either operand is true; if both are false,
> returns false.
ãšæžããŠãããŸããã(&& ãåæ§ãJavaScript 1.4,1.5ãåã)
ãã ãããBackward CompatibilityããšããŠã
> JavaScript 1.0 and 1.1.
> The && and || operators behave as follows:
> ||
> If the first operand (expr1) can be converted to true,
> the || operator returns true rather than the value of expr1.
èšè¿°ããããŸããã
1.2以åã®Referenceã¯ç¡ãã£ãã®ã§æ£ç¢ºãªãšããã¯äžæã§ããã
ãããããJavaScript 1.2ã§ä»æ§ã倿Žãããã®ã§ãããã
Logical Operaterã¯å¿
ãBooleanãè¿ã系統ã®èšèªè²ã¡ã§ã
JavaScriptã¯Netscape2.2ã®é ã®JavaScript 1.1ããŒã¹ã®ç¥èã ã£ãã®ã§
ã¡ãã£ãšé©ããŸããã
ã§ãã䟿å©ã§ããã
åç°
Message-ID: <c375pp$o1h$1...@news00.iij4u.or.jp>
ã«ãããŠããããããã¯æžããŸããã
> > ã§ããã®ãŸãŸã ãšé·ã£ããããã®ã§ãçç¥èšæ³ïŒã§ã
> > var b = document.documentElement || document.body;
> > ãšãããµãã«è¡šèšãããšããããšã§ããïŒ
>
> if æã®äžãšåãã§ãè©äŸ¡ãšèãããšå€å°ããããããããã
> ããŸã«èŠãããã®ã¯ã以äžã®ãããªäœ¿ãæ¹ã§ãã
>
> function func(arg1) {
> arg1 = arg1 || "";
> ...
> }
äŸãã°ãæååã®å€æ°ã䜿ã£ãŠäœããããããªå Žåã«ã
èŠããããããªæã§ããããïŒ
> > ïŒãŠãã§ïŒïŒ©ïŒ¥ïŒã§è©Šããæã®åäœãšããŠã¯ã
>
> ãšããããIE5.5sp2 ã§ãåäœããŸããã(匷å¶çµäºã¯ããŸãããâŠ)
> document.body ãå©çšãããšåäœããŸãã
> documentElement ã®æ¹ã¯æéããã£ãã調ã¹ãŠã¿ãŸãâŠãã
> ãã€ã«ãªããâŠ(^^;;
ãã®èŸºã®è©±ã«ã€ããŠã¯ã
Message-ID: <c34gcf$23...@utogw.gssm.otsuka.tsukuba.ac.jp>
ã§ä¹
éãããæžãããŠããããšãåç
§ããŠããã ãã®ãè¯ãããšã
> > ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
> > ã» CSS
> > ã» CSS+javascript
> > ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
>
> å人çã«ã¯ãfixed ãšãã¬ãŒã ã ãšããã¬ãŒã ã®æ¹ã
> 察å¿ããŠããã®ã¯å€ãããªæ°ãã»ã»ã»
> ããã«ãã©ãããŠãã¬ã¿ã¬ã¿ããŸãããã
> å¿çéãèãããªããonscroll ã®æ¹ãè¯ããšæããŸããã
> ããã§ãããªãæ°ã«ãªããŸãã
> åãããŠããéãé衚瀺ã«ãããšããæã¯ãããããããŸããã
> ããšãnoframes ã§ã®å¯Ÿå¿ãšããŠãä»ããŒãž(ã€ã³ããã¯ã¹ã«)
> é£ã°ãå ŽåãJavaScript ã meta refresh ãããªã
> meta ã¯çšæ³ã¯æ£ããã®ãïŒãšããã®ãäžæã§ãã
ãã£ãšææãã§ã<a>ã¿ã°ã§ã
<noframes>
<a href="hogehoge.html">ãã¬ãŒã é察å¿ãªæ¹ã¯ã¯ãªãã¯ããŠãã ãã</a>
</noframes>
ãšæžãã€ããã§ããã
<meta>ã¿ã°ã¯ãããéšåã«æžããã®ã®ã¯ãã§ããã
äœ¿ãæ¹ãšããŠã¯ãéãæ°ãããŸãã
> ãã¬ãŒã ã§ã®ããã¯ããŒã¯å¯ŸçãšããŠã¯ãMSDN ããã«ãçã§ã
> äžéšå®è£
ãããŠãããåæã(cgi ãšåãã§ ? ã§ããŒãžãæå®)
> ãšããæã¯ãããŸãã
>
> iframe ãæããã§ãããã©ã®ãã©ãŠã¶ã察å¿ããŠãããªâŠ
ããã£ïŒiframeãªããŠãã£ããã§ããã£ãã
å
šç¶æãããããŸããã§ããã
ã«ããæ··åšããããå Žåã«ã¯äœ¿ãããã§ãããïŒ
ãªãããã®è©±ã«é¢ããŠã¯ããµããžã§ã¯ããå€ããŠãã¹ã¬ããã
掟çãããŸãã
> > ä¹
éãããã瀺ããŠããã ããCSS+javascriptã®å Žåã
> > å·Šäžãå·Šäžãå³ã®æ§ã«ãããšãããã
> >
> > ïŒãCSSã ããããã°ãã
> > ïŒãjavascriptã ããããã°ãã
> > ïŒãäž¡æ¹ãšããããå¿
èŠããã
> >
> > ã©ãã§ããããïŒ
>
> ãŠã£ã³ããŠãµã€ãºãå€åããå Žåã«ã察å¿ãããã§ãããïŒ
> ããã ãšã1 ã 3 ã ãšæããŸãã
èªå·±æµã§è§£æ±ºã¯ããŸãããã
ããŠã£ã³ããŠãµã€ãºãå€åããå Žåãã衚瀺ã«é¢ããå¿çé床ã
ã¯èæ
®ããŠããŸããã§ããã
ãã¡ãã¥ãŒéšåãåºå®è¡šç€ºãããããšããã®ãã
åœåããã®ç®çã§ããããã®çºã«ããã¬ãŒã ã䜿ãããïŒããšèããããã§ããã
ã» CSSåç¬
ã» CSSïŒjavascript
ã®ã©ã¡ããã§ãç®çãéãããããã ãšããããšãããããŸããã
ïŒä¹
éãã
ãµã³ãã«ããããšãããããŸããã
> CSS ã®ã¿ã ãš expression 䜿ãã°è¯ãã®ããã§ããã
> 詊ããŠãªããã®ã§âŠ(^^;
expressionã£ãŠäœã§ããããïŒæ¡åŒµïŒ
> Logical Operaterã¯å¿ ãBooleanãè¿ã系統ã®èšèªè²ã¡ã§ã
> JavaScriptã¯Netscape2.2ã®é ã®JavaScript 1.1ããŒã¹ã®ç¥èã ã£ãã®ã§
> ã¡ãã£ãšé©ããŸããã
> ã§ãã䟿å©ã§ããã
C çããå
¥ããšãããã§ãããããç§ã¯Cããå
ã«LISPãç¥ã£ãã®ã§
(åœææ¥æ¬èªã®Cã®æ¬ãç¡ãã£ã)ãC ã® && || ã 0 ã 1 ããè¿ããªãã®ã¯
éåæãããäžäŸ¿ã«æããŸããããŸãã倿°ã«åã®ããèšèªãªã®ã§äž¡èŸºã®åã
éãå Žåãšããèãããšãããããªãã®ãããããŸããã
æ°ããèšèªã¯ããŸãç¥ããªãã®ã§ãããBoolean 以å€ã®å€ã« && || ã䜿ããèšèªã§
çµæã« Boolean ããè¿ããªãèšèªã£ãŠ Cé¡ ã®ä»ã«ã¡ãžã£ãŒãªç¯å²ã§ã¯äœããããŸãïŒ
(Cã®å ŽåBooleanãããªããšããçªã£èŸŒã¿ã¯ããªãã§ãã ãã)
ããªãåã«ãªããŸãããfj ã®ã©ããã§ã
(1) && || æŒç®åã¯ã巊蟺ã®å€ã«ãã£ãŠå³èŸºãè©äŸ¡ãããããããªãã£ãã
ããã®ãæŒç®åã®æå³ãšããŠæ¬è³ªçã§ãã
(2) && || æŒç®åã¯ãè«çæŒç®åŠçãæ¬è³ªçã§ãããå³èŸºãè©äŸ¡ãããã
ãããªãã£ããã¯ãæé©å/é«éåã®ããã«éããªã
ãšããè°è«ãããèŠãããããŸãã
ç§ã¯(1)ã®ç«å Žã
andthen orelse ãšãããµãã«(1)ã§ããããšããããããæŒç®åã®èšèªããããŸãããã
ADAã ã£ã?
Followup-To: fj.comp.lang.misc ã«ããŸããã
--
tksotn
> ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
>
> ã» CSS
> ã» CSS+javascript
>
> ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
ããã¬ãŒã é察å¿ã®ãã©ãŠã¶ããšããé¡åã§æåã«èšäºã
æžããããšãã¯ãã¢ã¯ã»ã·ããªãã£ã®ããšãé
æ
®ããã
çºèšããšæã£ãŠããŸããããåã«ã¡ãã¥ãŒãåºå®ããããšãã
ããšã ã£ãã®ã§ããããïŒ
JavaScript(ãšãããã¹ã¯ãªããäžè¬)ã Off ã«ããŠãã
ãŠãŒã¶ãŒããããªãã«ããããšãèããªããšããå
¬åŒããŒãžã
ãšããŠã¯ããŸããããªãã®ã§ã¯ïŒ
æ¡ è±æ²»ïŒ (æ ª)暪æµã€ã³ããªãžã§ã³ã¹ ( kat...@hamaint.co.jp )
blackholeãã:
> JavaScript(ãšãããã¹ã¯ãªããäžè¬)ã Off ã«ããŠãã
> ãŠãŒã¶ãŒããããªãã«ããããšãèããªããšããå
¬åŒããŒãžã
> ãšããŠã¯ããŸããããªãã®ã§ã¯ïŒ
ãããŸãããã®å Žåã¯ã¡ãã¥ãŒãããŒãžå
é ã«ãã£ãŠã¹ã¯ããŒã«
ãããšæ®éã«èŠçããæ¶ããããã§ããããæªãã£ãŠããã»ã©ã§ã
ãªãã®ã§ã¯ãªãã§ããããã
ãããã²ãŒã·ã§ã³ã§ããªããããå°ããã© ä¹ é
> <20040316111914.2...@uranus.interq.or.jp>ã®èšäºã«ãããŠ
> cun...@uranus.interq.or.jpããã¯æžããŸããã
>
> > ãªããä»åã®å€§å¹
倿Žã«ã€ããŠã¯ããã¬ãŒã ã¯äœ¿ããã
> >
> > ã» CSS
> > ã» CSS+javascript
> >
> > ã®ã©ã£ã¡ãã§ããããšã«ããŸãã
>
> ããã¬ãŒã é察å¿ã®ãã©ãŠã¶ããšããé¡åã§æåã«èšäºã
> æžããããšãã¯ãã¢ã¯ã»ã·ããªãã£ã®ããšãé
æ
®ããã
> çºèšããšæã£ãŠããŸããããåã«ã¡ãã¥ãŒãåºå®ããããšãã
> ããšã ã£ãã®ã§ããããïŒ
ããšããšã®ããããããšã¯ããã¡ãã¥ãŒãåºå®ãããïŒåžžã«è¡šç€ºãããïŒã
ããã§ãã
ãã ããã¬ãŒã ã䜿ãããïŒãšããããšã«å¯ŸããŠã®
æèã»è¡åçµç·¯ã¯äžèšã®éãã§ãã
ã¡ãã¥ãŒãåºå®ãããïŒåžžã«è¡šç€ºãããïŒã
â
ããã«ã¯ãã¬ãŒã ã䜿ãã®ãæé©ããªïŒ
ãã¬ãŒã ãªãã察象ã®ãã¬ãŒã 以å€ã¯ç¡åœ±é¿ã ãã
â
ã§ãããã©ãŠã¶ãé察å¿ã®ãã®ãããã ããããã©ããªãã©ãŠã¶ã
é察å¿ãªãã ããïŒ
â
googleã§æ€çŽ¢ããŠã¿ããããããæ°ãå€ãããŠãããããããã
â
fj.net.www.browsersã«æçš¿
ãã®åŸãå€ãã®ãã©ããŒãããã ããCSSïŒ+javascriptïŒã§ã
ããã¬ãŒã ã䜿ãããšãããããã ããšããããšããããã
ãã¬ãŒã ã䜿ããªãããšã«ããŸããã
> JavaScript(ãšãããã¹ã¯ãªããäžè¬)ã Off ã«ããŠãã
> ãŠãŒã¶ãŒããããªãã«ããããšãèããªããšããå
¬åŒããŒãžã
> ãšããŠã¯ããŸããããªãã®ã§ã¯ïŒ
ãã¡ãããCSSã»javascriptããªãã®èšå®ã«ããŠããæ¹ãããã£ããã
ããã§ãããã
ãªã®ã§ãããããæ¹ã§ããhtmlãã®ãã®ã§å
å®¹ãæŽããããã«ã¯ããããšã¯
æããŸãã
ãšããã§ã»ã»ã»ä»åã¯ãç§å人ã®ãµã€ãããããããã®ã§ããã
äœã以ã£ãŠãå
¬åŒããŒãžããšå€æãããã®ã§ããããïŒ
åãªãåéããªããããã§æ§ããªããã§ãããã©ã»ã»ã»
> ãšããã§ã»ã»ã»ä»åã¯ãç§å人ã®ãµã€ãããããããã®ã§ããã
> äœã以ã£ãŠãå
¬åŒããŒãžããšå€æãããã®ã§ããããïŒ
> åãªãåéããªããããã§æ§ããªããã§ãããã©ã»ã»ã»
åãªãåéãã§ãã
(www.fj-news.orgã®è©±ãšææãéãªã£ãŠããã®ã§æ··åããŠããŸããã)
In message news:20040317003513.9...@uranus.interq.or.jp
"ç¬ åãå±ïŒæ°·çãé·å
颚ïŒ" <cun...@uranus.interq.or.jp> wrote ...
> äŸãã°ãæååã®å€æ°ã䜿ã£ãŠäœããããããªå Žåã«ã
> èŠããããããªæã§ããããïŒ
ããã§ããã
åŒæ°ãçç¥ããããšãã«ãundefined ãããªããŠ
ãªããžã§ã¯ãã«ãããå Žåãšãã§ãã
ããã©ã«ãå€ã ãšããã¡ããš undefined ã§å€å®ããæ¹ã
è¯ããšæããŸãã
> > documentElement ã®æ¹ã¯æéããã£ãã調ã¹ãŠã¿ãŸãâŠãã
> > ãã€ã«ãªããâŠ(^^;;
> ãã®èŸºã®è©±ã«ã€ããŠã¯ã
> Message-ID: <c34gcf$23...@utogw.gssm.otsuka.tsukuba.ac.jp>
> ã§ä¹
éãããæžãããŠããããšãåç
§ããŠããã ãã®ãè¯ãããšã
IE5.5sp2 ã ãšãæšæºã¢ãŒããšããã®ã¯ç¡ããŠãIE6 ã®äºæã¢ãŒã
ã«çžåœããŸãã
ãã®éãå
ã®è©äŸ¡ã ãš document.documentElement ã«ãªã£ãŠããŸã£ãŠã
æ£ããåäœããªãã®ã§ãã©ãããã®ãã¹ããŒãã ãããïŒ
ãšãã話ã§ãã
> <meta>ã¿ã°ã¯ãããéšåã«æžããã®ã®ã¯ãã§ããã
ãããhttp ãããã®è©±ãªã®ã§ããããéšåã«æžãã®ãæ£ããã®ãã
倿ãã€ããªãã£ãã®ã§ãã
> ããŠã£ã³ããŠãµã€ãºãå€åããå Žåãã衚瀺ã«é¢ããå¿çé床ã
以äžãä¹
éããã®ã IE5.5sp2 çšã«å å·¥ãããµã³ãã«ã§ãã
# éæšæºã¢ãŒãã§æžããŠãŸãã
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>???</title>
<style type="text/css">
BODY, DIV, P {
margin : 0px;
padding: 0px;
font-family: monospace;
}
#left {
position: absolute; border: blue double 2px;
left : 0px;
top : 0px;
width : 100px;
height: 200px;
}
#left2 {
position: absolute; border: blue double 2px;
left : 0px;
top : 200px;
width : 100px;
height: 200px;
}
#right { margin-left: 100px; border: green double 2px }
</style>
<script type="text/javascript">
var scrflag = false;
var tid = null;
var l, l2;
function refresh() {
l .style.top = document.body.scrollTop + 0+'px';
l2.style.top = document.body.scrollTop +200+'px';
if(document.all) { // IE
l2.style.height = document.body.clientHeight-200+'px';
} else { // éæšæºã¢ãŒã
l2.style.height = window.innerHeight-204+'px';
}
}
function setpos() {
refresh();
l .style.visibility = "visible";
l2.style.visibility = "visible";
scrflag = false;
}
function check() {
if (!scrflag) {
l .style.visibility = "hidden";
l2.style.visibility = "hidden";
scrflag = true;
} else {
clearTimeout(tid);
}
tid = setTimeout(setpos, 500);
}
function init() {
l = document.getElementById("left" );
l2 = document.getElementById("left2");
if(document.all) { // IE
window.onscroll = check;
window.onresize = refresh;
} else {
l .style.position = "fixed";
l2.style.position = "fixed";
}
refresh();
}
</script>
</head>
<body onload="init()">
<div id="left">
<p>a</p><p>b</p><p>c</p><p>d</p><p>e</p><p>f</p><p>g</p>
</div>
<div id="left2">
<p>a</p><p>b</p><p>c</p><p>d</p><p>e</p><p>f</p><p>g</p>
</div>
<div id="right">
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
<p>ããããããããããããããããããããããããããããããããããã</p>
</div>
</body>
</html>
> > CSS ã®ã¿ã ãš expression 䜿ãã°è¯ãã®ããã§ããã
> > 詊ããŠãªããã®ã§âŠ(^^;
> expressionã£ãŠäœã§ããããïŒæ¡åŒµïŒ
ãã¿ãŸãããexpression 䜿ã£ãŠããæŽæ°ã«ã¹ã¯ãªãããå¿
èŠ
ã§ããããŸããIE 以å€ã§ãµããŒãããŠããªããããããŸããã
äœ¿ãæ¹ãšããŠã¯ã以äžã®ãããªæãã§ãã
<style>
#left {
position: absolute; border: blue double 2px;
left : 0px;
top : expression(document.body.scrollTop + 0+'px');
width : 100px;
height: 200px;
}
#left2 {
position: absolute; border: blue double 2px;
left : 0px;
top : expression(document.body.scrollTop +200+'px');
width : 100px;
height: expression(document.body.clientHeight-200+'px');
}
</style>
<script>
function refresh() {
document.recalc(true);
}
</script>
--
æç°
sugi...@bk.iij4u.or.jp