http://microformats.org/wiki/index.php?title=widget-examples-fr&feed=atom&action=history
widget-examples-fr - Revision history
2024-03-28T18:35:24Z
Revision history for this page on the wiki
MediaWiki 1.38.4
http://microformats.org/wiki/index.php?title=widget-examples-fr&diff=44790&oldid=prev
Tantek: Reverted edits by Xadmin (Talk) to last version by ChristopheDucamp
2011-10-06T16:57:01Z
<p>Reverted edits by <a href="/wiki/Special:Contributions/Xadmin" title="Special:Contributions/Xadmin">Xadmin</a> (<a href="/wiki/index.php?title=User_talk:Xadmin&action=edit&redlink=1" class="new" title="User talk:Xadmin (page does not exist)">Talk</a>) to last version by <a href="/wiki/User:ChristopheDucamp" title="User:ChristopheDucamp">ChristopheDucamp</a></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:57, 6 October 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Line 6:</td>
<td colspan="2" class="diff-lineno">Line 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[User:ChrisMessina | Chris Messina]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[User:ChrisMessina | Chris Messina]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">[http://www</del>.<del style="font-weight: bold; text-decoration: none;">gadgetsdotcom</del>.<del style="font-weight: bold; text-decoration: none;">com Gadgets] [http://asbestosisweb</del>.<del style="font-weight: bold; text-decoration: none;">blogspot.com]</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* ...</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Traduction ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Traduction ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l193">Line 193:</td>
<td colspan="2" class="diff-lineno">Line 193:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Fonctionnalités et apparences sont contrôlés par javascript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Fonctionnalités et apparences sont contrôlés par javascript.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://microsoftgadgets.com/ Plus d'infos]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://microsoftgadgets.com/ Plus d'infos]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* [http://www.gadgetsdotcom.com Gadgets] [http://asbestosisweb.blogspot.com]</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== WordPress Widgets ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== WordPress Widgets ==</div></td></tr>
</table>
Tantek
http://microformats.org/wiki/index.php?title=widget-examples-fr&diff=44787&oldid=prev
Xadmin: /* Microsoft "Gadgets" */
2011-10-06T11:23:52Z
<p><span dir="auto"><span class="autocomment">Microsoft "Gadgets"</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:23, 6 October 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l193">Line 193:</td>
<td colspan="2" class="diff-lineno">Line 193:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Fonctionnalités et apparences sont contrôlés par javascript.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Fonctionnalités et apparences sont contrôlés par javascript.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://microsoftgadgets.com/ Plus d'infos]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://microsoftgadgets.com/ Plus d'infos]</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [http://www.gadgetsdotcom.com Gadgets] [http://asbestosisweb.blogspot.com]</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== WordPress Widgets ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== WordPress Widgets ==</div></td></tr>
</table>
Xadmin
http://microformats.org/wiki/index.php?title=widget-examples-fr&diff=44786&oldid=prev
Xadmin: /* Contributeur(s) */
2011-10-06T11:23:15Z
<p><span dir="auto"><span class="autocomment">Contributeur(s)</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:23, 6 October 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Line 6:</td>
<td colspan="2" class="diff-lineno">Line 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[User:ChrisMessina | Chris Messina]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[User:ChrisMessina | Chris Messina]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* ...</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">[http://www</ins>.<ins style="font-weight: bold; text-decoration: none;">gadgetsdotcom</ins>.<ins style="font-weight: bold; text-decoration: none;">com Gadgets] [http://asbestosisweb</ins>.<ins style="font-weight: bold; text-decoration: none;">blogspot.com]</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Traduction ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Traduction ==</div></td></tr>
</table>
Xadmin
http://microformats.org/wiki/index.php?title=widget-examples-fr&diff=32759&oldid=prev
ChristopheDucamp at 18:05, 5 February 2007
2007-02-05T18:05:10Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:05, 5 February 2007</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://lawver.net Kevin Lawver]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://lawver.net Kevin Lawver]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://changelog.ca Charles Iliya Krempeaux]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [User:ChrisMessina | Chris Messina]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">[</ins>[User:ChrisMessina | Chris Messina<ins style="font-weight: bold; text-decoration: none;">]</ins>]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* ...</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* ...</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
</table>
ChristopheDucamp
http://microformats.org/wiki/index.php?title=widget-examples-fr&diff=13291&oldid=prev
ChristopheDucamp at 18:04, 5 February 2007
2007-02-05T18:04:32Z
<p></p>
<p><b>New page</b></p><div>= Exemples de Widget =<br />
<br />
== Contributeur(s) ==<br />
<br />
* [http://lawver.net Kevin Lawver]<br />
* [http://changelog.ca Charles Iliya Krempeaux]<br />
* [User:ChrisMessina | Chris Messina]<br />
* ...<br />
<br />
== Traduction ==<br />
<br />
* [[Christophe Ducamp]]<br />
<br />
== Le Dashboard d'Apple ==<br />
<br />
* Utilise un fichier Manifest XML pour spécifier les données à propos du "widget" (largeur, hauteur, image vignette, titre et version).<br />
* Aucune obligation de balisage autour des widgets.<br />
<br />
=== Exemple Dashboard (plist) ===<br />
<br />
<pre>&lt;?xml version=&#34;1.0&#34; encoding=&#34;UTF-8&#34;?&gt;<br />
&lt;!DOCTYPE plist PUBLIC &#34;-//Apple Computer//DTD PLIST 1.0//EN&#34; &#34;http://www.apple.com/DTDs/PropertyList-1.0.dtd&#34;&gt;<br />
&lt;plist version=&#34;1.0&#34;&gt;<br />
&lt;dict&gt;<br />
&lt;key&gt;AllowNetworkAccess&lt;/key&gt;<br />
&lt;true/&gt;<br />
&lt;key&gt;CFBundleDisplayName&lt;/key&gt;<br />
&lt;string&gt;AIM Fighter&lt;/string&gt;<br />
&lt;key&gt;CFBundleIdentifier&lt;/key&gt;<br />
&lt;string&gt;com.aimfight.widget&lt;/string&gt;<br />
&lt;key&gt;CFBundleName&lt;/key&gt;<br />
&lt;string&gt;AOL Fighter&lt;/string&gt;<br />
&lt;key&gt;CFBundleShortVersionString&lt;/key&gt;<br />
&lt;string&gt;2.0&lt;/string&gt;<br />
&lt;key&gt;CFBundleVersion&lt;/key&gt;<br />
&lt;string&gt;2.0&lt;/string&gt;<br />
&lt;key&gt;CloseBoxInsetX&lt;/key&gt;<br />
&lt;integer&gt;5&lt;/integer&gt;<br />
&lt;key&gt;CloseBoxInsetY&lt;/key&gt;<br />
&lt;integer&gt;5&lt;/integer&gt;<br />
&lt;key&gt;MainHTML&lt;/key&gt;<br />
&lt;string&gt;fight.html&lt;/string&gt;<br />
&lt;/dict&gt;<br />
&lt;/plist&gt;</pre><br />
<br />
== Modules de Canaux de Contenus chez AOL - exemple [http://sports.aol.com AOL Sports] ==<br />
<br />
* Chaque module (widget) a une enveloppe de balisage et quelques éléments obligatoires qui en font un module et permettent des styles cohérents à travers les produits.<br />
<br />
=== Exemple ===<br />
<br />
<pre>&lt;div class=&#34;module themedList&#34;&gt;<br />
&lt;div class=&#34;header&#34;&gt;&lt;h3&gt;Kevin&#39;s List Of Fruit&lt;/h3&gt;&lt;/div&gt;<br />
&lt;div class=&#34;body&#34;&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;Apples&lt;/li&gt;<br />
&lt;li&gt;Oranges&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</pre><br />
<br />
== Konfabulator ==<br />
<br />
* (besoin de quelqu'un d'autre pour remplir cela, n'en ai jamais construit un)<br />
<br />
== WSRP ==<br />
<br />
* [http://www.oasis-open.org/committees/tc_home.php?wg_abbrev=wsrp|WSRP Spec]<br />
* SOAP enveloppe vers des modules de transport, mais pas de mise en forme spécifique requise pour le véritable contenu du "portlet" (module ou widget).<br />
<br />
=== Exemple de Module Réponse ===<br />
<br />
<pre>&lt;urn:getMarkupResponse xmlns:urn=&#34;urn:oasis:names:tc:wsrp:v1:types&#34;&gt;<br />
&lt;urn:markupContext&gt; <br />
&lt;urn:mimeType&gt;text/html; charset=UTF-8&lt;/urn:mimeType&gt;<br />
&lt;urn:markupString&gt;&lt;![CDATA[ <br />
&lt;form method=&#34;post&#34; <br />
action=&#34;wsrp_rewrite?wsrp-urlType=blockingAction/wsrp_rewrite&#34;<br />
id=&#34;wsrp_rewrite_stockForm&#34;&gt;<br />
&lt;table border=&#34;0&#34; width=&#34;100%&#34;&gt;<br />
&lt;tr&gt;<br />
&lt;td&gt;Enter Stock Symbol&lt;/td&gt;<br />
&lt;td&gt;&lt;input name=&#34;symbol&#34;&gt;&lt;/td&gt;<br />
&lt;/tr&gt; <br />
&lt;tr&gt;<br />
&lt;td&gt;&lt;input type=&#34;submit&#34; value=&#34;Submit&#34;&gt;&lt;/td&gt;<br />
&lt;/tr&gt; <br />
&lt;/table&gt;<br />
&lt;/form&gt; <br />
]]&gt;&lt;/urn:markupString&gt;<br />
&lt;urn:locale&gt;en-US&lt;/urn:locale&gt;<br />
&lt;urn:requiresUrlRewriting&gt;true&lt;/urn:requiresUrlRewriting&gt;<br />
&lt;urn:preferredTitle&gt;Portfolio Manager&lt;/urn:preferredTitle&gt;<br />
&lt;/urn:markupContext&gt; <br />
&lt;urn:sessionContext&gt; <br />
&lt;urn:sessionID&gt;sessionID_1&lt;/urn:sessionID&gt; <br />
&lt;urn:expires&gt;300&lt;/urn:expires&gt; <br />
&lt;/urn:sessionContext&gt; <br />
&lt;/urn:getMarkupResponse&gt;</pre><br />
<br />
<br />
== XBL ==<br />
'''XBL''' ('''Extensible Binding Language''') est une technologie développée par [http://mozilla.org Mozilla]. Bien que souvent utilisé avec XUL pour fabriquer des widgets, elle peut être aussi utilisée avec HTML. XBL sert en quelque sorte le même rôle que CSS ou XSL, mais bien plus puissant !<br />
<br />
Par exemple, je pourrais créer un nouvel élément/tag HTML (ou XUL ou quoi que ce soit) ; disons que je crée le nouvel élément : '''<shake>'''. La façon dont fonctionnerait le nouvel élément '''<shake>''' est ce que l'utilisateur place la souris sur l'élément sur l'élément (sur la page) il secoue tout ce qui est dedans. Ainsi par exemple, nous pourrions avoir le HTML suivant emballé dans l'élément '''<shake>''' :<br />
<br />
<nowiki><br />
<html><br />
<head><br />
<style type="text/css"><br />
<!--<br />
<br />
shake {<br />
</nowiki>'''<nowiki>-moz-binding : url("myxbl.xml#shake-it-baby")</nowiki>'''<nowiki><br />
}<br />
<br />
--><br />
</style><br />
</head><br />
<br />
<body><br />
I want you to </nowiki>'''<nowiki><shake>shake this</shake>.</nowiki>'''<nowiki><br />
</body><br />
<br />
</html><br />
</nowiki><br />
<br />
Note le code CSS '''-moz-binding'''. Ce n'est pas du CSS standard mais une extension Mozilla. (les extensions CSS on un trait d'union précédent.)<br />
<br />
Remarquez aussi que le '''-moz-binding''' fait référence à un fichier XBL appelé "myxbl.xml". Voici à quoi ça pourrait ressembler : <br />
<br />
<nowiki><br />
<?xml version="1.0"?><br />
<br />
<bindings xmlns="http://www.mozilla.org/xbl"><br />
<binding id="shake-it-baby"><br />
<content><br />
<children /><br />
</content><br />
<handlers><br />
<handler event="mouseover" action="a_javascript_function_that_shakes_it();" /><br />
</handlers><br />
</binding><br />
</bindings><br />
</nowiki><br />
<br />
Voici un autre exemple. Je créerai un nouvel élément/tag qui dessine un cercle autour du texte à l'intérieur. J'appellerai le nouvel élément/tag <incircle>. Pour faire ça, nous pourrions avoir le code HTML suivant : <br />
<br />
<nowiki><br />
<html><br />
<head><br />
<style type="text/css"><br />
<!--<br />
<br />
shake {<br />
</nowiki>'''<nowiki>-moz-binding : url("somexbl.xml#put-it-in-a-circle")</nowiki>'''<nowiki><br />
}<br />
<br />
--><br />
</style><br />
</head><br />
<br />
<body><br />
</nowiki>'''<nowiki><incircle>I'm in a circle</incircle></nowiki>'''<nowiki><br />
</body><br />
<br />
</html><br />
</nowiki><br />
<br />
Pour cet exemple, le fichier "somexbl.xml" pourrait ressembler à :<br />
<br />
<nowiki><br />
<?xml version="1.0"?><br />
<br />
<bindings xmlns="http://www.mozilla.org/xbl"<br />
xmlns:svg="http://www.w3.org/2000/svg"<br />
><br />
<binding id="put-it-in-a-circle"><br />
<content><br />
<svg:circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/><br />
<children /><br />
</content><br />
</binding><br />
</bindings><br />
</nowiki><br />
<br />
Remarquez que j'ai utilisé SVG pour dessiner le cercle. (Bon, ce code SVG est probablement mauvais. Et si vous utiliser ce code XBL ça ne s'affichera pas bien. Dans la vraie vie, je voudrais utiliser JavaScript pour calculer le rayon du cercle, où les coordonnées x et y du cercle devraient être, etc. Mais c'est juste un exemple pour vous montrer comment l'élément XBL <content> pourrait être utilisé. Je pourrais avoir aussi probalement utilisé l'élément HTML <canvas> pour faire ça.)<br />
<br />
== Microsoft "Gadgets" ==<br />
<br />
* Ressemble un peu aux Dashboard Widgets, tous du XML propriétaire et Javascript. <br />
* XML Manifest bien plus comme un fichier plist de Dashboard.<br />
* Fonctionnalités et apparences sont contrôlés par javascript.<br />
* [http://microsoftgadgets.com/ Plus d'infos]<br />
<br />
== WordPress Widgets ==<br />
<br />
* [http://widgets.wordpress.com/ Blog]<br />
* [http://automattic.com/code/widgets/ Widget Code]<br />
* [http://automattic.com/code/widgets/themes Themes]<br />
* [http://automattic.com/code/widgets/plugins Plugins]<br />
* [http://automattic.com/code/widgets/ API]</div>
ChristopheDucamp