404 Not Found

Samx Here
Server : Apache
System : Linux webd348.cluster026.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64
User : hednacluml ( 122243)
PHP Version : 8.3.9
Disable Function : _dyuweyrj4,_dyuweyrj4r,dl
Directory : /home/hednacluml/encyclo/articles/b/r/o/
Upload File :
Current File : /home/hednacluml/encyclo/articles/b////r/o/Wikipédia~Brouillons_interface_ajax_49b2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!-- headlinks removed -->
	<link rel="shortcut icon" href="../../../../misc/favicon.ico"/>
    <title>Wikipédia:Brouillons/interface ajax - Wikipédia</title>
    <style type="text/css">/*<![CDATA[*/ @import "../../../../skins/offline/main.css"; /*]]>*/</style>
    <link rel="stylesheet" type="text/css" media="print" href="../../../../skins/common/commonPrint.css" />
    <!--[if lt IE 5.5000]><style type="text/css">@import "../../../../skins/monobook/IE50Fixes.css";</style><![endif]-->
    <!--[if IE 5.5000]><style type="text/css">@import "../../../../skins/monobook/IE55Fixes.css";</style><![endif]-->
    <!--[if IE 6]><style type="text/css">@import "../../../../skins/monobook/IE60Fixes.css";</style><![endif]-->
    <!--[if IE]><script type="text/javascript" src="../../../../skins/common/IEFixes.js"></script>
    <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
    <script type="text/javascript" src="../../../../skins/common/wikibits.js"></script>
    <script type="text/javascript" src="../../../../skins/offline/md5.js"></script>
    <script type="text/javascript" src="../../../../skins/offline/utf8.js"></script>
    <script type="text/javascript" src="../../../../skins/offline/lookup.js"></script>
    <script type="text/javascript" src="../../../../raw/gen.js"></script>        <style type="text/css">/*<![CDATA[*/
@import "../../../../raw/MediaWiki%7ECommon.css";
@import "../../../../raw/MediaWiki%7EMonobook.css";
@import "../../../../raw/gen.css";
/*]]>*/</style>          </head>
  <body
    class="ns-4">
    <div id="globalWrapper">
      <div id="column-content">
	<div id="content">
	  <a name="top" id="contentTop"></a>
	        <h1 class="firstHeading">Wikipédia:Brouillons/interface ajax</h1>
	  <div id="bodyContent">
	    <h3 id="siteSub">Un article de Wikipédia, l'encyclopédie libre.</h3>
	    <div id="contentSub"><span class="subpages">&lt; <a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_cb77.html" title="Wikipédia:Brouillons">Wikipédia:Brouillons</a></span></div>
	    	    	    <!-- start content -->
	    <p>L'interface ajax se découpe en plusieurs éléments</p>
