| 1 |
w |
1.1 |
<?xml version="1.0" encoding="iso-2022-jp"?>
|
| 2 |
wakaba |
1.2 |
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
|
| 3 |
w |
1.1 |
<head profile="http://suika.fam.cx/~wakaba/-temp/wiki/wiki?WikiHTMLMetaProfile">
|
| 4 |
wakaba |
1.2 |
<title>Mozilla $B$G4JC1$KMWAG$NH"$r0\F02DG=$K$9$k(B XBL $BItIJ(B</title>
|
| 5 |
w |
1.1 |
<link rel="contents" href="#toc" />
|
| 6 |
|
|
<link rev="made" href="mailto:[email protected]" />
|
| 7 |
|
|
<link rel="copyright" href="data:,Public%20Domain%2E" title="Public Domain." />
|
| 8 |
|
|
<meta name="author" content="$B<cMU(B" />
|
| 9 |
|
|
<meta name="keywords" content="Mozilla, HTML, XHTML, CSS, XML, XBL, drag, drop, element, box, -moz-binding, mouse, move, $B%I%i%C%0(B, $B%I%m%C%W(B, $BMWAG(B, $B%(%l%a%s%H(B, $B%\%C%/%9(B, $BH"(B, $B0\F0(B, $B%^%&%9(B" />
|
| 10 |
wakaba |
1.2 |
<link rel="stylesheet" href="/s/default/xhtml1" media="all" />
|
| 11 |
|
|
<style type="text/css" media="screen">
|
| 12 |
w |
1.1 |
h1 {
|
| 13 |
wakaba |
1.2 |
display: block;
|
| 14 |
|
|
-moz-binding: url('http://suika.fam.cx/www/style/ui/drag.xbl#simple-drag');
|
| 15 |
|
|
behavior: url('http://suika.fam.cx/www/style/ui/drag.htc');
|
| 16 |
w |
1.1 |
}
|
| 17 |
|
|
h1.DRAGABLE {
|
| 18 |
|
|
position: fixed;
|
| 19 |
|
|
top: 0.3em; left: 4em; right: 0.5em;
|
| 20 |
|
|
margin: 0;
|
| 21 |
|
|
cursor: move;
|
| 22 |
|
|
}
|
| 23 |
wakaba |
1.2 |
h1.DRAGABLE.MSIE {
|
| 24 |
|
|
position: absolute;
|
| 25 |
|
|
}
|
| 26 |
w |
1.1 |
h1.DRAGING {
|
| 27 |
|
|
color: GrayText;
|
| 28 |
|
|
background-color: transparent;
|
| 29 |
|
|
}
|
| 30 |
|
|
</style>
|
| 31 |
|
|
</head>
|
| 32 |
|
|
<body>
|
| 33 |
wakaba |
1.2 |
<h1>Mozilla $B$G4JC1$KMWAG$NH"$r0\F02DG=$K$9$k(B <abbr>XBL</abbr> $BItIJ(B</h1>
|
| 34 |
w |
1.1 |
|
| 35 |
|
|
<h2 id="abstract">$B35MW(B</h2>
|
| 36 |
|
|
|
| 37 |
wakaba |
1.2 |
<p><dfn><code class="file">drag.xbl</code></dfn>$B$O!"(B Mozilla $B$G(B
|
| 38 |
|
|
<abbr>HTML</abbr> $BJ8=q$rI=<($9$k:]$K!"(B <abbr>CSS</abbr>
|
| 39 |
|
|
$B$r;H$C$FFCDj$NMWAG$r%^%&%9$K$h$k%I%i%C%0$G1\Mw<T$,0\F02DG=$K$9$k$?$a$N(B
|
| 40 |
|
|
<abbr>XBL</abbr> $BItIJ$G$9!#(B</p>
|
| 41 |
w |
1.1 |
|
| 42 |
|
|
<h2 id="introduction">$B$O$8$a$K(B</h2>
|
| 43 |
|
|
|
| 44 |
|
|
<p><a href="http://www.mozilla.org/" xml:lang="en">Mozilla</a> ($B$H$$$&$+(B Gecko)
|
| 45 |
|
|
$B$O!"(B <a href="http://www.w3.org/TR/xbl/" xml:lang="en">XBL</a>
|
| 46 |
|
|
$B$H$$$&8@8l$r;H$C$FMWAG$NI=8=$r@)8f$G$-$^$9!#(B
|
| 47 |
wakaba |
1.2 |
<a href="http://www.w3.org/" xml:lang="en"><abbr>W3C</abbr></a> $B$N(B
|
| 48 |
|
|
<abbr>CSS</abbr> <span class="weak">($B?e=`(B 2 $B$^$G(B)</span> $B$G$O!"(B
|
| 49 |
|
|
$BI=<($K$D$$$F$O4pK\E*$K!V@EE*!W$J;XDj$7$+$G$-$^$;$s!#(B
|
| 50 |
|
|
$B$7$+$7(B <abbr>XBL</abbr> $B$HAH$_9g$o$;$k$3$H$K$h$j!"(B
|
| 51 |
|
|
$B>r7oH=CG$r4^$a$?$j1\Mw<T$NA`:n$K1~$8$?F0:n$r9T$C$?$j$9$k$3$H$,2DG=$K$J$j$^$9!#(B
|
| 52 |
|
|
($B<B:]$K8=:_$N(B Mozilla $B$K$O!"0\F0J8;z(B <span class="weak">(marquee)</span> $B$,(B
|
| 53 |
|
|
<abbr>XBL</abbr> $B$r;H$C$F<BAu$5$l$F$$$^$9!#(B)</p>
|
| 54 |
w |
1.1 |
|
| 55 |
wakaba |
1.2 |
<p><a href="http://suika.fam.cx/www/style/ui/drag.xbl" type="application/xml"><code xml:lang="en" class="filename">drag.xbl</code></a>
|
| 56 |
w |
1.1 |
$B$O!"MWAG(B
|
| 57 |
wakaba |
1.2 |
<span class="weak">($B$KBP1~$9$k(B<ruby><rb>$BH"(B</rb><rp>(</rp><rt xml:lang="en">$B%\%C%/%9(B</rt><rp>)</rp></ruby>)</span>
|
| 58 |
|
|
$B$r1\Mw<T$,%^%&%9$N%I%i%C%0$K$h$j0\F02DG=$H$9$k$?$a$N(B <abbr>XBL</abbr> $BItIJ$G$9!#(B
|
| 59 |
w |
1.1 |
$BF1$8$3$H$O(B JavaScript $B$rJ8=q$KD>@\Kd$a9~$s$G$b<B8=$G$-$^$9(B
|
| 60 |
wakaba |
1.2 |
<span class="weak">($B$7<B:]$h$/;H$o$l$F$$$^$9(B)</span> $B$,!"(B <abbr>XBL</abbr>
|
| 61 |
|
|
$B2=$7$F(B <abbr>CSS</abbr> $B$rDL$7$F;XDj$9$k$3$H$K$O!"(B
|
| 62 |
|
|
$B$?$H$($P<!$N$h$&$JMxE@$,$"$j$^$9!#(B</p>
|
| 63 |
w |
1.1 |
|
| 64 |
|
|
<ul>
|
| 65 |
wakaba |
1.2 |
<li>$B;HMQ$9$kJ8=q(B (<abbr>HTML</abbr> <del cite="#FOR-XML">$B$,IaDL$G$9$,!"(B
|
| 66 |
|
|
$B0lHL$N(B <abbr>XML</abbr> $BJ8=q$G$b5!G=$9$k$H;W$$$^$9!#(B</del>)
|
| 67 |
|
|
$B$K%9%/%j%W%H$rKd$a9~$`I,MW$,$J$$(B ($B9=B$$HI=8=$NJ,N%(B)$B!#(B
|
| 68 |
|
|
$B$3$l$K$h$C$FJ8=q$N4IM}$,$7$d$9$/$J$k!#(B</li>
|
| 69 |
|
|
<li>$BE,MQBP>]$NMWAG$r(B <abbr>CSS</abbr>
|
| 70 |
|
|
$B$N(B<ruby><rb>$BA*Br;R(B</rb><rp>(</rp><rt xml:lang="en">$B%;%l%/%?(B</rt><rp>)</rp></ruby>$B$r;H$C$F=@Fp$K;XDj$G$-$k!#(B</li>
|
| 71 |
|
|
<li>$B1\Mw<T$N%9%?%$%k!&%7!<%H$r;H$C$FG$0U$NJ8=q$KE,MQ$5$;$?$j!"(B
|
| 72 |
|
|
$B5U$KE,MQ$rBG$A>C$7$?$j$G$-$k!#(B</li>
|
| 73 |
w |
1.1 |
</ul>
|
| 74 |
|
|
|
| 75 |
wakaba |
1.2 |
<p>$B$^$?!"0\F0Cf$N%9%?%$%k(B
|
| 76 |
|
|
<span class="weak">($B$?$H$($P!"%^%&%9;X<(;R$r0\F0;~$N$b$N$H$9$k$H$+!#(B)</span>
|
| 77 |
|
|
$B$r(B <abbr>CSS</abbr> $B$r;H$C$F;XDj$9$k$3$H$,$G$-$^$9!#(B</p>
|
| 78 |
|
|
|
| 79 |
w |
1.1 |
<h2 id="usage">$B;H$$J}(B</h2>
|
| 80 |
|
|
|
| 81 |
|
|
<ol>
|
| 82 |
wakaba |
1.2 |
<li>$B$^$:!"(B <a href="http://suika.fam.cx/www/style/ui/drag.xbl" type="application/xml"><code xml:lang="en" class="filename">drag.xbl</code></a>
|
| 83 |
|
|
$B$r;}$C$F$$$C$F$/$@$5$$!#(B</li>
|
| 84 |
w |
1.1 |
<li>CSS $B7A<0$N%9%?%$%k!&%7!<%H$G>e5-J8=q$rMQ0U$7$?(B URI $B$r0J2<$NNc$N$h$&$K=q$-F~$l$^$9!#(B
|
| 85 |
|
|
($B$J$*!"$3$3$G;HMQ$7$F$$$k(B <code class="CSS">-moz-binding</code>
|
| 86 |
|
|
$BB0@-$O(B Mozilla (Gecko) $B$NFH<+3HD%$G$9!#(B
|
| 87 |
wakaba |
1.2 |
<a href="http://www.mozilla.gr.jp/">$B$b$8$iAH(B</a>$B$N(B
|
| 88 |
|
|
<cite><a href="http://www.mozilla.gr.jp/standards/webtips0001.html">Mozilla$B$NFH<+3HD%(BCSS$B$O;H$o$J$$$G$/$@$5$$(B</a></cite>$B$H$$$&J8=q$KL\$rDL$7$FM}2r$7$?>e$G$*;H$$2<$5$$!#(B)</li>
|
| 89 |
w |
1.1 |
<li>$B0\F02DG=;~5Z$S0\F0;~$N%9%?%$%k$r!"I,MW$K1~$8$F9g$o$;$F;XDj$7$F$*$-$^$9!#(B</li>
|
| 90 |
|
|
</ol>
|
| 91 |
|
|
|
| 92 |
|
|
<pre class="example CSS" xml:lang="en">
|
| 93 |
|
|
<var>.movable-element</var> {
|
| 94 |
wakaba |
1.2 |
-moz-binding: url('<a href="http://suika.fam.cx/www/style/ui/drag.xbl" type="application/xml">http://suika.fam.cx/www/style/ui/drag.xbl</a>#simple-drag');
|
| 95 |
w |
1.1 |
}
|
| 96 |
|
|
<ins xml:lang="ja">/* $B0\F02DG=$J;~!"5i(B <code xml:lang="en" class="HTML">DRAGABLE</code> $B$,DI2C$5$l$^$9!#(B */</ins>
|
| 97 |
|
|
<var>.movable-element</var>.DRAGABLE {
|
| 98 |
|
|
position: absolute <ins xml:lang="ja">/* $B$^$?$O(B <code class="CSS" xml:lang="en">fixed</code> */</ins>;
|
| 99 |
|
|
margin: 0 <ins xml:lang="ja">/* $B0LCV7W;;$NET9g>e(B 0 $B$G$J$$$H$$$1$^$;$s!#(B */</ins>;
|
| 100 |
|
|
<samp>top: 4em; <ins xml:lang="ja">/* $BNc!#(B */</ins></samp>
|
| 101 |
|
|
<samp>left: 1em;</samp>
|
| 102 |
|
|
}
|
| 103 |
|
|
<ins xml:lang="ja">/* $B0\F0Cf$N;~!"5i(B <code xml:lang="en" class="HTML">DRAGING</code> $B$,DI2C$5$l$^$9!#(B */</ins>
|
| 104 |
|
|
<var>.movable-element</var>.DRAGING {
|
| 105 |
|
|
<samp>cursor: move; <ins xml:lang="ja">/* $BNc!#(B */</ins></samp>
|
| 106 |
|
|
}
|
| 107 |
|
|
</pre>
|
| 108 |
|
|
|
| 109 |
|
|
<h2 id="restriction">$B@)8B;v9`(B</h2>
|
| 110 |
|
|
|
| 111 |
|
|
<ul>
|
| 112 |
wakaba |
1.2 |
<li><abbr>XBL</abbr> $B$r<BAu$7$?MxMQ<T%(!<%8%'%s%H(B ($B8=:_$N=j(B Gecko $B$N$_!#(B)
|
| 113 |
|
|
$B0J30$KBP$7$F$O2?$N8z2L$b$"$j$^$;$s!#(B</li>
|
| 114 |
w |
1.1 |
<li>$B0\F0$9$kH"$N(B <code xml:lang="en" class="CSS">margin</code>
|
| 115 |
|
|
$B$O(B ($B>/$J$/$F$b:8$H>e$O(B) $BNm$G$J$1$l$P$J$j$^$;$s!#(B</li>
|
| 116 |
wakaba |
1.2 |
<li>$B$&$C$+$j(B
|
| 117 |
|
|
<samp class="CSS">behavior: url('<a href="http://suika.fam.cx/www/style/ui/drag.htc" type="application/xml">http://suika.fam.cx/www/style/ui/drag.htc</a>')</samp>
|
| 118 |
|
|
$B$H$b=q$$$F$7$^$&$H!"(B <abbr lang="en" xml:lang="en" title="Windows $BHG(B Internet Explorer">WinIE</abbr>
|
| 119 |
|
|
$B$K$bBP1~$7$F$7$^$$$^$9(B:)
|
| 120 |
|
|
</li>
|
| 121 |
|
|
<li id="FOR-XML">$BE,MQ$G$-$kMWAG7?$O(B <abbr>HTML</abbr>/<abbr>XHTML</abbr>
|
| 122 |
|
|
$B$N$b$N$@$1$G!"0lHL$N(B XML $BMWAG$K$OE,MQ$G$-$^$;$s!#(B
|
| 123 |
|
|
($B0lHL$N(B XML $BMWAG$NI=<(0LCV$r(B <abbr>DOM</abbr>
|
| 124 |
|
|
$BE*$KA`:n$9$kJ}K!$,:#$N$H$3$m$J$$$+$i$G$9!#(B)</li>
|
| 125 |
w |
1.1 |
</ul>
|
| 126 |
|
|
|
| 127 |
|
|
<h2 id="license">License</h2>
|
| 128 |
|
|
|
| 129 |
|
|
<ul>
|
| 130 |
wakaba |
1.2 |
<li>Mozilla $B4X78$N%U%!%$%k$KJo$C$F!"(B <abbr>MPL</abbr> 1.1/<abbr>GPL</abbr>
|
| 131 |
|
|
2.0/<abbr>LGPL</abbr> 2.1 $B$H$7$^$9!#(B</li>
|
| 132 |
w |
1.1 |
<li>$B$3$N@bL@J8=q$O(B Public Domain $B$G$9(B ($BCx:n8"$r<gD%$7$^$;$s(B)$B!#(B</li>
|
| 133 |
|
|
</ul>
|
| 134 |
|
|
|
| 135 |
|
|
<h2 id="toc">$BL\<!(B</h2>
|
| 136 |
|
|
|
| 137 |
|
|
<ol>
|
| 138 |
|
|
<li><a href="#abstract">$B35MW(B</a></li>
|
| 139 |
|
|
<li><a href="#introduction">$B$O$8$a$K(B</a></li>
|
| 140 |
|
|
<li><a href="#usage">$B;H$$J}(B</a></li>
|
| 141 |
|
|
<li><a href="#restriction">$B@)8B;v9`(B</a></li>
|
| 142 |
|
|
<li><a href="#license">License</a></li>
|
| 143 |
|
|
</ol>
|
| 144 |
|
|
|
| 145 |
wakaba |
1.2 |
<div id="footer">
|
| 146 |
w |
1.1 |
<div class="navigation">
|
| 147 |
wakaba |
1.2 |
[<a href="/" title="$B$3$N%5!<%P!<$N<sJG(B">/</a>
|
| 148 |
w |
1.1 |
<a href="/map" title="$B$3$N%5!<%P!<$N0FFb(B" rel="index">$BCO?^(B</a>
|
| 149 |
|
|
<a href="/search/" title="$B$3$N%5!<%P!<$N8!:w(B">$B8!:w(B</a>]
|
| 150 |
|
|
</div>
|
| 151 |
wakaba |
1.2 |
<div class="update">2003-02-17; $Date: 2003/07/06 23:09:12 $</div>
|
| 152 |
|
|
</div>
|
| 153 |
w |
1.1 |
</body></html>
|
Parent Directory
| 
Revision Log