| 1 |
w |
1.1 |
<?xml version="1.0" encoding="iso-2022-jp"?>
|
| 2 |
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
| 3 |
|
|
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
| 4 |
|
|
<html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
|
| 5 |
|
|
<head profile="http://suika.fam.cx/~wakaba/-temp/wiki/wiki?WikiHTMLMetaProfile">
|
| 6 |
|
|
<title>Mozilla $B$G4JC1$KMWAG$NH"$r0\F02DG=$K$9$k(B XBL</title>
|
| 7 |
|
|
<link rel="contents" href="#toc" />
|
| 8 |
|
|
<link rev="made" href="mailto:w@suika.fam.cx" />
|
| 9 |
|
|
<link rel="copyright" href="data:,Public%20Domain%2E" title="Public Domain." />
|
| 10 |
|
|
<meta name="author" content="$B<cMU(B" />
|
| 11 |
|
|
<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" />
|
| 12 |
|
|
<style type="text/css">
|
| 13 |
|
|
h1 {
|
| 14 |
|
|
-moz-binding: url('drag-xbl.xml#simple-drag');
|
| 15 |
|
|
}
|
| 16 |
|
|
h1.DRAGABLE {
|
| 17 |
|
|
position: fixed;
|
| 18 |
|
|
top: 0.3em; left: 4em; right: 0.5em;
|
| 19 |
|
|
margin: 0;
|
| 20 |
|
|
cursor: move;
|
| 21 |
|
|
}
|
| 22 |
|
|
h1.DRAGING {
|
| 23 |
|
|
color: GrayText;
|
| 24 |
|
|
background-color: transparent;
|
| 25 |
|
|
}
|
| 26 |
|
|
</style>
|
| 27 |
|
|
</head>
|
| 28 |
|
|
<body>
|
| 29 |
|
|
<h1>Mozilla $B$G4JC1$KMWAG$NH"$r0\F02DG=$K$9$k(B XBL</h1>
|
| 30 |
|
|
|
| 31 |
|
|
<h2 id="abstract">$B35MW(B</h2>
|
| 32 |
|
|
|
| 33 |
|
|
<p>Mozilla $B$G(B HTML $BJ8=q(B ($B$J$I(B)
|
| 34 |
|
|
$B$rI=<($9$k:]$K!"(B CSS $B$r;H$C$FFCDj$NMWAG(B
|
| 35 |
|
|
($B$N(B<ruby><rb>$BH"(B</rb><rp>(</rp><rt xml:lang="en">$B%\%C%/%9(B</rt><rp>)</rp></ruby>)
|
| 36 |
|
|
$B$r%^%&%9$K$h$k%I%i%C%0$G1\Mw<T$,0\F02DG=$K$9$k$?$a$N(B XBL $BJ8=q$G$9!#(B</p>
|
| 37 |
|
|
|
| 38 |
|
|
<h2 id="introduction">$B$O$8$a$K(B</h2>
|
| 39 |
|
|
|
| 40 |
|
|
<p><a href="http://www.mozilla.org/" xml:lang="en">Mozilla</a> ($B$H$$$&$+(B Gecko)
|
| 41 |
|
|
$B$O!"(B <a href="http://www.w3.org/TR/xbl/" xml:lang="en">XBL</a>
|
| 42 |
|
|
$B$H$$$&8@8l$r;H$C$FMWAG$NI=8=$r@)8f$G$-$^$9!#(B
|
| 43 |
|
|
<a href="http://www.w3.org/" xml:lang="en">W3C</a> $B$N(B CSS
|
| 44 |
|
|
(level 2 $B$^$G(B) $B$G$O!"I=<($K$D$$$F$O4pK\E*$K!V@EE*!W$J;XDj$7$+$G$-$^$;$s!#(B
|
| 45 |
|
|
$B$7$+$7(B XBL $B$HAH$_9g$o$;$k$3$H$K$h$j!">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
|
| 46 |
|
|
($B<B:]$K8=:_$N(B Mozilla $B$K$O!"0\F0J8;z(B (marquee) $B$,(B XBL $B$r;H$C$F<BAu$5$l$F$$$^$9!#(B)</p>
|
| 47 |
|
|
|
| 48 |
|
|
<p><a href="drag-xbl.xml" type="application/xml"><code xml:lang="en" class="filename">drag-xbl.xml</code></a>
|
| 49 |
|
|
$B$O!"MWAG(B
|
| 50 |
|
|
($B$N(B<ruby><rb>$BH"(B</rb><rp>(</rp><rt xml:lang="en">$B%\%C%/%9(B</rt><rp>)</rp></ruby>)
|
| 51 |
|
|
$B$r1\Mw<T$,%^%&%9$N%I%i%C%0$K$h$j0\F02DG=$H$9$k$?$a$N(B XBL $BJ8=q$G$9!#(B
|
| 52 |
|
|
$BF1$8$3$H$O(B JavaScript $B$rJ8=q$KD>@\Kd$a9~$s$G$b<B8=$G$-$^$9(B
|
| 53 |
|
|
($B$7<B:]$h$/;H$o$l$F$$$^$9(B) $B$,!"(B XBL $B2=$7$F(B CSS $B$rDL$7$F;XDj$9$k$3$H$K$O!"<!$N$h$&$JMxE@$,5s$2$i$l$^$9!#(B</p>
|
| 54 |
|
|
|
| 55 |
|
|
<ul>
|
| 56 |
|
|
<li>$B;HMQ$9$kJ8=q(B (HTML $B$,IaDL$G$9$,!"0lHL$N(B XML $BJ8=q$G$b5!G=$9$k$H;W$$$^$9!#(B)
|
| 57 |
|
|
$B$K%9%/%j%W%H$rKd$a9~$`I,MW$,$J$$(B ($B9=B$$HI=8=$NJ,N%(B)$B!#(B</li>
|
| 58 |
|
|
<li>$BE,MQBP>]$NMWAG$r(B CSS
|
| 59 |
|
|
$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;XDj$G$-$k!#(B</li>
|
| 60 |
|
|
<li>$B1\Mw<T$N%9%?%$%k!&%7!<%H$r;H$C$FG$0U$NJ8=q$KE,MQ$5$;$?$j!"5U$KE,MQ$rBG$A>C$7$?$j$G$-$k!#(B</li>
|
| 61 |
|
|
</ul>
|
| 62 |
|
|
|
| 63 |
|
|
<h2 id="usage">$B;H$$J}(B</h2>
|
| 64 |
|
|
|
| 65 |
|
|
<ol>
|
| 66 |
|
|
<li>$B$^$:!"(B <a href="drag-xbl.xml" type="application/xml"><code xml:lang="en" class="filename">drag-xbl.xml</code></a>
|
| 67 |
|
|
$B$r;}$C$F$$$C$F$/$@$5$$!#(B ($B8=:_$N(B URI
|
| 68 |
|
|
$B$O2>$N$b$N$G$9$+$i!"$$$:$l>CLG$9$k$+$b$7$l$^$;$s!#$*<j?t$G$9$,$*<j85$KJ#@=$7$F$*;H$$2<$5$$!#(B)</li>
|
| 69 |
|
|
<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
|
| 70 |
|
|
($B$J$*!"$3$3$G;HMQ$7$F$$$k(B <code class="CSS">-moz-binding</code>
|
| 71 |
|
|
$BB0@-$O(B Mozilla (Gecko) $B$NFH<+3HD%$G$9!#(B
|
| 72 |
|
|
<a href="http://www.mozilla.gr.jp/">$B$b$8$iAH(B</a>$B$N!X(B<a href="http://www.mozilla.gr.jp/standards/webtips0001.html">Mozilla$B$NFH<+3HD%(BCSS$B$O;H$o$J$$$G$/$@$5$$(B</a>$B!Y$H$$$&J8=q$KL\$rDL$7$FM}2r$7$?>e$G$*;H$$2<$5$$!#(B)</li>
|
| 73 |
|
|
<li>$B0\F02DG=;~5Z$S0\F0;~$N%9%?%$%k$r!"I,MW$K1~$8$F9g$o$;$F;XDj$7$F$*$-$^$9!#(B</li>
|
| 74 |
|
|
</ol>
|
| 75 |
|
|
|
| 76 |
|
|
<pre class="example CSS" xml:lang="en">
|
| 77 |
|
|
<var>.movable-element</var> {
|
| 78 |
|
|
-moz-binding: url('<var>uri/of/</var><a href="drag-xbl.xml" type="application/xml">drag-xbl.xml</a>#simple-drag');
|
| 79 |
|
|
}
|
| 80 |
|
|
<ins xml:lang="ja">/* $B0\F02DG=$J;~!"5i(B <code xml:lang="en" class="HTML">DRAGABLE</code> $B$,DI2C$5$l$^$9!#(B */</ins>
|
| 81 |
|
|
<var>.movable-element</var>.DRAGABLE {
|
| 82 |
|
|
position: absolute <ins xml:lang="ja">/* $B$^$?$O(B <code class="CSS" xml:lang="en">fixed</code> */</ins>;
|
| 83 |
|
|
margin: 0 <ins xml:lang="ja">/* $B0LCV7W;;$NET9g>e(B 0 $B$G$J$$$H$$$1$^$;$s!#(B */</ins>;
|
| 84 |
|
|
<samp>top: 4em; <ins xml:lang="ja">/* $BNc!#(B */</ins></samp>
|
| 85 |
|
|
<samp>left: 1em;</samp>
|
| 86 |
|
|
}
|
| 87 |
|
|
<ins xml:lang="ja">/* $B0\F0Cf$N;~!"5i(B <code xml:lang="en" class="HTML">DRAGING</code> $B$,DI2C$5$l$^$9!#(B */</ins>
|
| 88 |
|
|
<var>.movable-element</var>.DRAGING {
|
| 89 |
|
|
<samp>cursor: move; <ins xml:lang="ja">/* $BNc!#(B */</ins></samp>
|
| 90 |
|
|
}
|
| 91 |
|
|
</pre>
|
| 92 |
|
|
|
| 93 |
|
|
<h2 id="restriction">$B@)8B;v9`(B</h2>
|
| 94 |
|
|
|
| 95 |
|
|
<ul>
|
| 96 |
|
|
<li>XBL $B$r<BAu$7$?MxMQ<T%(!<%8%'%s%H(B ($B8=:_$N=j(B Gecko $B$N$_!#(B)
|
| 97 |
|
|
$B$KBP$7$F$O2?$N8z2L$b$"$j$^$;$s!#(B</li>
|
| 98 |
|
|
<li>$B0\F0$9$kH"$N(B <code xml:lang="en" class="CSS">margin</code>
|
| 99 |
|
|
$B$O(B ($B>/$J$/$F$b:8$H>e$O(B) $BNm$G$J$1$l$P$J$j$^$;$s!#(B</li>
|
| 100 |
|
|
</ul>
|
| 101 |
|
|
|
| 102 |
|
|
<h2 id="license">License</h2>
|
| 103 |
|
|
|
| 104 |
|
|
<ul>
|
| 105 |
|
|
<li>Mozilla $B4X78$N%U%!%$%k$KJo$C$F!"(B MPL 1.1/GPL 2.0/LGPL 2.1 $B$H$7$^$9!#(B</li>
|
| 106 |
|
|
<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>
|
| 107 |
|
|
</ul>
|
| 108 |
|
|
|
| 109 |
|
|
<h2 id="author">$B:n<T$NO"Mm@h(B</h2>
|
| 110 |
|
|
|
| 111 |
|
|
<p>$B%a%$%k!&%5!<%P!<$,;H$($J$$>uBV$J$N$G!"(B
|
| 112 |
|
|
<a href="http://niigata.cool.ne.jp/cgi-bin/tbbs.cgi?User=wakaba2001&GetType=Simple">suika.robamimi
|
| 113 |
|
|
$BHrFq=j(B</a>$B$K$4O"Mm2<$5$$!#(B</p>
|
| 114 |
|
|
|
| 115 |
|
|
<h2 id="toc">$BL\<!(B</h2>
|
| 116 |
|
|
|
| 117 |
|
|
<ol>
|
| 118 |
|
|
<li><a href="#abstract">$B35MW(B</a></li>
|
| 119 |
|
|
<li><a href="#introduction">$B$O$8$a$K(B</a></li>
|
| 120 |
|
|
<li><a href="#usage">$B;H$$J}(B</a></li>
|
| 121 |
|
|
<li><a href="#restriction">$B@)8B;v9`(B</a></li>
|
| 122 |
|
|
<li><a href="#license">License</a></li>
|
| 123 |
|
|
<li><a href="#author">$B:n<T$NO"Mm@h(B</a></li>
|
| 124 |
|
|
</ol>
|
| 125 |
|
|
|
| 126 |
|
|
<div class="navigation">
|
| 127 |
|
|
<!--[<a href="/" title="$B$3$N%5!<%P!<$N<sJG(B">/</a>
|
| 128 |
|
|
<a href="/map" title="$B$3$N%5!<%P!<$N0FFb(B" rel="index">$BCO?^(B</a>
|
| 129 |
|
|
<a href="/search/" title="$B$3$N%5!<%P!<$N8!:w(B">$B8!:w(B</a>]
|
| 130 |
|
|
<a href="http://validator.w3.org/check/referer" xml:lang="en">
|
| 131 |
|
|
<img src="http://www.w3.org/Icons/valid-xhtml11" id="w3c-html"
|
| 132 |
|
|
alt="Valid XHTML 1.1!" style="height: 31px; width: 88px" />
|
| 133 |
|
|
</a>
|
| 134 |
|
|
<a href="http://jigsaw.w3.org/css-validator/check/referer" xml:lang="en">
|
| 135 |
|
|
<img style="width: 88px; height: 31px" id="w3c-css"
|
| 136 |
|
|
src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" />
|
| 137 |
|
|
</a>-->
|
| 138 |
|
|
</div>
|
| 139 |
|
|
<div class="update">2003-02-17; $Date: $</div>
|
| 140 |
|
|
<ul class="myuri">
|
| 141 |
|
|
<li><URL ($BM=Dj(B):<a href="http://suika.fam.cx/~wakaba/tool/mozilla/drag-xbl-note">http://suika.fam.cx/~wakaba/tool/mozilla/drag-xbl-note</a>></li>
|
| 142 |
|
|
<!--<li><CVS:<a href="http://suika.fam.cx/gate/cvs/webroot/foo/">suika.fam.cx:/home/cvs/webroot/foo/</a>></li>-->
|
| 143 |
|
|
<li>$BCm0U(B: $B$3$NJ8=q$N8=:_$N(B URI (<http://niigata.cool.ne.jp/<var>$B1>!9(B</var>>)
|
| 144 |
|
|
$B$O2>$N$b$N$G$"$j!"$=$N1JB3@-$O0l@ZJ]>Z$7$^$;$s!#$4$a$s$J$5$$!#(B</li>
|
| 145 |
|
|
</ul>
|
| 146 |
|
|
</body></html>
|
Parent Directory
| 
Revision Log