<table id="toc" class="toc" summary="Sommaire">
<tr>
<td>
<div id="toctitle">
<h2>Sommaire</h2>
</div>
<ul>
<li class="toclevel-1"><a href="#Capture_du_doubleclic_et_localisation_du_bloc_.C3.A0_.C3.A9diter"><span class="tocnumber">1</span> <span class="toctext">Capture du doubleclic et localisation du bloc à éditer</span></a></li>
<li class="toclevel-1"><a href="#Transformation_en_textarea_et_affichage_du_wikitexte"><span class="tocnumber">2</span> <span class="toctext">Transformation en textarea et affichage du wikitexte</span></a></li>
<li class="toclevel-1"><a href="#Interface_d.27.C3.A9dition"><span class="tocnumber">3</span> <span class="toctext">Interface d'édition</span></a></li>
<li class="toclevel-1"><a href="#Sauvegarde_des_modifications"><span class="tocnumber">4</span> <span class="toctext">Sauvegarde des modifications</span></a></li>
<li class="toclevel-1"><a href="#Id.C3.A9es_re.C3.A7ues"><span class="tocnumber">5</span> <span class="toctext">Idées reçues</span></a></li>
<li class="toclevel-1"><a href="#Brouillon"><span class="tocnumber">6</span> <span class="toctext">Brouillon</span></a></li>
</ul>
</td>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[
 if (window.showTocToggle) { var tocShowText = "afficher"; var tocHideText = "masquer"; showTocToggle(); } 
//]]>
</script>
<p><a name="Capture_du_doubleclic_et_localisation_du_bloc_.C3.A0_.C3.A9diter" id="Capture_du_doubleclic_et_localisation_du_bloc_.C3.A0_.C3.A9diter"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Capture du doubleclic et localisation du bloc à éditer">modifier</a>]</span> <span class="mw-headline">Capture du doubleclic et localisation du bloc à éditer</span></h2>
<p>En fonction du contenu doublecliqué, à condition que celui-ci soit descendant de l'élément &lt;div id="bodyContent"&gt;, le champ d'édition varie suivant les règles suivantes&#160;:</p>
<p style="margin:0; padding:0; line-height:1em;"><br clear="all" style="margin:0; padding:0; clear:both; line-height:1em;" /></p>
<div style="margin-right:.5em;" align="left">
<div class="NavFrame" style="margin-top:0em; margin-bottom:0.5em; width:99%; border-style:solid; -moz-border-radius:0;border-color:#AAAAAA; background-color:#FFFFFF;" title="[ Dérouler ]">
<div class="NavHead" align="center" style="height:1.6em; background-color:#EFEFEF; color:black;">liste des éléments et comportements associés</div>
<div class="NavContent" style="margin:0px; background:white; display:block; font-size:1em" align="left">
<dl>
<dt>a&#160;</dt>
<dd>non capturé</dd>
<dt>abbr&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>acronym&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>address &#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>applet&#160;</dt>
<dd>non capturé</dd>
<dt>area&#160;</dt>
<dd>non capturé</dd>
<dt>b&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>basefont&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>bdo&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>big&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>blockquote&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>body&#160;</dt>
<dd>non capturé</dd>
<dt>br&#160;</dt>
<dd>non capturé</dd>
<dt>button&#160;</dt>
<dd>non capturé</dd>
<dt>caption&#160;</dt>
<dd>textarea sur l'élément bloc parent (tout le tableau)</dd>
<dt>center&#160;</dt>
<dd>textarea</dd>
<dt>cite&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>code&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>col&#160;</dt>
<dd>textarea sur l'élément bloc parent (tout le tableau)</dd>
<dt>colgroup&#160;</dt>
<dd>textarea sur l'élément bloc parent (tout le tableau)</dd>
<dt>dd&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>del&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>dfn&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>dir&#160;</dt>
<dd>non capturé</dd>
<dt>div&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>dl&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>dt&#160;</dt>
<dd>input type="text"&#160;!</dd>
<dt>em&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>fieldset&#160;</dt>
<dd>non capturé</dd>
<dt>font&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>form&#160;</dt>
<dd>non capturé</dd>
<dt>frame&#160;</dt>
<dd>non capturé</dd>
<dt>frameset&#160;</dt>
<dd>non capturé</dd>
<dt>h1&#160;</dt>
<dd>si il s'agit de &lt;h1 class="firstHeading"&gt;, textareau jusqu'au prochain h2, sinon textarea de lui jusqu'au prochain élément h1&#160;!</dd>
<dt>h2&#160;</dt>
<dd>textarea de lui jusqu'au prochain élément h2&#160;!</dd>
<dt>h3&#160;</dt>
<dd>textarea de lui jusqu'au prochain élément h3&#160;!</dd>
<dt>h4&#160;</dt>
<dd>textarea de lui jusqu'au prochain élément h4&#160;!</dd>
<dt>h5&#160;</dt>
<dd>textarea de lui jusqu'au prochain élément h5&#160;!</dd>
<dt>h6&#160;</dt>
<dd>textarea de lui jusqu'au prochain élément h6&#160;!</dd>
<dt>head&#160;</dt>
<dd>non capturé</dd>
<dt>hr&#160;</dt>
<dd>textarea sur les éléments blocs englobants</dd>
<dt>html&#160;</dt>
<dd>non capturé</dd>
<dt>i&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>iframe&#160;</dt>
<dd>non capturé (doute)</dd>
<dt>img&#160;</dt>
<dd>non capturé</dd>
<dt>input&#160;</dt>
<dd>non capturé</dd>
<dt>ins&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>isindex&#160;</dt>
<dd>non capturé</dd>
<dt>kbd&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>label&#160;</dt>
<dd>non capturé</dd>
<dt>legend&#160;</dt>
<dd>non capturé</dd>
<dt>li&#160;</dt>
<dd>input type="text" (ou bien textarea sur l'élément bloc parent si cela pose des problèmes d'ergonomie à l'usage)&#160;!</dd>
<dt>link&#160;</dt>
<dd>non capturé</dd>
<dt>map&#160;</dt>
<dd>non capturé</dd>
<dt>menu&#160;</dt>
<dd>non capturé</dd>
<dt>meta&#160;</dt>
<dd>non capturé</dd>
<dt>noframes&#160;</dt>
<dd>non capturé</dd>
<dt>noscript&#160;</dt>
<dd>non capturé</dd>
<dt>object&#160;</dt>
<dd>non capturé</dd>
<dt>ol&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>optgroup&#160;</dt>
<dd>non capturé</dd>
<dt>option&#160;</dt>
<dd>non capturé</dd>
<dt>p&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>param&#160;</dt>
<dd>non capturé</dd>
<dt>pre&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>q&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>s&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>samp&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>script&#160;</dt>
<dd>non capturé</dd>
<dt>select&#160;</dt>
<dd>non capturé</dd>
<dt>small&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>span&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>strike&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>strong&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>style&#160;</dt>
<dd>non capturé</dd>
<dt>sub&#160;</dt>
<dd>textarea sur l'élément bloc parent&#160;!</dd>
<dt>table&#160;</dt>
<dd>textarea&#160;! (hélas)</dd>
<dt>tbody&#160;</dt>
<dd>textarea sur l'élément bloc parent</dd>
<dt>td&#160;</dt>
<dd>input type="text"&#160;! (modifier la case seule)</dd>
<dt>textarea&#160;</dt>
<dd>non capturé</dd>
<dt>tfoot&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>th&#160;</dt>
<dd>input type="text"&#160;! (modifier la case seule)</dd>
<dt>thead&#160;</dt>
<dd>textarea sur l'élément bloc parent (tout le tableau)</dd>
<dt>title&#160;</dt>
<dd>non capturé</dd>
<dt>tr&#160;</dt>
<dd>input type="text" (sur toute la ligne) ou textarea si trainent des colspan/rowspan</dd>
<dt>tt&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>u&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
<dt>ul&#160;</dt>
<dd>textarea&#160;!</dd>
<dt>var&#160;</dt>
<dd>textarea sur l'élément bloc parent (le logiciel est-il seulement capable de générer ceci&#160;?)</dd>
</dl>
<p>(!&#160;: élément souvent rencontré dans wp)</p>
</div>
<div class="NavEnd"></div>
</div>
</div>
<p><a name="Transformation_en_textarea_et_affichage_du_wikitexte" id="Transformation_en_textarea_et_affichage_du_wikitexte"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Transformation en textarea et affichage du wikitexte">modifier</a>]</span> <span class="mw-headline">Transformation en textarea et affichage du wikitexte</span></h2>
<p>À la différence du lien donné en exemple <a href="http://olance.developpez.com/articles/web/javascript/modification-inline/" class="external autonumber" title="http://olance.developpez.com/articles/web/javascript/modification-inline/" rel="nofollow">[1]</a>, <a href="http://olance.developpez.com/articles/web/javascript/modification-inline/exemple/" class="external autonumber" title="http://olance.developpez.com/articles/web/javascript/modification-inline/exemple/" rel="nofollow">[2]</a>, le contenu html diffère de la source du texte (qui est en wikitexte).</p>
<p>Pour afficher le contenu du bloc en wikitexte, deux solutions techniques existeraient&#160;:</p>
<ol>
<li>piocher le wikitexte dans la bdd, ce qui augmenterait sensiblement la charge des serveurs, mais garantit une restitution parfaite du wikitexte source</li>
<li>parser le html et en déduire le wikitexte, ce qui ne garantit pas l'exacte restitution du wikitexte source, mais permet un affichage quasi instantané du wikitexte, de corriger les éventuelles fautes d'orthographe, de syntaxe qui s'y trouveraient au moyen d'expressions régulières. Si le parseur n'arrive pas à trouver le wikitexte d'origine, se rabattre automatiment sur la solution qui consiste à piocher le wikitext dans la base de données, et laisser une ligne dans un log afin que les développeurs puissent corriger le parseur.</li>
</ol>
<p><a name="Interface_d.27.C3.A9dition" id="Interface_d.27.C3.A9dition"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Interface d'édition">modifier</a>]</span> <span class="mw-headline">Interface d'édition</span></h2>
<p>Une fois le wikitexte obtenu, remplacer le bloc html par un textarea/input contenant le wikitexte. Rajouter au dessus un div contenant aligné à gauche un lien «&#160;[désactiver cette interface]&#160;», un menu déroulant&#160;: pendant ['20 secondes' (par défaut), '10 minutes', 'à jamais'] et un menu déroulant qui enverra un cookie à l'utilisateur pour que l'interface ajax ne s'active plus au double-clic chez lui, puis qui sortira de l'interface d'édition, en annulant tous les changements éventuels.</p>
<p>Si la personne n'est pas connectée, un message en vert en petite taille s'ajoute au dessus du textarea&#160;: «&#160;vous n'êtes pas inscrit, votre modification sera publiée sous votre adresse internet&#160;: &lt;mettre l'ip ici&gt;&#160;», puis une barre verticale et un lien vers la page d'inscription qui ouvre une nouvelle fenetre afin de ne pas faire perdre les éventuelles modifications, puis une barre verticale et un formulaire d'identification (un input type="text", un input type="password" et un input type="submit" où il est écrit «&#160;s'identifier&#160;», qui envoye une requete XMLHHTPRequest connectant l'utilisateur sans recharger la page, évitant de le faire perdre d'éventuelles modifications).</p>
<p>En dessous du textarea, ou du bloc parent dans le cas d'une modification d'une case de tableau par exemple, est généré un bloc contenant en taille réduite le bouton de sauvegarde placée en flottant en haut à droite, un champ pour entrer le résumé préfixée d'un label «&#160;commentaire&#160;:&#160;», suivi d'un hyperlien «&#160;respectez le copyright&#160;!&#160;» pointant sur <a href="../../../../articles/d/r/o/Wikip%C3%A9dia%7EDroit_d%27auteur_c166.html" title="Wikipédia:Droit d'auteur">Wikipédia:Droit d'auteur</a>, suivi d'un texte «&#160;en sauvegardant, vous placez votre contribution sous GFDL&#160;», GFDL pointant sur <a href="http://www.gnu.org/copyleft/fdl.html" class="external free" title="http://www.gnu.org/copyleft/fdl.html" rel="nofollow">http://www.gnu.org/copyleft/fdl.html</a>.</p>
<p>Si l'utilisateur enlève le focus sur le formulaire d'édition, le bloc modifié affiche une prévisualisation des changements en cours, et se voit attribuer un arrière plan de couleur jaune pale.</p>
<p>Dès que l'utilisateur modifie le contenu, un bouton [annuler] est généré à gauche de «&#160;[désactiver cette interface]&#160;» qui annulera toutes les modifications en cours (+ retrait du fond jaune accessoirement).</p>
<p>Chaque modification sur la page est marqué d'un arrière plan jaune pale.</p>
<p>Une fois un bouton «&#160;sauvegarder&#160;» appuyé, un parseur vérifie si il n'y a pas de vandalisme (filtrage de mots sur liste noire, suppression totale de contenu, succession de mots en majuscules, détection de langage sms, abus de ponctuation (!!!!!,&#160;????, etc.)). Si une modification apparait comme douteuse, le fond du bloc devient rouge pale et le contenu filtré est entouré de rouge pur. Un message s'affiche en dessous du formulaire&#160;: «&#160;modification douteuse, veuillez utiliser l'interface classique&#160;», le bouton [modifier] classique se voit entouré d'un fond bleu pale et une flèche «&#160;-&gt;&#160;» lui est prépendée.</p>
<p>Si la personne a mis un résumé dans plusieurs blocs modifiés, les résumés sont concaténés. Si la personne n'a rien mis dans le commentaire de modification, celui ci est généré automatiquement à partir du diff de la modification (enlève..., modifie..., ajoute..., remplace tout le contenu par...). Dans tous les cas le commentaire est préfixé de «&#160;mpa&#160;:&#160;» pour «&#160;modification par ajax&#160;» afin de voir le pourcentage de personnes utilisant cette interface par rapport à l'interface classique.</p>
<p>Si rien n'est filtré, aussi bien dans les résumés que dans le contenu, les modifications sont concaténées et le résultat est envoyé en bloc au serveur. Les arrières plans reprennent leurs couleurs par défaut une fois accusé réception.</p>
<p><a name="Sauvegarde_des_modifications" id="Sauvegarde_des_modifications"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Sauvegarde des modifications">modifier</a>]</span> <span class="mw-headline">Sauvegarde des modifications</span></h2>
<p>Une fois les modifications validées, envoi d'un paquet XMLHTTPRequest signifiant la modification. Si celle-ci sur une seule section envoi de cette seule section, sinon envoi de toute la page. (développer technique).</p>
<p><a name="Id.C3.A9es_re.C3.A7ues" id="Id.C3.A9es_re.C3.A7ues"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Idées reçues">modifier</a>]</span> <span class="mw-headline">Idées reçues</span></h2>
<dl>
<dt>il s'agit d'une interface whysiwig</dt>
<dd>faux&#160;: l'interface d'écriture est clairement séparée de ce qui s'affiche en lecture seule. Les modifications s'effectuent sur le wikitexte et le résultat définitif n'est affiché que sur requête explicite.</dd>
</dl>
<p><a name="Brouillon" id="Brouillon"></a></p>
<h2><span class="editsection">[<a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html" title="Modifier la section&#160;: Brouillon">modifier</a>]</span> <span class="mw-headline">Brouillon</span></h2>
<ol>
<li><a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_js_0a4f.html" title="Wikipédia:Brouillons/interface ajax/js">Code</a></li>
<li><a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_bugs_8bb1.html" title="Wikipédia:Brouillons/interface ajax/bugs">Bugs</a></li>
<li><a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_filtres_790b.html" title="Wikipédia:Brouillons/interface ajax/filtres">Filtres</a></li>
</ol>


<!-- 
NewPP limit report
Preprocessor node count: 62/1000000
Post-expand include size: 5195/2048000 bytes
Template argument size: 4411/2048000 bytes
Expensive parser function count: 0/500
-->
<div class="printfooter">
</div>
	    	    <!-- end content -->
	    <div class="visualClear"></div>
	  </div>
	</div>
      </div>
      <div id="column-one">
	<div id="p-cactions" class="portlet">
	  <h5>Views</h5>
	  <ul>
	    <li id="ca-nstab-project"
	       class="selected"	       ><a href="../../../../articles/b/r/o/Wikip%C3%A9dia%7EBrouillons_interface_ajax_49b2.html">À propos</a></li><li id="ca-talk"
	       	       ><a href="../../../../articles/b/r/o/Discussion_Wikip%C3%A9dia%7EBrouillons_interface_ajax_d55d.html">Discussion</a></li><li id="ca-current"
	       	       ><a href="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Brouillons/interface_ajax">Version actuelle</a></li>	  </ul>
	</div>
	<div class="portlet" id="p-logo">
	  <a style="background-image: url(../../../../misc/Wiki.png);"
	    href="../../../../index.html"
	    title="Accueil"></a>
	</div>
	<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
		<div class='portlet' id='p-navigation'>
	  <h5>Navigation</h5>
	  <div class='pBody'>
	    <ul>
	    	      <li id="n-mainpage"><a href="../../../../index.html">Accueil</a></li>
	     	      <li id="n-thema"><a href="../../../../articles/a/c/c/Portail%7EAccueil_bcc9.html">Portails thématiques</a></li>
	     	      <li id="n-alphindex"><a href="../../../../articles/t/o/u/Special%7EToutes_les_pages_fabc.html">Index alphabétique</a></li>
	     	      <li id="n-randompage"><a href="../../../../articles/p/a/g/Special%7EPage_au_hasard_9c81.html">Un article au hasard</a></li>
	     	      <li id="n-contact"><a href="../../../../articles/c/o/n/Wikip%C3%A9dia%7EContact_929e.html">Contacter Wikipédia</a></li>
	     	    </ul>
	  </div>
	</div>
		<div class='portlet' id='p-Contribuer'>
	  <h5>Contribuer</h5>
	  <div class='pBody'>
	    <ul>
	    	      <li id="n-help"><a href="../../../../articles/s/o/m/Aide%7ESommaire_c9f0.html">Aide</a></li>
	     	      <li id="n-portal"><a href="../../../../articles/a/c/c/Wikip%C3%A9dia%7EAccueil_5272.html">Communauté</a></li>
	     	      <li id="n-recentchanges"><a href="../../../../articles/m/o/d/Special%7EModifications_r%C3%A9centes_b222.html">Modifications récentes</a></li>
	     	      <li id="n-aboutwp"><a href="../../../../articles/a/c/c/Wikip%C3%A9dia%7EAccueil_des_nouveaux_arrivants_0784.html">Accueil des nouveaux arrivants</a></li>
	     	      <li id="n-sitesupport"><a href="http://meta.wikimedia.org/wiki/Faire_un_don:_explication">Faire un don</a></li>
	     	    </ul>
	  </div>
	</div>
		<div id="p-search" class="portlet">
	  <h5><label for="searchInput">Rechercher</label></h5>
	  <div id="searchBody" class="pBody">
	    <form action="javascript:goToStatic(3)" id="searchform"><div>
	      <input id="searchInput" name="search" type="text"
	        accesskey="C" value="" />
	      <input type='submit' name="go" class="searchButton" id="searchGoButton"
	        value="Aller" />
	    </div></form>
	  </div>
	</div>
	      </div><!-- end of the left (by default at least) column -->
      <div class="visualClear"></div>
      <div id="footer">
    <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="../../../../skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" /></a></div>	<div id="f-copyrightico"><a href="http://wikimediafoundation.org/"><img src="../../../../misc/wikimedia-button.png" border="0" alt="Wikimedia Foundation"/></a></div>	<ul id="f-list">
	  	  	  <li id="f-credits">Cette page a été modifiée pour la dernière fois le 14 novembre 2007 à 12:54 par Utilisateur <a href="../../../../articles/s/h/e/Utilisateur%7ESherbrooke_9f52.html" title="Utilisateur:Sherbrooke">Sherbrooke</a>. Basé sur le travail de Utilisateur(s) <a href="../../../../articles/t/a/v/Utilisateur%7ETavernier_16dd.html" title="Utilisateur:Tavernier">Tavernier</a> et <a href="../../../../articles/j/o/k/Utilisateur%7EJoKerozen_119a.html" title="Utilisateur:JoKerozen">JoKerozen</a>.</li>	  <li id="f-copyright"><span style="white-space:normal"><a class="internal" href="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Droit_d'auteur" title="Droit d'auteur">Droit d'auteur</a> : Tous les textes sont disponibles sous les termes de la <a class="internal" href="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Licence_de_documentation_libre_GNU" title="GFDL">licence de documentation libre GNU</a> (GFDL).<br/>
Wikipedia® est une marque déposée de la <a href="http://wikimediafoundation.org/wiki/Accueil" title="Wikimedia Foundation">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a class="internal" href="http://en.wikipedia.org/wiki/501(c)" title="501(c)">501(c)(3)</a> du code fiscal des États-Unis.</span><br/></li>	  <li id="f-about"><a href="../../../../articles/%C3%A0/_/p/Wikip%C3%A9dia%7E%C3%80_propos_5de1.html" title="Wikipédia:À propos">À propos de Wikipédia</a></li>	  <li id="f-disclaimer"><a href="../../../../articles/a/v/e/Wikip%C3%A9dia%7EAvertissements_g%C3%A9n%C3%A9raux_fef1.html" title="Wikipédia:Avertissements généraux">Avertissements</a></li>	  	</ul>
      </div>
    </div>
  </body>
</html>
SAMX