<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1558487867105825342</id><updated>2024-08-28T15:11:48.827-07:00</updated><category term="Irlande"/><category term="Divers"/><category term="C#"/><category term="Javascript"/><category term="Jujitsu"/><category term="MVC"/><category term="Sharepoint 2007"/><category term="CSS"/><category term="HTML"/><category term="Microsoft"/><category term="Sharepoint 2010"/><title type='text'>ArchelF in Irlande</title><subtitle type='html'>Jujitsu, développement .Net</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://archelfinirland.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>44</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-354190716787423604</id><published>2014-06-24T05:11:00.000-07:00</published><updated>2014-06-24T05:11:53.742-07:00</updated><title type='text'>Sharepoint Multiple View in List Definition</title><content type='html'>I have recently encounter what I think was a bug when creating a list definition with multiple view with Visual Studio 2012.
&lt;br/&gt;
In my case, each view has a different query in order to offer different filtering.
&lt;br/&gt;
When I have deployed the solution, the first query was applied on every view.
&lt;br/&gt;
The &lt;b&gt;solution&lt;/b&gt; is very simple in fact, I just have &lt;b&gt;specified different BaseViewId for each view&lt;/b&gt;.

</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/354190716787423604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/354190716787423604'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2014/06/sharepoint-multiple-view-in-list.html' title='Sharepoint Multiple View in List Definition'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-5007358957291202239</id><published>2012-12-06T06:32:00.001-08:00</published><updated>2012-12-06T08:02:09.295-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Sharepoint 2010"/><title type='text'>Sharepoint 2010 : asmx Web Services</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;
Cela peut sembler parfois sembler compliqué d&#39;héberger un webservice .asmx avec Sharepoint 2010. Ce n&#39;est cependant pas le plus pénible. Là où les problèmes commencent, c&#39;est lors de son référencement dans une tierce application, car il faut préalablement générer les fichiers .disco et .wsdl.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Voici, les étapes qui permettent de créer et appeler simplement un webservice .asmx hébergé par Sharepoint 2010.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Nous allons nous reposer sur l&#39;architecture de solution Visual Studio 2010 suivante :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNthmtaphR8txaEhqCr_C-nLgk0tVmNEGnUKv47RFju7Ybk1bSIybiNrj5q8M5Xinrok_1ddPcUD_nYL-VK64EgUlOKN-sy35-dsIJMt7C_kVv7Zmt7oVxbuOWcugSlrIlTdm6y9pK_KA/s1600/ShAs_archi.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNthmtaphR8txaEhqCr_C-nLgk0tVmNEGnUKv47RFju7Ybk1bSIybiNrj5q8M5Xinrok_1ddPcUD_nYL-VK64EgUlOKN-sy35-dsIJMt7C_kVv7Zmt7oVxbuOWcugSlrIlTdm6y9pK_KA/s1600/ShAs_archi.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- le projet librairie de classes .BLL contient les classes et méthodes métiers&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- le projet librairie de classes .DAL contient les classes et méthodes de manipulation des données (des listes sharepoints)&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- le projet Solution Sharepoint .Solution permet de générer le package .wsp à déployer.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- le projet librairie de classes .WebService contient les classes et méthode des webservices.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 1 : Création du dossier mappé ISAPI&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Faites clic-droit sur le projet .Solution comme suit et sélectionnez le dossier ISAPI :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeul-0dsZGtQjp9Z60U94wixnOQ8has7HCDHo6iNvHULjGF_7-7bSsNvdFaX75nbHUaFlWCLxutZLhTa9k_ckVbYuKvunSb9omqf2uP-Ao1ul58wLRdK86i3MHs-Frw0ZhsY8-KymXPM/s1600/ShAs_addFolder.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctwo_cisAK_4k4E4_nUIDnuZI3kudqB9hswNrYX29Pq6hgTf3X2smXRRV1alZkl4f8vtcX7A5FUiNVjhaP1c9PajhYfisNhyphenhyphencW_Ou1E9v8CgzD8Mkuci5bmIUeDHCh6a15BCbw8bP4is/s1600/ShAs_ISAPI.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhctwo_cisAK_4k4E4_nUIDnuZI3kudqB9hswNrYX29Pq6hgTf3X2smXRRV1alZkl4f8vtcX7A5FUiNVjhaP1c9PajhYfisNhyphenhyphencW_Ou1E9v8CgzD8Mkuci5bmIUeDHCh6a15BCbw8bP4is/s200/ShAs_ISAPI.png&quot; width=&quot;155&quot; /&gt;&lt;/a&gt;&lt;img border=&quot;0&quot; height=&quot;193&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFeul-0dsZGtQjp9Z60U94wixnOQ8has7HCDHo6iNvHULjGF_7-7bSsNvdFaX75nbHUaFlWCLxutZLhTa9k_ckVbYuKvunSb9omqf2uP-Ao1ul58wLRdK86i3MHs-Frw0ZhsY8-KymXPM/s320/ShAs_addFolder.png&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
C&#39;est dans ce dossier que sera stocké les fichiers du webservice.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 2 : Création du fichier de la classe du webservice&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans le projet .WebService, ajoutez une nouvelle classe et modifiez la pour qu&#39;elle ressemble au code suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcODQDsndVRiCHmhVZqVsVcRrV6TpSnZkV7Ee9l191JnewEAmuZSAr7yt-aGxGhw1_ivzNTdnqfd_k7TGMryAJNY8gvF95-WSeqIJhKoRyK4FGZaomdiTwgqRbLqbzh9c-B62ggC2ogIM/s1600/ShAs_WebClass.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcODQDsndVRiCHmhVZqVsVcRrV6TpSnZkV7Ee9l191JnewEAmuZSAr7yt-aGxGhw1_ivzNTdnqfd_k7TGMryAJNY8gvF95-WSeqIJhKoRyK4FGZaomdiTwgqRbLqbzh9c-B62ggC2ogIM/s1600/ShAs_WebClass.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pensez à :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- ajouter dans le projet la référence à la librairie Microsoft.Sharepoint, afin de pouvoir utiliser l&#39;objet &lt;i&gt;SPContext.Current.Site.Url&lt;/i&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- remplacer http://tempuri.org/ par un autre namespace, ici &quot;http://MyProject.WebService/&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- ajouter dans le projet la référence à votre librairie .BLL&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRsPoc-sN-QiIW3qzFW92rA5vQFOYiZEi2-Q_RSrsTEOyeNKJFtGnm9AYthunql55SrOVYXZL8gyC6VT72mP9OcurTxULbqJVatwiGJQD6wbyng4d7txdV155aSHygRw0zTDOnSxoTcY/s1600/ShAs_WebClassCode.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;376&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRsPoc-sN-QiIW3qzFW92rA5vQFOYiZEi2-Q_RSrsTEOyeNKJFtGnm9AYthunql55SrOVYXZL8gyC6VT72mP9OcurTxULbqJVatwiGJQD6wbyng4d7txdV155aSHygRw0zTDOnSxoTcY/s640/ShAs_WebClassCode.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 3 : Création du fichier .asmx&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dans le projet Sharepoint .Solution, ajoutez votre fichier .asmx&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_CbiRzQ78rre5g704i3c7Yd8NoZifrkZSbDVfsQoOnXVUaAqXZ_bXTnU-rYGCwW73dA_6Ghk8hcQXSTdoNd0GEFssrZUH7EyNUQauXGbKF5-Bq20xb_lX_j7wwBm9IN5NUmMHODe4RM/s1600/ShAs_Asmx.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_CbiRzQ78rre5g704i3c7Yd8NoZifrkZSbDVfsQoOnXVUaAqXZ_bXTnU-rYGCwW73dA_6Ghk8hcQXSTdoNd0GEFssrZUH7EyNUQauXGbKF5-Bq20xb_lX_j7wwBm9IN5NUmMHODe4RM/s1600/ShAs_Asmx.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Et modifiez le code du fichier .asmx, afin qu&#39;il pointe sur la bonne classe.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmILdkdzTllvj9Gb3zD502HNhJLA5LYzzzcG5H-lQJmdfr6Be63UaxFfnfI2KsvfBoUIfX0C0ExV03m8lfLhvKs0-dLVg7SR8ne1uR1oqJEbniMzOj0y0pXjiuPMcGgusGPQpJB-p46gI/s1600/ShAs_AsmxCode.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmILdkdzTllvj9Gb3zD502HNhJLA5LYzzzcG5H-lQJmdfr6Be63UaxFfnfI2KsvfBoUIfX0C0ExV03m8lfLhvKs0-dLVg7SR8ne1uR1oqJEbniMzOj0y0pXjiuPMcGgusGPQpJB-p46gI/s1600/ShAs_AsmxCode.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Afin de copier la librairie .WebService dans le GAC, il suffit de la rajouter dans le package en ouvrant dans Visual Studio Package.package du projet Solution Sharepoint .Solution et en ajoutant la référence via l&#39;onglet &quot;Advanced&quot;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-zV6c-1sHZ8gBAUjwvWXw6-KnYIiUwfUWO1dkFTMr70NW8aLKKKvPZvUYeR0-Il7yKkypxT13ehfqqFu4ymf6UHI7sxOi-s66FQBzDM1DEWFWJBUaQl8HRgvDvad-eHsaue52p19poM/s1600/ShAs_package.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;262&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi-zV6c-1sHZ8gBAUjwvWXw6-KnYIiUwfUWO1dkFTMr70NW8aLKKKvPZvUYeR0-Il7yKkypxT13ehfqqFu4ymf6UHI7sxOi-s66FQBzDM1DEWFWJBUaQl8HRgvDvad-eHsaue52p19poM/s320/ShAs_package.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 4 : Génération des fichiers disco et wsdl&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
C&#39;est à partir de là où les choses deviennent un peu plus techniques voir tordu...&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Déployez votre solution Sharepoint&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Récupérez votre fichier .asmx dans le répertoire suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;i&gt;C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\ISAPI&lt;/i&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Copiez-le dans le répertoire layouts suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;i&gt;C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS&lt;/i&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Vous pouvez dès maintenant tester votre webservice uniquement depuis votre site sharepoint&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0chF79Kt0upR87AmT0xDZ8wR7iMWlm_f9H3_LzBot63pVmL57nEg9Pqc9Bhk70sqPHZ5JzaM-teVuJFyh9dNH87-0n6lz-X31YoYT40oog4JCMgg1bOAYCk1yjY53pKn_msO2szF2LxM/s1600/ShAs_testWebServ.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;249&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0chF79Kt0upR87AmT0xDZ8wR7iMWlm_f9H3_LzBot63pVmL57nEg9Pqc9Bhk70sqPHZ5JzaM-teVuJFyh9dNH87-0n6lz-X31YoYT40oog4JCMgg1bOAYCk1yjY53pKn_msO2szF2LxM/s640/ShAs_testWebServ.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Créez les fichiers .disco et .wsdl avec l&#39;outil disco.exe. Ce programme se trouve dans le répertoire suivant &lt;i&gt;C:\Program Files\Microsoft SDKs\Windows\v6.0A\Bin &lt;/i&gt;et s&#39;utilise en ligne de commande comme suit :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ol style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Déplacez vous dans le répertoire layout :&lt;i&gt; &quot;cd ....&quot;&lt;/i&gt;&lt;/li&gt;
&lt;li&gt;Exécutez disco.exe en passant l&#39;url du webservice en paramètre&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP3ZOtocYj2ijs5euPnzY_cMX9JlbpC2VGt4iUoo2c_T-hkNI3ltl9hKcAVAVXRBivj0wRqqGBLo5ydWDR_ahi1dR-OTpCyW4XTxM4Ea6xk12pmybP6n_gRS_yBKxGkTC0oQnJFmFSrs/s1600/ShAs_runDisco.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;196&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP3ZOtocYj2ijs5euPnzY_cMX9JlbpC2VGt4iUoo2c_T-hkNI3ltl9hKcAVAVXRBivj0wRqqGBLo5ydWDR_ahi1dR-OTpCyW4XTxM4Ea6xk12pmybP6n_gRS_yBKxGkTC0oQnJFmFSrs/s400/ShAs_runDisco.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Supprimez le .asmx du répertoire layouts et déplacez les fichiers .disco et .wsdl dans le répertoire ISAPI de votre projet Solution Sharepoint :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfkf7RDuxapcfz4YS1Vjqjcc_HzpPW-9vOaVbkH0-26_wPHbNVXsY-wDRqrv7NEHw0_mvpPh5o6yvdhGEBjdO3tiADbNceVAWkukxR5YVK6KrNO6aGqYAIQVQVQuxq_2nGRZXZhgR8m9o/s1600/ShAs_CutFiles.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;97&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfkf7RDuxapcfz4YS1Vjqjcc_HzpPW-9vOaVbkH0-26_wPHbNVXsY-wDRqrv7NEHw0_mvpPh5o6yvdhGEBjdO3tiADbNceVAWkukxR5YVK6KrNO6aGqYAIQVQVQuxq_2nGRZXZhgR8m9o/s400/ShAs_CutFiles.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh52yEWP-hK9EYDH6iFNz3uk5Hn8zaiDPWaSSapNmWDVuN7lFjnq9OeVkaWz74TVdloQdyy6-9lNiIs-jsSVnf1yBv81WIMY021p17zDlw9Gai1Gpy0QyO-4mFObn6itWbWcBYXg5eGOk0/s1600/ShAs_repIsapi.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;182&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh52yEWP-hK9EYDH6iFNz3uk5Hn8zaiDPWaSSapNmWDVuN7lFjnq9OeVkaWz74TVdloQdyy6-9lNiIs-jsSVnf1yBv81WIMY021p17zDlw9Gai1Gpy0QyO-4mFObn6itWbWcBYXg5eGOk0/s320/ShAs_repIsapi.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Incluez les fichiers .disco et .wsdl dans votre projet visual studio (affichez les fichiers cachés) et renommez les comme suit (en fichiers .aspx)&amp;nbsp; :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3nBLHoE-1WvfZ7uwBgdac9ZlT-XFTXEIv84mY9SmPMesdbrPIbeHLcq0uQNCcxtKavOTl_JiRk4QeWGsMeDDGVMQ4UGohiJVKCM2Dg-UV8EY-w7CNkfP6K0W5xWn3CZQKysJuFZ7gsQ/s1600/ShAs_rename.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3nBLHoE-1WvfZ7uwBgdac9ZlT-XFTXEIv84mY9SmPMesdbrPIbeHLcq0uQNCcxtKavOTl_JiRk4QeWGsMeDDGVMQ4UGohiJVKCM2Dg-UV8EY-w7CNkfP6K0W5xWn3CZQKysJuFZ7gsQ/s1600/ShAs_rename.png&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 5 : Modification des fichiers disco et wsdl&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Dans les 2 fichiers aspx, remplacez l&#39;url du webservice (dans l&#39;exemple : &lt;i&gt;http://vm-sql2008-64b:81/_layouts/mywebservice.asmx&lt;/i&gt; ) par le code suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-size: x-small;&quot;&gt;&lt;i&gt;&amp;lt;% SPHttpUtility.AddQuote(SPHttpUtility.HtmlEncode(SPWeb.OriginalBaseUrl(Request)),Response.Output); %&amp;gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
exemple dans le fichier wsdl avant modification&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQlODSULm5D2stncqUdhef_BDE47ZRd7Ya6WgPv1MF5dLBtKWB6ScIGoZehBp9Y2seXwo019kGjREOYle_oV9duNIw1SooP6xDbdbkJXu4WnJK1Tx3wuDgyY3uV1_uMoNs3PqzhRrBTY/s1600/ShAs_Modifavt.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;93&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQlODSULm5D2stncqUdhef_BDE47ZRd7Ya6WgPv1MF5dLBtKWB6ScIGoZehBp9Y2seXwo019kGjREOYle_oV9duNIw1SooP6xDbdbkJXu4WnJK1Tx3wuDgyY3uV1_uMoNs3PqzhRrBTY/s400/ShAs_Modifavt.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
après modification&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyht6dORh_dHCMqiOMjPKiPCaHZ5bfavU4EF5w82uILFPzkX0QGEDb2R_HdDkcOmCDBHvaiMKhyphenhyphenOyG6rG1IvTXiZZDaK1pXSUu-o8fzrPThyphenhyphenrBe_yxm84XoHSdGG8EMFpafmeQSqvcSo/s1600/ShAs_Modifapr.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;92&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyht6dORh_dHCMqiOMjPKiPCaHZ5bfavU4EF5w82uILFPzkX0QGEDb2R_HdDkcOmCDBHvaiMKhyphenhyphenOyG6rG1IvTXiZZDaK1pXSUu-o8fzrPThyphenhyphenrBe_yxm84XoHSdGG8EMFpafmeQSqvcSo/s640/ShAs_Modifapr.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Attention : encadré rouge dans le fichier disco.aspx&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpM0FN5mgAomZTBja5R9C5jLx-HB_2g4OEoyvo2QWxts7ucoySwkJKZOE1nwz0-kLV-ao3xAd8h7PVK5dCE37_i0C-gDD3jGDElAmHdoBafy36Sp_Sdg0jg9Cdep7TF8DhtR5_HqQ63as/s1600/ShAs_attDisco.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;99&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpM0FN5mgAomZTBja5R9C5jLx-HB_2g4OEoyvo2QWxts7ucoySwkJKZOE1nwz0-kLV-ao3xAd8h7PVK5dCE37_i0C-gDD3jGDElAmHdoBafy36Sp_Sdg0jg9Cdep7TF8DhtR5_HqQ63as/s640/ShAs_attDisco.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Dans les 2 fichiers aspx, remplacez&lt;i&gt; &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt;&lt;/i&gt; par le code suivant :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;i&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;&amp;lt;%@ Page Language=&quot;C#&quot; Inherits=&quot;System.Web.UI.Page&quot; %&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;%@ Assembly Name=&quot;Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c&quot; %&amp;gt;&lt;br /&gt;&amp;lt;%@ Import Namespace=&quot;Microsoft.SharePoint.Utilities&quot; %&amp;gt;&lt;br /&gt;&amp;lt;%@ Import Namespace=&quot;Microsoft.SharePoint&quot; %&amp;gt;&lt;br /&gt;&amp;lt;% Response.ContentType = &quot;text/xml&quot;; %&amp;gt;&lt;/span&gt;&lt;/i&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
- Déployez votre solution et c&#39;est fini&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Etape 6 : Appel du webservice&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Créez une nouvelle application console dans une nouvelle solution Visual Studio&lt;/li&gt;
&lt;li&gt;Faites clic-droit sur le projet et Ajoutez une référence à un service, puis le bouton &quot;Advanced...&quot;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemWqtQ3rKhC3cCBCtP5yVh2BvzW7xXo7OYsi0NRnZahluvB8I773WHbcNrkL4lYhoSLaUaRlsohB5QHS0Els7-LCVwTxIM7hqJ9w_04bqgcfzriVgsuVdGeMQUYwQMQnH42Gz_rvsTmo/s1600/ShAs_advanced.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;260&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgemWqtQ3rKhC3cCBCtP5yVh2BvzW7xXo7OYsi0NRnZahluvB8I773WHbcNrkL4lYhoSLaUaRlsohB5QHS0Els7-LCVwTxIM7hqJ9w_04bqgcfzriVgsuVdGeMQUYwQMQnH42Gz_rvsTmo/s320/ShAs_advanced.png&quot; width=&quot;320&quot; /&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Puis &quot;Add Web Reference&quot;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxMzyPvZFW3_xyScUKLcVqW-icrvYMcnSVSwgejfx2Bkqh5pRLbHim5gMbada0WK9UmzwIWeUm9M9k7pvxy1nJ090BJ0rb_K1nlvbPwfikMrwjKk9NLmEkp91iE9SEU-2xtCAiqBt2W0/s1600/ShAs_webref.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;301&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxMzyPvZFW3_xyScUKLcVqW-icrvYMcnSVSwgejfx2Bkqh5pRLbHim5gMbada0WK9UmzwIWeUm9M9k7pvxy1nJ090BJ0rb_K1nlvbPwfikMrwjKk9NLmEkp91iE9SEU-2xtCAiqBt2W0/s320/ShAs_webref.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Ajoutez la référence au web service&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4kaEKRzCCR2u14y5RawXh0kkCy7IDU3VyeRnYQGBRRVggVXdKaMjtkNnpcJeeQ4GPHYR0tDdDW2A66l22AKG4K3hpDnA2l43tdIYu1br6FD_-9pnSrWMKRfJQcmyEknMahzADgntzp8/s1600/ShAs_addRef.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;203&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4kaEKRzCCR2u14y5RawXh0kkCy7IDU3VyeRnYQGBRRVggVXdKaMjtkNnpcJeeQ4GPHYR0tDdDW2A66l22AKG4K3hpDnA2l43tdIYu1br6FD_-9pnSrWMKRfJQcmyEknMahzADgntzp8/s400/ShAs_addRef.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;&amp;nbsp;Appel au webservice dans l&#39;application&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: justify;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6y7Yqeeh-gQbfIqg-dq8_k2pyoNrnbpyzxMlk3ZmBA0ktaE78L2xC4BwPwG4pYPbTOhix7O7-kAdZ7HfjFD-NTaqlnXUgBPsEY3EYEFqTY7bTyq7itK6ALlp_NfMRjgJdK4xTmNC7f0/s1600/ShAs_appTest.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;302&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6y7Yqeeh-gQbfIqg-dq8_k2pyoNrnbpyzxMlk3ZmBA0ktaE78L2xC4BwPwG4pYPbTOhix7O7-kAdZ7HfjFD-NTaqlnXUgBPsEY3EYEFqTY7bTyq7itK6ALlp_NfMRjgJdK4xTmNC7f0/s320/ShAs_appTest.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: justify;&quot;&gt;
&lt;li&gt;Et voilà le tour est joué !!!&lt;br /&gt;
&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
Bonus : SPContext.Current.Site.Url&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&amp;nbsp;Si comme dans l&#39;étape 2 vous utilisez &lt;i&gt;SPContext.Current.Site.Url&lt;/i&gt; , l&#39;url correspondera à ce qu&#39;il y aura de configuré dans le fichier de configuration de l&#39;application appelante.&lt;/div&gt;
&amp;nbsp; &lt;br /&gt;
exemple : contenu du fichier de configuration de l&#39;application console de test&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3M2X_2faSB2YzSS_HhPq1SPoOBZH5Eu86dcBoCSDgte6o_qVohDzJh9l3rINcY19tIY0hFoAGe_71bejVWejgsQ2eZxA7reUPe_9BkEpPXGyVk4KYtsHIbes6gcvRxecjbOXaqvA15k/s1600/ShAs_appConfig.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3M2X_2faSB2YzSS_HhPq1SPoOBZH5Eu86dcBoCSDgte6o_qVohDzJh9l3rINcY19tIY0hFoAGe_71bejVWejgsQ2eZxA7reUPe_9BkEpPXGyVk4KYtsHIbes6gcvRxecjbOXaqvA15k/s400/ShAs_appConfig.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5007358957291202239'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5007358957291202239'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2012/12/sharepoint-2010-asmx-webservice.html' title='Sharepoint 2010 : asmx Web Services'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNthmtaphR8txaEhqCr_C-nLgk0tVmNEGnUKv47RFju7Ybk1bSIybiNrj5q8M5Xinrok_1ddPcUD_nYL-VK64EgUlOKN-sy35-dsIJMt7C_kVv7Zmt7oVxbuOWcugSlrIlTdm6y9pK_KA/s72-c/ShAs_archi.png" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-4906151777196203558</id><published>2012-12-06T02:07:00.000-08:00</published><updated>2012-12-06T02:15:22.000-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jujitsu"/><title type='text'>Jujitsu Dax 2011 : After</title><content type='html'>&lt;br /&gt;
Yello!!&lt;br /&gt;
&lt;br /&gt;
Bon okay, ça fait juste plus d&#39;un an que je n&#39;ai pas mis de nouveau message sur ce blog...&lt;br /&gt;
&lt;br /&gt;
Je ne vais pas me chercher d&#39;excuses, je ne me suis juste pas allouer de temps pour le faire alors que j&#39;en avais. Enfin bref...&lt;br /&gt;
&lt;br /&gt;
Donc retour sur Dax &lt;b&gt;2011&lt;/b&gt;, et ben oui, ça date d&#39;il y a un an.&lt;br /&gt;
&lt;br /&gt;
Par rapport au dernier Open effectué, j&#39;ai enfin réussi à me lâcher en partie pied poing, ce qui était mon objectif premier. La partie judo laissant à désirer, je n&#39;ai pas réussi à m&#39;imposer sur ce plan.&lt;br /&gt;
Quand au sol,... anguille style.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Déroulement de la journée&lt;/b&gt; (de mémoire, donc les horaires....) :&lt;br /&gt;
&lt;br /&gt;
Tout commence à Poitiers, tôt, très tôt... 5 heures du matin... chargé comme un âne avec tout l&#39;équipement et de la bouffe, plein (mais pas comme une pute) à attendre que le coach arrive pour me ramasser.&lt;br /&gt;
&lt;br /&gt;
Bon, je vous épargne le récit du trajet, parce que bon après tout, l&#39;autoroute, c&#39;est juste chiant...&lt;br /&gt;
&lt;br /&gt;
Arrivé à Dax à 9h30, à peu près, avec une petite visite de la ville... oui, on s&#39;est un peu perdu...&lt;br /&gt;
Nous finissons par trouver le dojo dans les temps, et à passer à la pesée vers 10h.&lt;br /&gt;
&lt;br /&gt;
Et c&#39;est là qu&#39;il faut vraiment être patient... Début des combats prévus à 11h30, sauf pour ma catégorie, -69kg, on est les plus nombreux donc début des combats à 13h... youpi...&lt;br /&gt;
&lt;br /&gt;
Ah mais attendez... Il y a une erreur sur la feuille de passage... faut la refaire... (3 fois...)&lt;br /&gt;
&lt;br /&gt;
Ma catégorie commence à se mettre enfin sur la gueule, mais mon tour, et ça je m&#39;en souviens très bien, n&#39;est qu&#39;à 15h... enfin si le type que je devais combattre s&#39;était présenté... du coup premier combat à 16h30.&lt;br /&gt;
&lt;br /&gt;
Voilà, voilà, maintenant étant moins bien préparé et ne venant pas avec l&#39;esprit de gagner, je me suis fait un peu battre au tour suivant et en repêchage.&lt;br /&gt;
&lt;br /&gt;
A noter cependant, un beau combat à base de aito dans les tempes, qui a laissé des traces mais qui fût bien rigolo. Et oui, moi voir des étoiles et en mettre dans les yeux des gens, ça me fait marrer.&lt;br /&gt;
&lt;br /&gt;
Fin de la compétition à je sais plus quelle heure, mais avec une bière bien fraiche sur les tempes, suivi du retour sur Poitiers pour une arrivée vers tard le soir.&lt;br /&gt;
&lt;br /&gt;
En conclusion, la journée fut longue éprouvante mais enrichissante.&lt;br /&gt;
&lt;br /&gt;
Ci-dessous, des vidéos prises sur la surface où je combattais.&lt;br /&gt;
&lt;br /&gt;
http://www.youtube.com/watch?NR=1&amp;amp;v=UkV1oSB5SsQ&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/UkV1oSB5SsQ?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
http://www.youtube.com/watch?NR=1&amp;amp;v=S47vEuY67Sk&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;iframe allowfullscreen=&#39;allowfullscreen&#39; webkitallowfullscreen=&#39;webkitallowfullscreen&#39; mozallowfullscreen=&#39;mozallowfullscreen&#39; width=&#39;320&#39; height=&#39;266&#39; src=&#39;https://www.youtube.com/embed/S47vEuY67Sk?feature=player_embedded&#39; frameborder=&#39;0&#39;&gt;&lt;/iframe&gt;&lt;/div&gt;
&amp;nbsp;(PS: sur la deuxième vidéo on peut me voir entrain de discuter avec mon coach derrière le monsieur qui sautille pour s&#39;échauffer, et non, je ne combat pas, je vous rappelle que j&#39;ai passé mon temps à attendre ... ^^ )</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4906151777196203558'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4906151777196203558'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2012/12/jujitsu-dax-2011-after.html' title='Jujitsu Dax 2011 : After'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-442364674698720923</id><published>2011-10-25T06:44:00.000-07:00</published><updated>2011-10-25T06:45:01.686-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jujitsu"/><title type='text'>Jujitsu Dax 2011 : Before</title><content type='html'>Hi, everybody. Ca fait un moment, que j&#39;ai pas posté un message sur le jujitsu combat, mais en même temps il y a pas des compétitions tous les jours...

&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5zQetOTlmS9xhONHlB-fZ2EYvrsJtQ-_BTEqOnF-388OIYngI4-6FycOr6SXAq1whL_gC2hkfDB0N134eCfdXJwL3ljjC2CgdOaJpdskMPVoQS-bS6y_JC-Fjx6F89chQe0v7UMfD01Y/s1600/DAX125NOIRXL.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;256&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5zQetOTlmS9xhONHlB-fZ2EYvrsJtQ-_BTEqOnF-388OIYngI4-6FycOr6SXAq1whL_gC2hkfDB0N134eCfdXJwL3ljjC2CgdOaJpdskMPVoQS-bS6y_JC-Fjx6F89chQe0v7UMfD01Y/s320/DAX125NOIRXL.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Cette fois, ça va se passer à Dax, pour une compétition nationale qualificative pour le titre de champion de France. Enfin comme d&#39;habitude en gros, vu qu&#39;il y a pas de compétition niveau départemental et régional dans le Poitou-Charentes, mais on doit pas être les seuls...&lt;br /&gt;
&lt;br /&gt;
La compétition se déroulera samedi 29 Octobre, et comme d&#39;habitude (encore), je vais rater une chouille avec des potes, mais bon, faut savoir ce qu&#39;on veut dans la vie, boire des coups ou en prendre.&lt;br /&gt;
&lt;br /&gt;
Cependant, cette fois, j&#39;espère bien inverser la tendance et pour ça, il faut que j&#39;arrive à me détendre parce que là on est le 25 Octobre, et mes poils de bras ne débandent pas (aka : j&#39;ai la chair de poule). Il faudrait donc, que j&#39;arrive à dédramatiser tout ça, que je vois cette compétition comme une exhibition, tout en y allant avec un mental de quelqu&#39;un qui a envie de gagner. Ca en fait du boulot tout ça.&lt;br /&gt;
&lt;br /&gt;
Au niveau préparation, je suis pas trop mal, pas autant que je le voudrais à cause d&#39;une tendinite qui m&#39;a tenu quasiment 1mois et demi. Pour le poids, je suis plutôt bien, 67,5kg, pour -69kg. De plus, je n&#39;irai pas seul, un collègue ceinture marron va aussi venir en découdre et c&#39;est le coach qui va conduire. Ce qui me fait, le plus peur, c&#39;est de pas y aller suffisamment reposé et détendu, ce qui m&#39;a valu de prendre une toise à Nantes, ça et tomber sur le gars qui fini deuxième au premier tour, je sais ça aurai pu être pire en tombant sur le premier.&lt;br /&gt;
(sans compter qu&#39;au repêchage, je me cogne le mec qui fait 3eme, mais qui était à ma main, si j&#39;avais été plus détendu)&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjefMeV6C1oXY-8SwWZPeVSbRo2DQNdYzwL13CPQ73vpQYAI17_RHBJQ-klFnKoGfrXwGGSQ9fsboOBzB5dYTTkL8XfRf_ej3c7UtFlYYRw3IDjG5m2QvB-KBhEIbHWhCTW3cEkrO5cgU/s1600/podium.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjefMeV6C1oXY-8SwWZPeVSbRo2DQNdYzwL13CPQ73vpQYAI17_RHBJQ-klFnKoGfrXwGGSQ9fsboOBzB5dYTTkL8XfRf_ej3c7UtFlYYRw3IDjG5m2QvB-KBhEIbHWhCTW3cEkrO5cgU/s320/podium.jpg&quot; width=&quot;230&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Donc bon, voilà, pour résumer, il faut que j&#39;y aille avec le mental de quelqu&#39;un qui veut faire podium, même si mes objectifs de départ sont nettement moins élevés =&amp;gt; revenir sans coquard...&lt;br /&gt;
&lt;br /&gt;
PS: heureusement pour ma préparation mentale, en ce moment la vie m&#39;apprend qu&#39;être un mec gentil, en fait, ça paye pas, et qu&#39;il faut vraiment être un blaireau pour en être un, et je retiens mes mots.&lt;br /&gt;
&lt;br /&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/442364674698720923'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/442364674698720923'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/10/jujitsu-dax-2011-before.html' title='Jujitsu Dax 2011 : Before'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5zQetOTlmS9xhONHlB-fZ2EYvrsJtQ-_BTEqOnF-388OIYngI4-6FycOr6SXAq1whL_gC2hkfDB0N134eCfdXJwL3ljjC2CgdOaJpdskMPVoQS-bS6y_JC-Fjx6F89chQe0v7UMfD01Y/s72-c/DAX125NOIRXL.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-3771424488997897352</id><published>2011-08-17T03:36:00.000-07:00</published><updated>2011-08-17T03:36:44.987-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Sharepoint 2007"/><title type='text'>Sharepoint : User group picker in webpart properties</title><content type='html'>Si, comme moi, vous vous retrouvez dans le cas où l&#39;utilisateur souhaite pouvoir configurer via les propriétés d&#39;une webpart, les utilisateurs pouvant exécuter ou non certaines fonctionnalités de cette même webpart, l&#39;article suivant va vous intéresser, enfin du moins j&#39;espère.&lt;br /&gt;
&lt;br /&gt;
Pour se faire, il faut : &lt;br /&gt;
- créer une propriété cachée, qui permettra de stocker les données&lt;br /&gt;
- une nouvelle toolpart, afin d&#39;y ajouter nos composants dont le fameux PeopleEditor&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;sys&gt;namespace&lt;/sys&gt; MyWebDLL.WebParts&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;codeClass&quot;&gt;&lt;sys&gt;public class &lt;/sys&gt;&lt;o&gt;MyWebPart&lt;/o&gt; : Microsoft.SharePoint.WebPartPages.&lt;o&gt;WebPart&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;/**************************************/&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;//Mise en place d&#39;une propriété qui va stocker les données via Sharepoint&lt;/com&gt;&lt;br /&gt;
[&lt;o&gt;SPWebCategoryName&lt;/o&gt;(&lt;txt&gt;&quot;Miscellaneous&quot;&lt;/txt&gt;),&lt;br /&gt;
&lt;o&gt;Browsable&lt;/o&gt;(&lt;sys&gt;false&lt;/sys&gt;),&lt;br /&gt;
&lt;o&gt;WebBrowsable&lt;/o&gt;(&lt;sys&gt;false&lt;/sys&gt;),&lt;br /&gt;
&lt;o&gt;WebPartStorage&lt;/o&gt;(&lt;o&gt;Storage&lt;/o&gt;.Personal),&lt;br /&gt;
&lt;o&gt;Personalizable&lt;/o&gt;(&lt;sys&gt;true&lt;/sys&gt;)]&lt;br /&gt;
&lt;sys&gt;public&lt;/sys&gt; &lt;o&gt;String &lt;/o&gt;AllowedUser&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;get&lt;/sys&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;return&lt;/sys&gt; _allowedUser;&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;set&lt;/sys&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;_allowedUser = &lt;sys&gt;value&lt;/sys&gt;;&lt;/div&gt;}&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;private&lt;/sys&gt; &lt;o&gt;String &lt;/o&gt;_allowedUser;&lt;br /&gt;
&lt;com&gt;/**************************************/&lt;/com&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;protected override void &lt;/sys&gt;OnInit(&lt;o&gt;EventArgs&lt;/o&gt; e)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;base&lt;/sys&gt;.OnInit(e);&lt;br /&gt;
&lt;com&gt;/**************************************/&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// Initialisation du contrôle et affectation de la propriété&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// gérant les droits utilisateurs (le contrôle peut se limiter à un .cs)&lt;/com&gt;&lt;br /&gt;
m_Ctrl = (&lt;o&gt;MyControlCtrl&lt;/o&gt;)Page.LoadControl(&lt;txt&gt;&quot;~/_controltemplates/MySolutionSP/MyControl.ascx&quot;&lt;/txt&gt;);&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(&lt;sys&gt;this&lt;/sys&gt;.AllowedUser != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;m_Ctrl.IsAllowedUser = &lt;o&gt;Tools&lt;/o&gt;.IsCurrentUserMemberOf(&lt;sys&gt;this&lt;/sys&gt;.AllowedUser);&lt;/div&gt;&lt;sys&gt;else&lt;/sys&gt;&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;m_Ctrl.IsAllowedUser = &lt;sys&gt;true&lt;/sys&gt;;&lt;/div&gt;&lt;sys&gt;this&lt;/sys&gt;.Controls.Add(m_Ctrl);&lt;br /&gt;
&lt;com&gt;/**************************************/&lt;/com&gt;&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
&lt;com&gt;/**************************************/&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// Personnalisation du panneau des propriétés de la webPart&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public override &lt;/sys&gt;&lt;o&gt;ToolPart&lt;/o&gt;[] GetToolParts()&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;ToolPart&lt;/o&gt;[] allToolParts = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;ToolPart&lt;/o&gt;[3];&lt;br /&gt;
&lt;o&gt;WebPartToolPart&lt;/o&gt; standardToolParts = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;WebPartToolPart&lt;/o&gt;();&lt;br /&gt;
&lt;o&gt;CustomPropertyToolPart&lt;/o&gt; customToolParts = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;CustomPropertyToolPart&lt;/o&gt;();&lt;br /&gt;
&lt;br /&gt;
allToolParts[0] = standardToolParts;&lt;br /&gt;
allToolParts[1] = customToolParts;&lt;br /&gt;
allToolParts[2] = new &lt;o&gt;CustomToolPart&lt;/o&gt;();&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;return&lt;/sys&gt; allToolParts;&lt;/div&gt;}&lt;br /&gt;
&lt;com&gt;/**************************************/&lt;/com&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;public class&lt;/sys&gt; &lt;o&gt;CustomToolPart &lt;/o&gt;: Microsoft.SharePoint.WebPartPages.&lt;o&gt;ToolPart&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;PeopleEditor&lt;/o&gt; pe;&lt;br /&gt;
&lt;o&gt;Panel &lt;/o&gt;toolPartPanel;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;protected override void &lt;/sys&gt;CreateChildControls()&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;MyWebPart &lt;/o&gt;wp = (&lt;o&gt;MyWebPart&lt;/o&gt;)&lt;sys&gt;this&lt;/sys&gt;.ParentToolPane.SelectedWebPart;&lt;br /&gt;
&lt;br /&gt;
toolPartPanel = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;Panel&lt;/o&gt;();&lt;br /&gt;
pe = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;PeopleEditor&lt;/o&gt;();&lt;br /&gt;
&lt;br /&gt;
pe.MultiSelect = &lt;sys&gt;true&lt;/sys&gt;;&lt;br /&gt;
&lt;com&gt;// Limitation de la sélection au groupe Sharepoint et aux utilisateurs Windows&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// Liste des différentes valeurs possibles : &lt;a href=&#39;http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webcontrols.peopleeditor.accounttype.aspx&#39;&gt;MSDN&lt;/a&gt;&lt;/com&gt;&lt;br /&gt;
pe.SelectionSet = &lt;txt&gt;&quot;User,SPGroup&quot;&lt;/txt&gt;;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(wp.AllowedUser != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// Chargement des données stockées par Sharepoint&lt;/com&gt;&lt;br /&gt;
System.Collections.&lt;o&gt;ArrayList&lt;/o&gt; entityArrayList = &lt;sys&gt;new &lt;/sys&gt;System.Collections.&lt;o&gt;ArrayList&lt;/o&gt;();&lt;br /&gt;
&lt;o&gt;List&lt;/o&gt;&amp;lt;&lt;o&gt;UserGroupDTO&lt;/o&gt;&amp;gt; lU = &lt;o&gt;Tools&lt;/o&gt;.GetListUserGroupFromString(wp.AllowedUser);&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;UserGroupDTO&lt;/o&gt; item &lt;sys&gt;in &lt;/sys&gt;lU)&lt;br /&gt;
{     &lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;PickerEntity&lt;/o&gt; entity = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;PickerEntity&lt;/o&gt;();&lt;br /&gt;
entity.Key = item.Value;&lt;br /&gt;
&lt;com&gt;// La validation n&#39;est pas obligatoire mais c&#39;est plus sûr&lt;/com&gt;&lt;br /&gt;
entity = pe.ValidateEntity(entity);&lt;br /&gt;
entityArrayList.Add(entity);&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
pe.UpdateEntities(entityArrayList);&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
toolPartPanel.Controls.Add(pe);&lt;br /&gt;
Controls.Add(toolPartPanel);&lt;br /&gt;
&lt;sys&gt;base&lt;/sys&gt;.CreateChildControls();&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
&lt;com&gt;// Récupération des données du PeopleEditor&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public override void &lt;/sys&gt;ApplyChanges()&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;MyWebPart&lt;/o&gt; wp = (&lt;o&gt;MyWebPart&lt;/o&gt;)&lt;sys&gt;this&lt;/sys&gt;.ParentToolPane.SelectedWebPart;&lt;br /&gt;
&lt;br /&gt;
wp.AllowedUser = &lt;txt&gt;&quot;&quot;&lt;/txt&gt;;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;for &lt;/sys&gt;(&lt;sys&gt;int &lt;/sys&gt;i = 0; i &amp;lt; pe.ResolvedEntities.Count; i++)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;PickerEntity&lt;/o&gt; p = (&lt;o&gt;PickerEntity&lt;/o&gt;)pe.ResolvedEntities[i];&lt;br /&gt;
wp.AllowedUser += p.EntityData[&lt;txt&gt;&quot;DisplayName&quot;&lt;/txt&gt;].ToString();&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(p.EntityData[&lt;txt&gt;&quot;PrincipalType&quot;&lt;/txt&gt;].ToString() == &lt;txt&gt;&quot;User&quot;&lt;/txt&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;wp.AllowedUser += &lt;txt&gt;&quot;;&quot;&lt;/txt&gt; + p.EntityData[&lt;txt&gt;&quot;SPUserID&quot;&lt;/txt&gt;].ToString() + &lt;txt&gt;&quot;;SPUserID&quot;&lt;/txt&gt;;&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;else if &lt;/sys&gt;(p.EntityData[&lt;txt&gt;&quot;PrincipalType&quot;&lt;/txt&gt;].ToString() == &lt;txt&gt;&quot;SharePointGroup&quot;&lt;/txt&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;wp.AllowedUser += &lt;txt&gt;&quot;;&quot;&lt;/txt&gt; + p.EntityData[&lt;txt&gt;&quot;SPGroupID&quot;&lt;/txt&gt;].ToString() + &lt;txt&gt;&quot;;SPGroupID&quot;&lt;/txt&gt;;&lt;/div&gt;}&lt;br /&gt;
wp.AllowedUser += &lt;txt&gt;&quot;;#&quot;&lt;/txt&gt;;&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;sys&gt;namespace&lt;/sys&gt; Common&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;codeClass&quot;&gt;&lt;sys&gt;public static class &lt;/sys&gt;&lt;o&gt;Tools&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// Méthode permettant de déterminer si l&#39;utilisateur courant&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// fait parti des éléments sélectionnés avec le PeopleEditor&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// dans le cas présent, la sélection est limitée aux groupes sharepoint&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// et à des utilisateurs&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public static bool &lt;/sys&gt;IsCurrentUserMemberOf(&lt;o&gt;String &lt;/o&gt;grps)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;bool &lt;/sys&gt;isMember = &lt;sys&gt;false&lt;/sys&gt;;&lt;br /&gt;
&lt;br /&gt;
&lt;o&gt;List&lt;/o&gt;&amp;lt&lt;o&gt;UserGroupDTO&lt;/o&gt;&amp;gt groups;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(grps != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;groups = &lt;o&gt;Tools&lt;/o&gt;.GetListUserGroupFromString(grps);&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(groups != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;SPWeb &lt;/o&gt;web = &lt;o&gt;SPContext&lt;/o&gt;.Current.Web;&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;UserGroupDTO &lt;/o&gt;autorisationValue &lt;sys&gt;in &lt;/sys&gt;groups)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;if &lt;/sys&gt;(autorisationValue.Type == &lt;o&gt;UserGroupDTO&lt;/o&gt;.&lt;o&gt;TypeUser&lt;/o&gt;.SPGroup)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;//Cas d&#39;un groupe sharepoint&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(web.SiteGroups.GetByID(autorisationValue.Id).ContainsCurrentUser)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;isMember = &lt;sys&gt;true&lt;/sys&gt;;&lt;br /&gt;
&lt;sys&gt;break&lt;/sys&gt;;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;else&lt;/sys&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;if &lt;/sys&gt;(autorisationValue.Type != &lt;o&gt;UserGroupDTO&lt;/o&gt;.TypeUser.SPUser)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;//Cas d&#39;un groupe du domaine&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(web.IsCurrentUserMemberOfGroup(autorisationValue.Id))&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;isMember =&lt;sys&gt; true&lt;/sys&gt;;&lt;br /&gt;
&lt;sys&gt;break&lt;/sys&gt;;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;else&lt;/sys&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;//Cas d&#39;un utilisateur&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(autorisationValue.Value.ToLower() == &lt;o&gt;HttpContext&lt;/o&gt;.Current.User.Identity.Name.ToLower())&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;isMember = &lt;sys&gt;true&lt;/sys&gt;;&lt;br /&gt;
&lt;sys&gt;break&lt;/sys&gt;;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;return &lt;/sys&gt;isMember;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
&lt;com&gt;// Méthode permettant de convertir la chaine de caractères &lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// contenant les informations du PeopleEditor en liste d&#39;objet&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public static &lt;/sys&gt;&lt;o&gt;List&lt;/o&gt;&amp;lt&lt;o&gt;UserGroupDTO&lt;/o&gt;&amp;gt GetListUserGroupFromString(&lt;o&gt;String &lt;/o&gt;grps)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;List&lt;/o&gt;&amp;lt&lt;o&gt;UserGroupDTO&lt;/o&gt;&amp;gt lRes = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;List&lt;/o&gt;&amp;lt&lt;o&gt;UserGroupDTO&lt;/o&gt;&amp;gt();&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(grps != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
{&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;string&lt;/sys&gt;[] lUserGroups = grps.Split(&lt;sys&gt;new string&lt;/sys&gt;[] { &lt;txt&gt;&quot;;#&quot; &lt;/txt&gt;}, &lt;o&gt;StringSplitOptions&lt;/o&gt;.RemoveEmptyEntries);&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;String &lt;/o&gt;userGroups &lt;sys&gt;in &lt;/sys&gt;lUserGroups)&lt;br /&gt;
{&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;string&lt;/sys&gt;[] datas = userGroups.Split(&lt;txt&gt;&#39;;&#39;&lt;/txt&gt;);&lt;br /&gt;
&lt;o&gt;UserGroupDTO &lt;/o&gt;ug = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;UserGroupDTO&lt;/o&gt;();&lt;br /&gt;
&lt;br /&gt;
ug.Value = datas[0];&lt;br /&gt;
ug.Id = &lt;sys&gt;int&lt;/sys&gt;.Parse(datas[1]);&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(datas[2] == &lt;txt&gt;&quot;SPGroupID&quot;&lt;/txt&gt;)&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;ug.Type = &lt;o&gt;UserGroupDTO&lt;/o&gt;.&lt;o&gt;TypeUser&lt;/o&gt;.SPGroup;&lt;br /&gt;
&lt;/div&gt;&lt;sys&gt;else if &lt;/sys&gt;(datas[2] == &lt;txt&gt;&quot;SPUserID&quot;&lt;/txt&gt;)&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;ug.Type = &lt;o&gt;UserGroupDTO&lt;/o&gt;.&lt;o&gt;TypeUser&lt;/o&gt;.SPUser;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
lRes.Add(ug);&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;return &lt;/sys&gt;lRes;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;br /&gt;
Cette méthode ne s&#39;applique pas uniquement à la sélection d&#39;utilisateur et/ou groupe. Ceci peut s&#39;avérer utile lorsque vous voulez mettre en place des propriétés complexes.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/3771424488997897352'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/3771424488997897352'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/08/sharepoint-user-group-picker-in-webpart.html' title='Sharepoint : User group picker in webpart properties'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-6474164118704341558</id><published>2011-06-20T08:38:00.000-07:00</published><updated>2011-06-20T08:38:34.776-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Sharepoint 2007"/><title type='text'>Sharepoint 2007: modifier les propriétés d&#39;une page</title><content type='html'>Ce billet arrive bien vite après le dernier, mais c&#39;est que ces derniers jours ont été très mouvementés. Du coup, de nombreux cas de développement, un peu hors de l&#39;ordinaire, ce sont présentés à moi.&lt;br /&gt;
&lt;br /&gt;
&lt;u&gt;Attention blabla&lt;/u&gt; : si vous voulez pas savoir pourquoi j&#39;ai dû changer une &lt;b&gt;propriété &lt;/b&gt;d&#39;une page, allez directement au code.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;blabla&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mise en situation : réalisation d&#39;une application sharepoint avec des customs fields qui permet de lier une page P1 d&#39;un certain gabarit sur un certain site (au sens sharepoint) à d&#39;autres pages P2 situés sur des sites potentiellement différents.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Le custom field, faisant le lien entre les pages, de la page P1 stockait, entre autres, l&#39;id du site des pages P2.&lt;br /&gt;
Jusqu&#39;au moment, où pour une sombre histoire de push, une demande arriva pour remplacer les id de site P2 par leur URL respective.&lt;br /&gt;
&lt;br /&gt;
Il a donc fallu remplacer les id par des urls dans la valeur de la propriété correspondant au custom field, pour toutes les pages de tous les sites de l&#39;application qui contiennent le custom field.&lt;br /&gt;
&lt;br /&gt;
La contrainte bonus est de ne pas perdre le contenu déjà créé par le client, parce que 3 semaines de boulot dans le vent, c&#39;est dur.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/blabla&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Bon maintenant le coeur de la meule :&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;com&gt;&lt;br /&gt;
//Fontion pour récupérer le token admin&lt;br /&gt;
//ça peut servir&lt;br /&gt;
&lt;/com&gt;&lt;sys&gt;private&lt;/sys&gt; &lt;o&gt;SPUserToken &lt;/o&gt;getSystemToken(&lt;o&gt;SPSite &lt;/o&gt;spSite){&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;SPSecurity&lt;/o&gt;.RunWithElevatedPrivileges(&lt;sys&gt;delegate&lt;/sys&gt;(){&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;using &lt;/sys&gt;(&lt;o&gt;SPSite &lt;/o&gt;elevatedSPSite =&lt;sys&gt; new &lt;/sys&gt;&lt;o&gt;SPSite&lt;/o&gt;(spSite.ID))&lt;br /&gt;
&lt;/div&gt;res = elevatedSPSite.SystemAccount.UserToken;&lt;br /&gt;
&lt;sys&gt;return &lt;/sys&gt;res;&lt;br /&gt;
&lt;/div&gt;});&lt;br /&gt;
&lt;br /&gt;
...&lt;br /&gt;
&lt;com&gt;//Pour tous les RawUrl (pas de http://domaine:port)&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;String &lt;/o&gt;siteRawUrl &lt;sys&gt;in&lt;/sys&gt; getListRawUrlSite())&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;SPUserToken &lt;/o&gt;sysToken = getSystemToken(&lt;o&gt;SPContext&lt;/o&gt;.Current.Site);&lt;br /&gt;
&lt;sys&gt;using &lt;/sys&gt;(&lt;o&gt;SPSite &lt;/o&gt;siteAdminToken = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;SPSite&lt;/o&gt;(&lt;o&gt;SPContext&lt;/o&gt;.Current.Site.ID, sysToken))&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;siteAdminToken.AllowUnsafeUpdates =&lt;sys&gt; true&lt;/sys&gt;;&lt;br /&gt;
&lt;com&gt;// On &quot;ouvre&quot; le premier site&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;using &lt;/sys&gt;(&lt;o&gt;SPWeb &lt;/o&gt;spWeb = siteAdminToken.OpenWeb(siteRawUrl))&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// récupération de la liste des pages&lt;br /&gt;
// l&#39;url de la liste des pages est dans une constante&lt;/com&gt;&lt;br /&gt;
&lt;o&gt;SPList&lt;/o&gt; splPages = spWeb.GetList(SPUrlUtility.CombineUrl(spWeb.Url, &lt;o&gt;PagesList&lt;/o&gt;.RELATIVEURL));&lt;br /&gt;
&lt;br /&gt;
&lt;com&gt;// Pour chq type de PageLookupField, ou pour chaque propriété&lt;br /&gt;
// dans la liste listProperties&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;String &lt;/o&gt;property&lt;sys&gt; in &lt;/sys&gt;listProperties)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;try&lt;/sys&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;strong&gt;&lt;br /&gt;
spWeb.AllowUnsafeUpdates = &lt;sys&gt;true&lt;/sys&gt;;&lt;br /&gt;
&lt;com&gt;// Pour chaque page de la liste des pages du site courant&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;foreach &lt;/sys&gt;(&lt;o&gt;SPListItem &lt;/o&gt;page &lt;sys&gt;in &lt;/sys&gt;splPages.Items)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;if &lt;/sys&gt;(page.ContentType.Fields.ContainsField(property) &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;&amp; page[property] != &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
{&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;//Récupération de l&#39;ancienne valeur&lt;/com&gt;&lt;br /&gt;
&lt;o&gt;String &lt;/o&gt;oldValue = page[property].ToString();&lt;br /&gt;
&lt;com&gt;//Transformation de l&#39;ancienne valeur&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;String &lt;/sys&gt;newValue = &lt;o&gt;Utils&lt;/o&gt;.ReplaceOldByNew(oldValue, dSitebyId);&lt;br /&gt;
&lt;br /&gt;
&lt;o&gt;SPFile &lt;/o&gt;file = spWeb.GetFile(page.Url);&lt;br /&gt;
file.CheckOut();&lt;com&gt;//Extraction de la page&lt;/com&gt;&lt;br /&gt;
page.Properties[property] = newValue;&lt;com&gt;//Affectation de la nouvelle valeur&lt;/com&gt;&lt;br /&gt;
page.Update();&lt;com&gt;Mise à jour de la page &lt;/com&gt;&lt;br /&gt;
&lt;com&gt;//Archivage de la page&lt;/com&gt;&lt;br /&gt;
file.CheckIn(property+ &lt;txt&gt;&quot; edited. oldValue :&quot;&lt;/txt&gt; + oldValue + &lt;txt&gt;&quot;, newValue: &quot;&lt;/txt&gt; + newValue);&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;catch &lt;/sys&gt;(&lt;o&gt;Exception &lt;/o&gt;ex)&lt;br /&gt;
{&lt;div class=&quot;classContent1&quot;&gt;&lt;o&gt;Console&lt;/o&gt;.WriteLine(ex.Message);&lt;br /&gt;
&lt;sys&gt;throw&lt;/sys&gt;;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;finally &lt;/sys&gt;{ spWeb.AllowUnsafeUpdates = &lt;sys&gt;false&lt;/sys&gt;; }&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
siteAdminToken.AllowUnsafeUpdates = &lt;sys&gt;false&lt;/sys&gt;;&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
&lt;/div&gt;}&lt;br /&gt;
...&lt;br /&gt;
&lt;/div&gt;&lt;!--code--&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/6474164118704341558'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/6474164118704341558'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/06/sharepoint-2007-modifier-les-proprietes.html' title='Sharepoint 2007: modifier les propriétés d&#39;une page'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-444516629329536638</id><published>2011-06-17T01:49:00.000-07:00</published><updated>2012-12-06T02:15:35.563-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="MVC"/><title type='text'>Asp.NET MVC Binder</title><content type='html'>Un binder permet de faire le lien, comme son nom l&#39;indique, entre un élément html et un élément d&#39;un modèle, au sens MVC.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Soit le modèle et la vue suivants:&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;&lt;com&gt;//le model &lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public class&lt;/sys&gt;&lt;o&gt; MyModel&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&amp;nbsp;&amp;nbsp; &lt;sys&gt;public&lt;/sys&gt; &lt;o&gt;DateTime&lt;/o&gt;? ModelDate;&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;&lt;com&gt;//extrait de la vue attachée au modèle précédent&lt;/com&gt;&lt;br /&gt;
&amp;lt;% using(Html.BeginForm()) { %&amp;gt;&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&amp;nbsp; &amp;lt;%= this.TextBox( e =&amp;gt; e.ModelDate)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; .Value(string.Format(&quot;{0:d}&quot;, Model.ModelDate,&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; System.Globalization.CultureInfo.CurrentUICulture.DateFormat &lt;br /&gt;
&amp;nbsp;&amp;nbsp; )) %&amp;gt;&lt;/div&gt;&amp;lt;% } %&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Dans ce genre de configuration, il est possible de tomber sur un problème de globalisation.&lt;br /&gt;
Pour résoudre ce problème, il est possible d&#39;utiliser un &lt;b&gt;Binder&lt;/b&gt;.&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;&lt;com&gt;// le binder est situé dans le namespace de votre choix&lt;br /&gt;
// qui j&#39;en suis sûr sera excellent&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public class &lt;/sys&gt;&lt;o&gt;DateTimeBinder&lt;/o&gt; : &lt;o&gt;DefaultModelBinder&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// méthode héritée de DefaultModelBinder &lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;public override &lt;/sys&gt;&lt;o&gt;object &lt;/o&gt;BindModel(&lt;o&gt;ControllerContext &lt;/o&gt;controllerContext, &lt;o&gt;ModelBindingContext &lt;/o&gt;bindingContext)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;object &lt;/sys&gt;result = &lt;sys&gt;null&lt;/sys&gt;;&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;try&lt;/sys&gt; {&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;string &lt;/sys&gt;modelName = bindingContext.ModelName;&lt;br /&gt;
&lt;sys&gt;string &lt;/sys&gt;attemptedValue = bindingContext.ValueProvider[modelName].AttemptedValue;&lt;br /&gt;
&lt;br /&gt;
&lt;com&gt;// ici j&#39;ai fais le choix de stocker le code culture (fr,en,...) en session&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;string &lt;/sys&gt;cultureCode = controllerContext.HttpContext.Session[&lt;txt&gt;&quot;CurrentUICulture&quot;&lt;/txt&gt;].ToString();&lt;br /&gt;
&lt;o&gt;CultureInfo &lt;/o&gt;culture = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;CultureInfo&lt;/o&gt;(cultureCode);&lt;br /&gt;
&lt;o&gt;CultureInfo &lt;/o&gt;specCulture = &lt;o&gt;CultureInfo&lt;/o&gt;.CreateSpecificCulture(cultureCode + &lt;txt&gt;&quot;-&quot;&lt;/txt&gt; + cultureCode);&lt;br /&gt;
&lt;br /&gt;
&lt;sys&gt;if &lt;/sys&gt;(&lt;sys&gt;string&lt;/sys&gt;.IsNullOrEmpty(attemptedValue)) &lt;sys&gt;return&lt;/sys&gt; result;&lt;br /&gt;
&lt;com&gt;// conversion de la donnée texte au format souhaité&lt;/com&gt;&lt;br /&gt;
result = &lt;o&gt;DateTime&lt;/o&gt;.Parse(attemptedValue, specCulture.DateTimeFormat);&lt;/div&gt;}&lt;br /&gt;
catch (&lt;o&gt;FormatException&lt;/o&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;result = &lt;sys&gt;base&lt;/sys&gt;.BindModel(controllerContext, bindingContext);&lt;/div&gt;}&lt;br /&gt;
catch (&lt;o&gt;NullReferenceException&lt;/o&gt;)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;result = &lt;sys&gt;base&lt;/sys&gt;.BindModel(controllerContext, bindingContext);&lt;/div&gt;}&lt;br /&gt;
&lt;sys&gt;return &lt;/sys&gt;result;&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Maintenant que le Binder est créé, il faut le référencer dans l&#39;application.&lt;br /&gt;
Ceci peut être réalisé via &lt;b&gt;Global.asax.cs&lt;/b&gt; :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;&lt;sys&gt;public class &lt;/sys&gt;&lt;o&gt;MvcApplication &lt;/o&gt;: System.Web.&lt;o&gt;HttpApplication&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;protected void &lt;/sys&gt;Application_Start()&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;var &lt;/sys&gt;dateTimeBinder = &lt;sys&gt;new &lt;/sys&gt;&lt;o&gt;DateTimeBinder&lt;/o&gt;();&lt;br /&gt;
&lt;br /&gt;
&lt;o&gt;ModelBinders&lt;/o&gt;.Binders.Add(&lt;sys&gt;typeOf&lt;/sys&gt;(&lt;o&gt;DateTime&lt;/o&gt;), dateTimeBinder);&lt;br /&gt;
&lt;o&gt;ModelBinders&lt;/o&gt;.Binders.Add(&lt;sys&gt;typeOf&lt;/sys&gt;(&lt;o&gt;DateTime&lt;/o&gt;?), dateTimeBinder);&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Ceci permet de contourner ce genre de problème :&lt;br /&gt;
&quot;string was not recognized as a valid datetime&quot;&lt;br /&gt;
dans le cas où vous seriez amené à jouer avec CultureInfo pour un site multilingue, par exemple.&lt;br /&gt;
Ce qui aura pour effet, de rendre le ModelState invalide.&lt;br /&gt;
&lt;br /&gt;
Cet exemple peut servir de modèle pour des types de données plus complexes.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/444516629329536638'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/444516629329536638'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/06/aspnet-mvc-binder.html' title='Asp.NET MVC Binder'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-7987310944469146286</id><published>2011-05-03T14:48:00.000-07:00</published><updated>2011-05-03T14:48:44.710-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="MVC"/><title type='text'>ASP MVC &amp; Html.DropDownList</title><content type='html'>La question suivante revient fréquemment à propos des dropdownlists en MVC :&lt;br /&gt;
&lt;br /&gt;
- Comment configurer l&#39;item par défaut dans ma dropdownlist?&lt;br /&gt;
&lt;br /&gt;
Je vais donc présenter ici une mise en oeuvre que j&#39;espère être la plus simple possible tout en essayant de répondre à un maximum de question dont celle de l&#39;item par défaut.&lt;br /&gt;
&lt;br /&gt;
D&#39;abord, pour un joli code source bien organisé, le POCO :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;public class &lt;o&gt;MyObject&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;public &lt;o&gt;String&lt;/o&gt; Id { &lt;sys&gt;get&lt;/sys&gt;; &lt;sys&gt;set&lt;/sys&gt;; }&lt;br /&gt;
public &lt;o&gt;String&lt;/o&gt; Description { &lt;sys&gt;get&lt;/sys&gt;; &lt;sys&gt;set&lt;/sys&gt;; }&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
La récupération de données avec le manager :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;public class &lt;o&gt;MyObjectManager&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;public &lt;sys&gt;static&lt;/sys&gt; &lt;o&gt;IEnumerable&lt;/o&gt;&amp;lt;&lt;o&gt;MyObject&lt;/o&gt;&amp;gt; GetAllMyObject()&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// Here put your specific code to retrieve your data&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// and to transform them to IEnumerable&amp;lt;T&amp;gt;&lt;/com&gt;&lt;/div&gt;}&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
L&#39;implémentation de la liste dans le modèle :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;codeClass&quot;&gt;public class &lt;o&gt;MyOtherObjectModel&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;public &lt;o&gt;IList&lt;/o&gt;&amp;lt;&lt;o&gt;SelectItem&lt;/o&gt;&amp;gt; ListOfMyObject{ &lt;sys&gt;get&lt;/sys&gt;; &lt;sys&gt;set&lt;/sys&gt;; }&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;public &lt;o&gt;IList&lt;/o&gt;&amp;lt;&lt;o&gt;SelectItem&lt;/o&gt;&amp;gt; GetListOfMyObject(&lt;sys&gt;int&lt;/sys&gt;? selectedId) {&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;sys&gt;int&lt;/sys&gt; id = (selectedId.HasValue) ? selectedId.Value : -1;&lt;br /&gt;
&lt;o&gt;List&lt;/o&gt;&amp;lt;&lt;o&gt;SelectListItem&lt;/o&gt;&amp;gt; res = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;List&lt;/o&gt;&amp;lt;&lt;o&gt;SelectListItem&lt;/o&gt;&amp;gt;();&lt;br /&gt;
&lt;com&gt;// Création d&#39;un item vide&lt;/com&gt;&lt;br /&gt;
&lt;o&gt;SelectListItem&lt;/o&gt; empty = &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;SelectListItem&lt;/o&gt;&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;Value = &lt;txt&gt;&quot;-1&quot;&lt;/txt&gt;,&lt;br /&gt;
Text = &lt;txt&gt;&quot;None&quot;&lt;/txt&gt;,&lt;br /&gt;
Selected = (id == -1)&lt;/div&gt;};&lt;br /&gt;
&lt;com&gt;//Ajout des objets dans la liste&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;foreach&lt;/sys&gt;(&lt;o&gt;MyObject&lt;/o&gt; obj in &lt;o&gt;MyObjectManager&lt;/o&gt;.GetAllMyObject())&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;res.Add(&lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;SelectListItem&lt;/o&gt;&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;Value = obj.Id.ToString(),&lt;br /&gt;
Text = obj.Description,&lt;br /&gt;
Selected = (id == obj.Id)&lt;/div&gt;});&lt;/div&gt;&lt;/div&gt;}&lt;/div&gt;&lt;sys&gt;return&lt;/sys&gt; res;&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Intégration de la dropdownlist dans la vue liée bien évidemment au modèle précédent:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&amp;lt;%= Html.DropDownList(&quot;selectedMyObjectId&quot;,Model.ListOfMyObject) %&amp;gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;Attention :&lt;/b&gt; le nom de la dropdownlist ne doit pas être le même que le nom d&#39;une propriété du modèle. La plupart de vos problèmes peuvent venir de cet unique point, veillez à ce que l&#39;identifiant de la dropdownlist soit unique.&lt;br /&gt;
&lt;br /&gt;
Et pour finir le contrôleur, par exemple pour une création :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;code&quot;&gt;&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// Appel de la page de création&lt;/com&gt;&lt;br /&gt;
public &lt;o&gt;ActionResult&lt;/o&gt; Create(&lt;sys&gt;int&lt;/sys&gt; scId)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// La construction du MyOtherObjectModel initialise ListOfMyObject&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;return&lt;/sys&gt; View(&lt;txt&gt;&quot;_Create&quot;&lt;/txt&gt;, &lt;sys&gt;new&lt;/sys&gt; &lt;o&gt;MyOtherObjectModel&lt;/o&gt;(entity));&lt;/div&gt;}&lt;/div&gt;&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// Réception du submit&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// selectedMyObjectId correspond à l&#39;identifiant du dropdown&lt;br /&gt;
// du coup la donnée sélectionnée est récupérée automatiquement&lt;/com&gt;&lt;br /&gt;
[&lt;o&gt;AcceptVerbs&lt;/o&gt;(&lt;o&gt;HttpVerbs&lt;/o&gt;.Post)]&lt;br /&gt;
public &lt;o&gt;ActionResult&lt;/o&gt; Create(&lt;sys&gt;int&lt;/sys&gt; selectedMyObjectId, &lt;o&gt;MyOtherObjectModel&lt;/o&gt; model)&lt;br /&gt;
{&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;&lt;com&gt;// à vous de traiter la création ici&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// en cas de problème, redirection sur la page&lt;/com&gt;&lt;br /&gt;
&lt;com&gt;// avec la valeur précédemment sélectionnée&lt;/com&gt;&lt;br /&gt;
&lt;sys&gt;if&lt;/sys&gt; (model.ListOfMyObject == &lt;sys&gt;null&lt;/sys&gt;)&lt;br /&gt;
&lt;div class=&quot;classContent1&quot;&gt;model.ListOfMyObject = model.GetListOfMyObject(selectedMyObjectId);&lt;br /&gt;
&lt;/div&gt;&lt;sys&gt;return&lt;/sys&gt; View(&lt;txt&gt;&quot;_Create&quot;&lt;/txt&gt;, model);&lt;/div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Libre à vous maintenant de compléter, d&#39;adapter, d&#39;éventuellement corriger, d&#39;ajouter des constantes pour les valeurs par défauts et bien entendu de gérer les erreurs.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;br /&gt;
&lt;dl&gt;&lt;dt class=&quot;quote&quot;&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/147.html&quot; title=&quot;Click for further information about this quotation&quot;&gt;Eternity&#39;s a terrible thought. I mean, where&#39;s it all going to end?&lt;/a&gt; &lt;/dt&gt;
&lt;dd class=&quot;author&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://www.quotationspage.com/quotes/Tom_Stoppard/&quot;&gt;Tom Stoppard&lt;/a&gt; (1937 -  )&lt;/b&gt;, &lt;i&gt;Rosencrantz and Guildenstern are Dead (1967)&lt;/i&gt;&lt;/dd&gt;&lt;/dl&gt;&lt;/blockquote&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7987310944469146286'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7987310944469146286'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/05/asp-mvc-htmldropdownlist.html' title='ASP MVC &amp; Html.DropDownList'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-1881426373917595743</id><published>2011-03-22T13:47:00.000-07:00</published><updated>2011-03-22T13:47:45.202-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jujitsu"/><title type='text'>Ca c&#39;est fait</title><content type='html'>Première compétition de fighting system ou jusjitsu combat dans la langue de Molière, effectuée. Et premier gros découpage.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8FyRY9j25UXuLDfotkJW5LydfZe-EEMSFUisA7XaGiRQL8wMrK8dS1U2WnTXNVWiIXURmCJh9NkCYZRlUWFyDHQ76JDH4BYw21ApvavyIFWuujnUqmEFx33oM3vopM7-low5Oj60pxU/s1600/couteau_de_mer.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;133&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8FyRY9j25UXuLDfotkJW5LydfZe-EEMSFUisA7XaGiRQL8wMrK8dS1U2WnTXNVWiIXURmCJh9NkCYZRlUWFyDHQ76JDH4BYw21ApvavyIFWuujnUqmEFx33oM3vopM7-low5Oj60pxU/s200/couteau_de_mer.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Commençons  directement par le résultat, 2 combats 2 défaites. mais j&#39;ai  quand  même gagné des points vu que le premier type qui m&#39;a battu était  bien  balèze, je me suis fait repêcher, d&#39;où l&#39;image. Ben oui, repêchage +   découpage = couteau de mer, pour ceux qui n&#39;auraient pas suivi.&lt;br /&gt;
&lt;br /&gt;
Premier  combat, défaite rapide et sans faute (adverse) par full ippon en  47  secondes, un combat dur 3 minutes sans les interruptions.&lt;br /&gt;
Je  prends l&#39;initiative en pieds poings, mais je me prend un contre  direct à  la poitrine avec un oï-tsuki, sur quoi il pose direct les mains  sur le  kimono, et, oh surprise, m&#39;arrache du sol en attrapant les  jambes,  deuxième ippon, j&#39;ai tenté de bouger au sol mais surpris et bien   stressé, je n&#39;arrive pas à me dégager, troisième ippon.&lt;br /&gt;
Ca c&#39;est fait.&lt;br /&gt;
&lt;br /&gt;
Petite analyse de la défaite, il parait que ça se fait.&lt;br /&gt;
&lt;br /&gt;
Premier combat&lt;br /&gt;
&lt;br /&gt;
Partie pied poing :&lt;br /&gt;
Tout  d&#39;abord le stress m&#39;a un peu bloqué, et m&#39;a fait prendre des  décisions  de cons, plutôt que d&#39;y aller au feeling comme à  l&#39;entrainement ce qui  marche plutôt bien, et je pense que certains sont  tout à fait d&#39;accord  avec ça. J&#39;ai trop réfléchit, je me suis fait des  plans d&#39;attaque  alors que le réflexe et l&#39;instinct prime.&lt;br /&gt;
&lt;br /&gt;
Partie judo :&lt;br /&gt;
ben je me suis fait arracher, du coup quand tu touches plus le sol, ça se complique&lt;br /&gt;
&lt;br /&gt;
Partie sol :&lt;br /&gt;
hum,  alors comme je l&#39;ai dis, j&#39;ai commencé le combat en réfléchissant  sur  ce que j&#39;allais faire, du coup je me suis retrouvé physiquement par   terre alors que j&#39;étais debout mentalement. Donc maintenant que j&#39;y   pense au frais, j&#39;avais gavé d&#39;ouvertures, peut être pas concluantse  mais  il y en avait.&lt;br /&gt;
&lt;br /&gt;
Deuxième combat :&lt;br /&gt;
&lt;br /&gt;
Pour  aller plus vite je citerai juste l&#39;entraineur (à peu de chose près):  &quot;Ben qu&#39;est ce t&#39;as fait? Tu avais plein d&#39;ouvertures et tu y es pas  allé. A l&#39;entrainement, ça te pose pas de problème, et là ..., trop  timide.&quot;&lt;br /&gt;
Ceci s&#39;appliquant autant au pied/poing, où j&#39;étais  essentiellement en défensive, qu&#39;au judo, où j&#39;ai eu au moins trois  occasion de l&#39;arracher, qu&#39;au sol, où j&#39;étais plutôt mou.&lt;br /&gt;
&lt;br /&gt;
Enfin  bon, voilà, je suis content d&#39;y être allé, même si je reviens avec un  moral un peu brisé, dont les effets se sont fait sentir surtout le  lundi.&lt;br /&gt;
&lt;br /&gt;
Cependant, maintenant je sais ce qu&#39;il me reste à  faire : me sortir les doigts du cul pendant les combats et arrêter de  me retenir quand il faut envoyer du bois.&lt;br /&gt;
&lt;br /&gt;
PS: j&#39;ai pas fait aller-retour pour rien, je suis quand même revenu avec un gros cocard.&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;B15 txtC40&quot;&gt;&lt;span class=&quot;B15 txtC50&quot;&gt;L&#39;important est de tirer une leçon de chaque échec.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;B15 txtC40&quot;&gt;&lt;span class=&quot;B15 txtC50&quot;&gt;[John McEnroe] &lt;/span&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1881426373917595743'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1881426373917595743'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/03/ca-cest-fait.html' title='Ca c&#39;est fait'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8FyRY9j25UXuLDfotkJW5LydfZe-EEMSFUisA7XaGiRQL8wMrK8dS1U2WnTXNVWiIXURmCJh9NkCYZRlUWFyDHQ76JDH4BYw21ApvavyIFWuujnUqmEFx33oM3vopM7-low5Oj60pxU/s72-c/couteau_de_mer.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-457306926547657219</id><published>2011-02-08T02:12:00.000-08:00</published><updated>2011-02-08T02:12:49.845-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jujitsu"/><title type='text'>What&#39;s up with jujitsu</title><content type='html'>Après, le message sur l&#39;actualité boulot, maintenant un petit message sur l&#39;actualité sport.&lt;br /&gt;
&lt;br /&gt;
Bien qu&#39;il n&#39;y ai pas eu de message à ce sujet, oui, la saison a repris depuis Septembre..., mais laissez moi tranquille, puisque je vous dis que j&#39;avais d&#39;autres chats à fouetter.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-o-KNVzH8F9L_HEBPn6R0ARh7oiKSnjK-uHw64ePvYWLwfL1TVnXfN75QbTHbVCPRanbuV8_dEDkggNTwXNwerU9sngO993K9YjbcJSpaDNrKg72UrSX0No1b_ShKkstvVz0g5izeN1Q/s1600/jujitsu.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;212&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-o-KNVzH8F9L_HEBPn6R0ARh7oiKSnjK-uHw64ePvYWLwfL1TVnXfN75QbTHbVCPRanbuV8_dEDkggNTwXNwerU9sngO993K9YjbcJSpaDNrKg72UrSX0No1b_ShKkstvVz0g5izeN1Q/s320/jujitsu.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Donc, reprise de la saison et nouveaux objectifs, et oui, parce qu&#39;il est plus évident de progresser si des objectifs sont fixés.&lt;br /&gt;
&lt;br /&gt;
Du coup, voici, une petite liste des objectifs :&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Objectif n°1 : l&#39;objectif principal est un retour à la compétition par le judo et le jujitsu, parce que c&#39;est bien joli de connaitre la nomenclature par coeur, mais prouver que c&#39;est utile c&#39;est autre chose&lt;/li&gt;
&lt;li&gt;Objectif n°2 : passer le deuxième dan ffjda en compétition (youpi, ça croise le premier objectif), du coup les shiaï sont prioritaires dans le calendrier ce qui chahute un peu l&#39;objectif n°3&lt;/li&gt;
&lt;li&gt;Objectif n°3 : se lancer dans le circuit du jujitsu combat ou fighting system, ça fait un an et demi, que je pratique, il est temps de voir ce que ça donne&lt;/li&gt;
&lt;/ul&gt;Etant donné que nous sommes déjà en mis saison, j&#39;en profite pour faire un petit état des lieux des objectifs.&lt;br /&gt;
&lt;br /&gt;
D&#39;abord l&#39;objectif n°3 : ce n&#39;est toujours pas atteint bien que la moitié des opens qualificatifs pour le championnat de France sont déjà passés. Pourquoi?&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Dax : la licence de la saison en cours est obligatoire, et la mienne est arrivé 1 mois trop tard =&amp;gt; FAIL&lt;/li&gt;
&lt;li&gt;Wasquehal : pour ceux qui ne connaissent pas, oui c&#39;est en France, c&#39;est entre Roubaix et Lille... en décembre... et puis à côté de ça un shiaï était prévu le lendemain à Roullet, au sud d&#39;Angoulême, donc priorité Objectif n°2&lt;/li&gt;
&lt;li&gt;Orléans : ah ben enfin un open pas trop loin et avec une météo plus clémente, mais un week-end de shiaï...&lt;/li&gt;
&lt;li&gt;Nantes : il est pas encore passé, il y a pas de shiaï, je peux m&#39;y faire emmener et coaché, il reste plus qu&#39;à pas louper l&#39;inscription, mais celui-là je le sens bien&lt;/li&gt;
&lt;/ul&gt;Objectif n°2 : ça avance doucement, mais sûrement, des points sont ramenés à chaque fois, mais peut mieux faire, j&#39;en suis à 34 / 100 en 2 shiaï, il va falloir accélérer un peu&lt;br /&gt;
&lt;br /&gt;
Objectif n°1 : le retour à la compétition, et ben c&#39;est pas simple, parce qu&#39;après 10 ans sans oppositions sérieuses, il faut retrouver et acquérir certains réflexes que les autres ont. Du coup, il faut y retourner progressivement par étape en se fixant des objectifs pour le shiaï qui va avoir lieu.&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;objectif pour tous les shiaï : ne pas revenir bredouille, toujours mettre des points qu&#39;importe le nombre (pour le moment c&#39;est bon)&lt;/li&gt;
&lt;li&gt;objectif du premier shiaï : respecter le premier objectif, et faire un état des lieux pour définir le boulot à effectuer (objectif atteint)&lt;/li&gt;
&lt;li&gt;objectif du deuxième shiaï : respecter le premier objectif et ne plus commettre les erreurs du premier et dominer au sol (objectif atteint)&lt;/li&gt;
&lt;li&gt;objectif du troisième shiaï :&amp;nbsp; respecter le premier objectif, maintenir le deuxième (en mieux évidemment), ne pas arriver la fleur au bout du fusil, et ne pas y aller pour jouer, être plus offensif&lt;/li&gt;
&lt;/ul&gt;et oui arrêter d&#39;aller au shiaï, avec un esprit &quot;regarde comment je te met en danger&quot;, mais plus &quot;regarde comment je gagne&quot;, avoir à l&#39;esprit que debout la meilleure défense c&#39;est l&#39;attaque, que au sol c&#39;est bien de faire ce qu&#39;on veut du gars, mais finir par que ça paye (ippon) c&#39;est mieux.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXP-zY2O0AkQcTF9s05YiWSit203NAkfFr5VNbPNDRtwT_vASP2Tnz7pr1nmy_Y4pA19bC2kKJGtMIAhtdCkWU_wR3_tkQnPCCQ8-HRDqbY1Y_-3jzNLM6p-myEW7kX7dyFOKdprGNoE0/s1600/judo.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;256&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXP-zY2O0AkQcTF9s05YiWSit203NAkfFr5VNbPNDRtwT_vASP2Tnz7pr1nmy_Y4pA19bC2kKJGtMIAhtdCkWU_wR3_tkQnPCCQ8-HRDqbY1Y_-3jzNLM6p-myEW7kX7dyFOKdprGNoE0/s320/judo.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Donc, voilà pour mes objectifs sportifs et de leur avancement, il reste du boulot, surtout pour le premier...&lt;br /&gt;
&lt;br /&gt;
J&#39;ai aussi des objectifs secondaires, pour l&#39;instant, comme former deux nouvelles personnes pour le 1er dan technique, bleus pour le moment marron l&#39;année prochaine, il va falloir y aller plus sérieusement. Et il y a aussi la diffusion du fighting system dans la région, enfin le département déjà, avec la participation à différentes manifestations.&lt;br /&gt;
&lt;br /&gt;
Voilà, voilà, ça progresse gentiment partout, pourvu que ça dure et sans blessure...&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;br /&gt;
&lt;dl&gt;&lt;dt class=&quot;quote&quot;&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/37163.html&quot; title=&quot;Click for further information about this quotation&quot;&gt;You create your opportunities by asking for them.&lt;/a&gt; &lt;/dt&gt;
&lt;dd class=&quot;author&quot;&gt;&lt;div class=&quot;icons&quot;&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/37163.html&quot; title=&quot;Further information about this quotation&quot;&gt; &lt;/a&gt;&lt;/div&gt;&lt;b&gt;&lt;a href=&quot;http://www.quotationspage.com/quotes/Patty_Hansen/&quot;&gt;Patty Hansen&lt;/a&gt;&lt;/b&gt;, &lt;i&gt;Prevention Magazine, 11-05&lt;/i&gt;&lt;/dd&gt;&lt;/dl&gt;&lt;/blockquote&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/457306926547657219'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/457306926547657219'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/02/whats-up-with-jujitsu.html' title='What&#39;s up with jujitsu'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-o-KNVzH8F9L_HEBPn6R0ARh7oiKSnjK-uHw64ePvYWLwfL1TVnXfN75QbTHbVCPRanbuV8_dEDkggNTwXNwerU9sngO993K9YjbcJSpaDNrKg72UrSX0No1b_ShKkstvVz0g5izeN1Q/s72-c/jujitsu.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-4085355085602356511</id><published>2011-01-31T09:11:00.000-08:00</published><updated>2011-01-31T09:11:17.810-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Divers"/><title type='text'>Bonne moyenne</title><content type='html'>Très franchement, je trouve que c&#39;est une bonne moyenne, un post tous les 6 mois ce blog, moi je trouve ça formidable.&lt;br /&gt;
&lt;br /&gt;
Cependant, j&#39;ai une bonne excuse cette fois, et même un mot de ma mère, enfin presque...&lt;br /&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sp5HM4NkOhxocHD5D3NHEOwTqzZIH_fJ0E6ifG1XjdwNRpqEdzrfOaXuhIf9wyNpMn9GS2ApUE4BIjw2gq4Qvkh2aCXL-uJpTVgiWI-13DzL-nMNR05UQRfXT4acuZWuISVj1yxRpvI/s1600/Dilbert01.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;238&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sp5HM4NkOhxocHD5D3NHEOwTqzZIH_fJ0E6ifG1XjdwNRpqEdzrfOaXuhIf9wyNpMn9GS2ApUE4BIjw2gq4Qvkh2aCXL-uJpTVgiWI-13DzL-nMNR05UQRfXT4acuZWuISVj1yxRpvI/s320/Dilbert01.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;A part le boulot, aucun rapport avec ce qui suit, mais je trouve ça drôle&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
Pour faire court,&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;fin juillet fin de validation et livraison du logiciel &lt;/li&gt;
&lt;li&gt;début août vacances (yeah!!)&lt;/li&gt;
&lt;li&gt;début septembre, développement sur une nouvelle version du logiciel + debuggage de la version précédente qui ma foi, fut bien pourrie&lt;/li&gt;
&lt;li&gt;mi-septembre, même en sortant de vacances quand tu te tapes que des semaines à 45h (situation existante depuis juin), et qu&#39;on te dis qu&#39;il faudrait aller plus vite, ça vire au foutage de gueule. Du coup, j&#39;ai cherché un autre boulot de façon sérieuse&lt;/li&gt;
&lt;li&gt;début octobre, lettre de démission envoyée, ça a pas traîné, mais faut dire que j&#39;ai eu de la moule&lt;/li&gt;
&lt;li&gt;putain trois mois c&#39;est long, surtout que même démissionnaire, on me lâche pas et du coup les semaines sont toujours de 45h&lt;/li&gt;
&lt;li&gt;Mi-janvier, le 12 pour être précis, je quitte enfin Clinsight, pour.... (roulement de tambour)... 2 jours de chômage, dur&lt;/li&gt;
&lt;li&gt;le 17 janvier, je commence mon nouveau taf à Alti Poitiers&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
Cela fait maintenant 2 semaines que j&#39;y suis, et je suis déjà bien intégré dans l&#39;équipe jeune dynamique et un peu cinglée... pour ce qui est du boulot, pour faire simple (toujours), c&#39;est la même chose qu&#39;à Clinsight sauf que je travail sur plusieurs projets Asp.NET/C# qui sont bien structurés (c&#39;est ça le plus gros changement).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;There is a theory which states that if ever anybody discovers exactly  what the Universe is for and why it is here, it will instantly disappear  and be replaced by something even more bizarre and inexplicable. There  is another theory which states that this has already happened.&lt;br /&gt;
&amp;nbsp; - &lt;a href=&quot;http://www.quotationspage.com/quote/8.html&quot;&gt;Douglas Adams&lt;/a&gt;&lt;/blockquote&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4085355085602356511'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4085355085602356511'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2011/01/bonne-moyenne.html' title='Bonne moyenne'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sp5HM4NkOhxocHD5D3NHEOwTqzZIH_fJ0E6ifG1XjdwNRpqEdzrfOaXuhIf9wyNpMn9GS2ApUE4BIjw2gq4Qvkh2aCXL-uJpTVgiWI-13DzL-nMNR05UQRfXT4acuZWuISVj1yxRpvI/s72-c/Dilbert01.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-7678160564360740135</id><published>2010-07-01T05:38:00.000-07:00</published><updated>2012-12-06T02:15:55.827-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>L&#39;état irlandais investie 5M€ dans l&#39;internet</title><content type='html'>Le département irlandais de la communication est devenu un investisseur direct de la recherche, en injectant 5 millions d&#39;euro dans de nouvelles formes de réseaux communication qui pourrait révolutionner le traffic internet.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoug9SSk7JXO3GTxJyy7_lVreVv7WYgZIKnZAnRvmXTprV6W6kn4sG1KfsOXSECyrtWISoWsFZbSPoc6zGMSdvgs5Uv9B5WFQswWYaeClnzAZ36eAzc-Wq8wOV24nSLZkqDndkQOIvtg/s1600/r%C3%A9seau_comm.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoug9SSk7JXO3GTxJyy7_lVreVv7WYgZIKnZAnRvmXTprV6W6kn4sG1KfsOXSECyrtWISoWsFZbSPoc6zGMSdvgs5Uv9B5WFQswWYaeClnzAZ36eAzc-Wq8wOV24nSLZkqDndkQOIvtg/s320/r%C3%A9seau_comm.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Le ministre de la communication Eamon Ryan décrit l&#39;investissement comme &quot;unique&quot; alors qu&#39;il annonçait à Dublin que ce serait la ville test de Exemplar.&lt;br /&gt;
&lt;br /&gt;
L&#39;investissement sera utilisé afin d&#39;aider la recherche d&#39;un nouveau moyen de transmission des données à travers internet qui sera plus rapide et qui utilisera moins d&#39;électricité que les réseaux existants.&lt;br /&gt;
&lt;br /&gt;
L&#39;entreprise Intune Networks a développé Exemplar. Le projet devrait initialement créer 80 emplois avec le réseau qui devrait entrer en service ce Juillet.&lt;br /&gt;
&lt;br /&gt;
La technologie Exemplar sera aussi introduite à travers toute l&#39;Irlande, d&#39;abord à Dublin puis dans le reste du pays.&lt;br /&gt;
&lt;br /&gt;
Le principe pour simplifier et augmenter la vitesse de&amp;nbsp;la transmission de données est de diviser les signaux lumineux qui traversent la fibre optique en 84 parties.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Everyone rises to their level of incompetence.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;nbsp; -&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/278.html&quot; style=&quot;color: #555555;&quot;&gt;Laurence J. Peter&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7678160564360740135'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7678160564360740135'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/07/letat-irlandais-investie-5m-dans.html' title='L&#39;état irlandais investie 5M€ dans l&#39;internet'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsoug9SSk7JXO3GTxJyy7_lVreVv7WYgZIKnZAnRvmXTprV6W6kn4sG1KfsOXSECyrtWISoWsFZbSPoc6zGMSdvgs5Uv9B5WFQswWYaeClnzAZ36eAzc-Wq8wOV24nSLZkqDndkQOIvtg/s72-c/r%C3%A9seau_comm.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-7652663973645179668</id><published>2010-06-08T09:11:00.000-07:00</published><updated>2010-06-08T09:12:14.165-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>Les compagnies irlandaises se pressent sur les ventes en ligne</title><content type='html'>Il reste encore beaucoup à faire pour les petites entreprises irlandaises dans le domaine de l&#39;internet, d&#39;après David Curtin, le chef exécutif de IE Domain Registry (IEDR), lequel gère les espaces internet en .ie .&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRlgGoTWZ0jg3rhLKPRWwuLFH5yBV4w8E7QKkdFB76-U3KBxsx8BxB2nEAsAab3d2wHcLOgPia8x9FblFPnNDWUFgrW1mvvA1_2bq3lx0zDQNUW4nyCrmHUbS7QPKhTy6ooOfBclMPWw/s1600/e-commerce.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRlgGoTWZ0jg3rhLKPRWwuLFH5yBV4w8E7QKkdFB76-U3KBxsx8BxB2nEAsAab3d2wHcLOgPia8x9FblFPnNDWUFgrW1mvvA1_2bq3lx0zDQNUW4nyCrmHUbS7QPKhTy6ooOfBclMPWw/s320/e-commerce.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Pour lui la plupart des entreprises ont encore des sites &quot;cartes postales&quot; contenant juste un peu plus que les détails de contact et seulement très peu qui utilisent leur site pour du commerce en ligne ou de la promotion pour leurs produits.&lt;br /&gt;
&lt;br /&gt;
D&#39;après M. Curtin:&lt;br /&gt;
&lt;blockquote&gt;Ces jours sont finis, il y a un énorme potentiel en ligne actuellement. Les entreprises devraient utiliser leur site web comme moyen de vente qui serait disponible pour les acheteurs 24/7, pas comme leur site actuel qui ne sont disponible que de 9h à 17h.&lt;/blockquote&gt;&lt;br /&gt;
M. Curtin suggère aussi que les maigres performances de l&#39;Irlande dans le Haut débit sont une des raison pour lesquelles les entreprises n&#39;ont que peu investi dans l&#39;internet.&lt;br /&gt;
&lt;br /&gt;
Cependant, M. Curtin reconnait que l&#39;infrastructure et le service du haut débit se sont considérablement amélioré depuis quelques années et que ce sont les petites entreprises qui n&#39;ont pas réussi à s&#39;adapter.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;There are worse things in life than death. Have you ever spent an evening with an insurance salesman?&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;nbsp; -&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/489.html&quot; style=&quot;color: #555555;&quot;&gt;Woody Allen&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7652663973645179668'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7652663973645179668'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/06/les-compagnies-irlandaises-se-pressent.html' title='Les compagnies irlandaises se pressent sur les ventes en ligne'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRlgGoTWZ0jg3rhLKPRWwuLFH5yBV4w8E7QKkdFB76-U3KBxsx8BxB2nEAsAab3d2wHcLOgPia8x9FblFPnNDWUFgrW1mvvA1_2bq3lx0zDQNUW4nyCrmHUbS7QPKhTy6ooOfBclMPWw/s72-c/e-commerce.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-1297931630752960213</id><published>2010-06-01T02:16:00.000-07:00</published><updated>2010-06-08T09:12:31.662-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><category scheme="http://www.blogger.com/atom/ns#" term="Microsoft"/><title type='text'>Microsoft Dublin et Office 2010</title><content type='html'>Microsoft a lancé la version 2010 de sa suite bureautique qui intègre de nouvelles possibilités dans le travail collaboratif et du multimédia documents afin de rendre ses tâches plus faciles.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-f3JNCIfgh0TPOPv-HxJT3UACPRQnXzJ38_F9btv8ILl1ktCBuyvGBOR5eRqgwZwzDyJX35Z611OLDlH0ZvokbM-XMb5aHNxotnRKEhMQKTw8EKS4L1ZLRwU2Ommv_kDJ6q7xelN-dqg/s1600/microsoft_dublin.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-f3JNCIfgh0TPOPv-HxJT3UACPRQnXzJ38_F9btv8ILl1ktCBuyvGBOR5eRqgwZwzDyJX35Z611OLDlH0ZvokbM-XMb5aHNxotnRKEhMQKTw8EKS4L1ZLRwU2Ommv_kDJ6q7xelN-dqg/s320/microsoft_dublin.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Selon la compagnie, les bureaux de Dublin ont joué un rôle important dans le développement du produit, partageant la responsabilité, avec Seattle, de la résolution de bugs avant le lancement.&lt;br /&gt;
&lt;br /&gt;
A Dublin, 230 personnes ont travaillé sur la dernière release dans différents langages et sur diverses fonctionnalités, comme le setup qui permet de guider l&#39;utilisateur dans l&#39;installation du logiciel.&lt;br /&gt;
&lt;br /&gt;
D&#39;après Derek McCann du centre européen de développement de Microsoft :&lt;br /&gt;
&lt;blockquote style=&quot;background-color: gainsboro; font-family: Calibri;&quot;&gt;Nous avons ici une équipe de développement qui a travaillé sur ce qui est appelé les fonctionnalités core. Lesquelles apparaîtront dans la version US du logiciel. Pour être honnête, c&#39;est assez excitant, et c&#39;est génial qu&#39;une partie ai été réalisée ici en Ireland&lt;/blockquote&gt;Microsoft Office sort 3 ans après la dernière version et sera en vente à partir du 15 juin. La version inclus dans les configuration machine, et déjà disponible depuis le 12 mai (les versions bulk).&lt;br /&gt;
&lt;br /&gt;
Bien qu&#39;il soit très similaire visuellement à son prédécesseur, de nombreuses fonctionnalités les plus utilisées ont été améliorées, comme par exemple le couper-coller.&lt;br /&gt;
&lt;br /&gt;
Il est aussi possible d&#39;éditer des vidéos et des images avec Word et PowerPoint sans passer par des logiciels tiers.&lt;br /&gt;
&lt;br /&gt;
Office Web Apps, une version en ligne de Office, est l&#39;un des développements les plus notables. Ces applications gratuites sont attendus en même temps que la version classique, et permettra aux utilisateurs de stocker et partager leurs documents pour du travail collaboratif.&lt;br /&gt;
&lt;br /&gt;
D&#39;après Richard Moore, directeur de l&#39;information&lt;br /&gt;
&lt;blockquote style=&quot;background-color: gainsboro; font-family: Calibri;&quot;&gt;Ce qu&#39;il y a de bien avec Office Web Apps, c&#39;est que le formatage est maintenu quelque soit la plateforme, ainsi un document aura le même aspect en ligne que sur votre machine.&lt;/blockquote&gt;Office Web Apps est une réaction claire, la suite gratuite basée web qui fait maintenant concurrence à Office. Aussi, Moore déclare que la suite en ligne n&#39;a pas toutes les fonctionnalités de la version bureau,et est plutôt faites pour apporter les dernières modifications à un document que pour en créer un de puis de le début.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1297931630752960213'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1297931630752960213'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/06/microsoft-dublin-et-office-2010.html' title='Microsoft Dublin et Office 2010'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-f3JNCIfgh0TPOPv-HxJT3UACPRQnXzJ38_F9btv8ILl1ktCBuyvGBOR5eRqgwZwzDyJX35Z611OLDlH0ZvokbM-XMb5aHNxotnRKEhMQKTw8EKS4L1ZLRwU2Ommv_kDJ6q7xelN-dqg/s72-c/microsoft_dublin.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-5563382553620239327</id><published>2010-05-21T07:09:00.000-07:00</published><updated>2010-05-21T07:10:12.810-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Mettre un élément au milieu du navigateur</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Comment faire pour placer une div ou un tableau au milieu de la page? Verticalement et horizontalement...&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Une chose que beaucoup de développeur &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;web&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; se demande, moi le premier, parce que bon mettre toute une tripoté de div ou &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;tr&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; en espérant caler tout ça comme il faut, c&#39;est quand même vachement galère et pas franchement facile à maintenir pour le blaireau qui va passer derrière vous, enfin si je peux m&#39;exprimer ainsi.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Les exemples montrés ici fonctionnent avec des éléments à taille fixe, pour les tailles qui varient en fonction de l&#39;écran je montrerai ça dans un autre message, et oui il faut bien meubler.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Donc au lieu de tourner au tour du pot, voici comment faire attention c&#39;est super intense:&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;d&#39;abord le &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;css&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; (&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;adolf&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; c&#39;est pour toi...) :&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;style &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;media&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;screen&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;html, &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;body&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// pas d&#39;espacement intérieur&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;padding&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// ni intérieur parce qu&#39;il y a pas de raison&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;100%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// histoire de bien exploiter toute la hauteur de l&#39;écran&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;#&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;centeredDiv&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;position&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;absolute&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;left&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;top&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Le contenu de #global va permettre de placer le coin supérieur gauche de l&#39;élément HTML au centre de la page.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Pour mettre le centre de l&#39;élément html au centre de la page, enfin du navigateur plutôt, il faut spécifier la largeur et la longueur de l&#39;élément affiché et feinter dans les &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Pour ça deux solutions (au moins) :&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;on connaît exactement les dimensions de l&#39;élément dans ce cas tout se règle dans le &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;CSS&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;on ne connaît pas les dimensions tout de suite et donc faut feinter et oui encore une fois&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;1-&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;#&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;centeredDiv&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;position&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;absolute&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;left&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;top&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;700px&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;400px&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-top&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-200px&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;left&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-350px&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;et dans le HTML :&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;body&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;lt;div id=&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;centeredDiv&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; ...&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;body&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;2-&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;pour la solution 2, c&#39;est plutôt une étude de cas. Le cas où je dois positionner plusieurs éléments au dessus d&#39;une image le tout au milieu de l&#39;écran.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;le &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;CSS&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;style &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;media&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;screen&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;html, &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;body&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// pas d&#39;espacement intérieur&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;padding&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// ni intérieur parce qu&#39;il y a pas de raison&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;100%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;// histoire de bien exploiter toute la hauteur de l&#39;écran&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;#&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;centeredDiv&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;position&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;absolute&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;left&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;top&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;:&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e06666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;50%&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Le html : la structure du tableau est quelconque ne vous y attardez pas&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;table id=&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;centeredDiv&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;runat&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;server&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;tr&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;img&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;alt&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Warning&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;src&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&quot;Images/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;warning&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;png&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p&amp;gt; ...&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;tr&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;tr&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;colspan&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&quot;2&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;href&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; ...&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;td&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;tr&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Nota :Alors oui, je sais c&#39;est un table, il y en a qui vont râler et me dire qu&#39;il faut utiliser des div, mais ceux là je les emmerde, parce qu&#39;un table c&#39;est quand même plus pratique pour bien tout ranger.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Et là vous remarquez qu&#39;il y a pas d&#39;image en &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;background&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;, ni les dimensions spécifiées. Pas de panique ça vient, change pas de main.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;C#:&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;private&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;const&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; string &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;MARGIN&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_TOP = &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-top&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;private&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;const&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; string &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;MARGIN&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;LEFT&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;left&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;private&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;const&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; string&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;BACKGROUND&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_IMAGE = &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;background&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;-image&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;private&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;void&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;setBackGrd&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;()&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;{&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;string &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;image_fond &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;getUrlIMG&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;global&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.Style.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Add&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;BACKGROUND&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_IMAGE, &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;url&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;(&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; +&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;image_fond&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;+ &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;)&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;System&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Drawing&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Image &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;mon_image &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;=&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;System&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Drawing&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Image&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;FromFile&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Server&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;MapPath&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;image_fond&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;));&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;global&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; =&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;mon_image&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;ToString&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;global&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; =&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;mon_image&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;ToString&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;();&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;global&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.Style[&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;MARGIN&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_TOP] =&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&quot;-&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; + (&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;mon_image&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; / 2).&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;ToString&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;() + &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;px&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;global&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.Style[&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;MARGIN&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;_&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;LEFT&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;] =&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&quot;-&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; + (&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;mon_image&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; / 2).&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;ToString&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;() + &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&quot;px&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Et voilà, avec un image dont les dimensions peuvent changer, les dimensions d&#39;un tableau en fonction de son image de fond et garder le tout centré.&lt;/span&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Évidemment il est plus propre de mettre le &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Css&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; dans un fichier à part afin de pouvoir réutiliser.&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Nothing&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;is&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;so&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; admirable in &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;politics&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; as a short &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;memory&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&amp;nbsp;&amp;nbsp;-&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.quotationspage.com/quote/26201.html&quot; style=&quot;color: #555555;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;John &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Kenneth&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;goog-spellcheck-word&quot; style=&quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;Galbraith&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5563382553620239327'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5563382553620239327'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/05/mettre-un-element-au-milieu-du.html' title='Mettre un élément au milieu du navigateur'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-2211392949872265363</id><published>2010-04-29T02:41:00.000-07:00</published><updated>2012-12-06T02:16:08.754-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>Les Irlandais boivent plus que les autres européens</title><content type='html'>Ce n&#39;est peut être pas une nouvelle pour certains, mais l&#39;irlande a le plus haut taux de personnes buvant trop que le reste de l&#39;europe avec près d&#39;une personne sur cinq rapportant qu&#39;elle boit cinq boissons alcoolisées&amp;nbsp;ou plus au même endroit.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKjUU_XxF3pNgHKG70ZA8yWs56AIW9YCcwLfVLvMPVkoAz43VKcZTdkudB6VwJxoPos9nhYYgJC74BKfC29X8tCJNrzrnLfXzc4WCf-1NKdvkTUmBrkOjN2PN1PV9duLm_p6Q8rvtOdHg/s1600/guinness.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKjUU_XxF3pNgHKG70ZA8yWs56AIW9YCcwLfVLvMPVkoAz43VKcZTdkudB6VwJxoPos9nhYYgJC74BKfC29X8tCJNrzrnLfXzc4WCf-1NKdvkTUmBrkOjN2PN1PV9duLm_p6Q8rvtOdHg/s320/guinness.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Ce pourcentage de 19% a été obtenu d&#39;après un sondage européen publié par la commission européenné.&lt;br /&gt;
&lt;br /&gt;
Ce chiffre est trois fois supérieur à la moyenne européenne de 6%, et tranche avec les 1% de la Bulgarie, 2% de la Grèce, et les 3% du Portugal.&lt;br /&gt;
&lt;br /&gt;
Les abus de boissons définis par le sondage consistent en la consommation de cinq verres ou plus par jour.&lt;br /&gt;
&lt;br /&gt;
Le responsable de la commission en Irlande, Martin Territt, a reconnue que la culture de la &amp;nbsp;boisson était acceptée en Irlande, il a aussi ajouté que le plus inquiétant d&#39;après le sondage était que les irlandais continuent à boire beaucoup sans réagir au fait que l&#39;alcool est la troisième plus grosse raison de décès prématuré en Europe.&lt;br /&gt;
&lt;br /&gt;
27% des personnes interrogées ont reconnues qu&#39;elles buvaient 3 à 4 fois par semaine et 7% plus de 4 fois par semaine.&lt;br /&gt;
&lt;br /&gt;
Cependant 24% des irlandais interrogés ont répondus ne pas avoir bu d&#39;alcool pendant les 12 derniers mois.&lt;br /&gt;
Ce taux d&#39;abstention est devant celui de pays comme l&#39;angleterre (19%), la République Tchèque (18%) et le Danemark (7%).&lt;br /&gt;
&lt;br /&gt;
D&#39;après le sondage, 25% des personnes interrogées de 55 ans et plus rapportent boire quotidiennement contre 3% des 15-24. Cependant un quart des 15-24 reconnaissent boire plus de 5 doses une fois par semaine contre presque 10% des 55 ans et plus.&lt;br /&gt;
&lt;br /&gt;
Plus de la moitié des irlandais agés de 25ans et plus ne pensent pas qu&#39;ils boiraient moins si le prix de l&#39;alcool augmentait de 25%.&lt;br /&gt;
&lt;br /&gt;
Parmi les interrogés, les problèmes de santé liés à l&#39;alcoolisme est nettement connu : 91% reconnaissent un lien avec les dépressions et 88% savent que l&#39;alcool entraine des problèmes cardiaques. Cependant, un peu plus d&#39;un car des personnes connaissent la limite d&#39;alcool dans le sang autorisé dans leur pays pour conduire.&lt;br /&gt;
&lt;br /&gt;
Le sondage a été conduis en Irlande sur 1 008 personnes par TNS/MRBI en Octobre 2009.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;The stupid neither forgive nor forget; the naive forgive and forget; the wise forgive but do not forget.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/30198.html&quot; style=&quot;color: #555555;&quot;&gt;Thomas Szasz&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/2211392949872265363'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/2211392949872265363'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/les-irlandais-boivent-plus-que-les.html' title='Les Irlandais boivent plus que les autres européens'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKjUU_XxF3pNgHKG70ZA8yWs56AIW9YCcwLfVLvMPVkoAz43VKcZTdkudB6VwJxoPos9nhYYgJC74BKfC29X8tCJNrzrnLfXzc4WCf-1NKdvkTUmBrkOjN2PN1PV9duLm_p6Q8rvtOdHg/s72-c/guinness.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-9168319047850698904</id><published>2010-04-21T07:49:00.000-07:00</published><updated>2010-04-21T07:49:45.324-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>Arthur Guinness Awards</title><content type='html'>Hier, a été rendu les premières récompenses Arthur Guinness, ces primes soutiennent les entreprises à but social en Irlande. 10 entreprises ont été primées.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDXC7bTU1Zu8ws78mmZoi1uVzgPKlkujbx-2sDC9jBF1ZlqAOYF9MLV2VbLn-eEjvDFvUVSSbiArZODpnjStiGTne3xfa2mkPDh3o4qpj3zB6WTnRRHXDfdcIFNnYhLPoPRDryv5h74E/s1600/arthur-guinness.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDXC7bTU1Zu8ws78mmZoi1uVzgPKlkujbx-2sDC9jBF1ZlqAOYF9MLV2VbLn-eEjvDFvUVSSbiArZODpnjStiGTne3xfa2mkPDh3o4qpj3zB6WTnRRHXDfdcIFNnYhLPoPRDryv5h74E/s200/arthur-guinness.jpg&quot; width=&quot;149&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Une des entreprises les plus remarquées, est ReDiscover Fashion, qui récupère les vêtements devenus obsolètes pour en faire des tenues à nouveau tendance.&lt;br /&gt;
&lt;br /&gt;
Une des dirigeantes, Sarah Miller, a reconnu qu&#39;une telle aide est la bienvenue pour une entreprise débutante.&lt;br /&gt;
&lt;br /&gt;
Au total 2,5 million d&#39;euros de fond ont été levé par Diageo et Social Entrepreneurs Ireland en conjonction avec les 250ème célébrations d&#39;Arthur Guinness.&lt;br /&gt;
&lt;br /&gt;
Parmis les autres projets récompensés, on peut signaler :&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;-&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;Fáilte Isteach, qui aide les personnes agées qui aident les immigrants à s&#39;intégrer&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;- Kanchi, dont le projet est d&#39;adapter aux personnes handicapé leur lieu de travail&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;- Un projet ayant pour but d&#39;apprendre aux personnes ayant de faibles revenus à cultiver leurs légumes.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #333333; line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black; font-family: arial, sans-serif; font-size: 13px; line-height: normal;&quot;&gt;If man does find the solution for world peace it will be the most revolutionary reversal of his record we have ever known.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/26273.html&quot; style=&quot;color: #555555;&quot;&gt;George C. Marshall&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/9168319047850698904'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/9168319047850698904'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/arthur-guinness-awards.html' title='Arthur Guinness Awards'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglDXC7bTU1Zu8ws78mmZoi1uVzgPKlkujbx-2sDC9jBF1ZlqAOYF9MLV2VbLn-eEjvDFvUVSSbiArZODpnjStiGTne3xfa2mkPDh3o4qpj3zB6WTnRRHXDfdcIFNnYhLPoPRDryv5h74E/s72-c/arthur-guinness.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-4788555621102906924</id><published>2010-04-20T08:59:00.000-07:00</published><updated>2010-04-20T08:59:34.328-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><title type='text'>Affichage d&#39;un menu contextuel au dessus d&#39;un objet Html</title><content type='html'>Pour faire suite au post,&amp;nbsp;&lt;a href=&quot;http://archelfinirland.blogspot.com/2010/04/determiner-le-clique-dans-une-zone.html&quot;&gt;pour déterminer le click droit dans une zone&lt;/a&gt;, maintenant la fonction javascript qui permet d&#39;afficher une div à la place du menu contextuel classique de IE ou Firefox.&lt;br /&gt;
&lt;br /&gt;
Les paramètres :&lt;br /&gt;
e : correspond à event, pour Firefox (sous IE 8 et &amp;lt;, ce n&#39;est toujours pas implémenté, enfin si mais c&#39;est window.event et c&#39;est pas formidable)&lt;br /&gt;
objID : correspond à l&#39;id de la div à afficher à la place du menu contextuel&lt;br /&gt;
target : correspond à l&#39;id de l&#39;objet au-dessus duquel afficher le menu contextuel perso&lt;br /&gt;
i : permet de gérer le click droit avec IE&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;function &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;showMenu&lt;/span&gt;(e,objID,target,i) &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;var &lt;/span&gt;rightclick;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if &lt;/span&gt;(!e)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;var &lt;/span&gt;e = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;window&lt;/span&gt;.event;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(e)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &amp;nbsp; &amp;nbsp;if&lt;/span&gt; (e.which)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;rightclick = (e.which == 3);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;else if &lt;/span&gt;(e.button)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;rightclick = (e.button == 2);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;var &lt;/span&gt;obj = document.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getElementById&lt;/span&gt;(objID);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;var &lt;/span&gt;objTarget =document.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getElementById&lt;/span&gt;(target);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt; (rightclick || i==1)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{ &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;if&lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;isInDiv&lt;/span&gt;(e,objTarget))&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.style.left = e.clientX + &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;px&#39;&lt;/span&gt;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.style.top = e.clientY + &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;px&#39;&lt;/span&gt;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.style.display = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;block&quot;&lt;/span&gt;; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;else&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;hide&lt;/span&gt;(obj); &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// on fait juste un obj.style.display = &quot;none&quot;;&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;return &lt;/span&gt;false;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
Maintenant, comment appeler la fonction et ce qui ne marche pas avec IE, enfin si j&#39;y pense.&lt;br /&gt;
&lt;br /&gt;
Entre les balises , c&#39;est nécessaire pour le bon fonctionnement sous IE &amp;nbsp;:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt; &amp;nbsp;script type=&quot;text/javascript&quot; &amp;nbsp;&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;document.oncontextmenu =&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;new &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;Function &lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;showMenu(null,&#39;contextMenu&#39;,&#39;idObjZone&#39;,1);&quot;&lt;/span&gt;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;document.onclick =&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;new &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;Function&lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;showMenu(null,&#39;contextMenu&#39;,&#39;idObjZone&#39;,2);&quot;&lt;/span&gt;);&lt;br /&gt;
&amp;lt; &amp;nbsp;/script &amp;nbsp;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
On retrouve ici 1 et 2 qui correspondent au valeur que peut prendre le paramètre i, et qui permet de différencier le click droit du click gauche, puisque le click gauche va permettre de cacher le menu contextuel perso.&lt;br /&gt;
&lt;br /&gt;
Ensuite, il suffit d&#39;ajouter les mêmes appels dans les attributs de la balise body.&lt;br /&gt;
&lt;br /&gt;
J&#39;admet, c&#39;est assez rapide comme fin, et je parle pas du développement du composant .Net, mais j&#39;ai une excuse, j&#39;ai fait une version nettement mieux alors pour ce bout là j&#39;abrège.&lt;br /&gt;
De toute façon, si vous intégrez en réfléchissant un peu, ça devrait marcher.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Everything you can imagine is real.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/1366.html&quot; style=&quot;color: #555555;&quot;&gt;Pablo Picasso&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4788555621102906924'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/4788555621102906924'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/affichage-dun-menu-contextuel-au-dessus.html' title='Affichage d&#39;un menu contextuel au dessus d&#39;un objet Html'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-1575925208043831780</id><published>2010-04-14T02:37:00.000-07:00</published><updated>2010-04-14T02:37:14.070-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>Entreprise Irlandaise contre le prix du pétrole</title><content type='html'>J&#39;ai hésité entre deux articles, celui sur une réforme concernant le personnel hospitalié et un autre qui concerne l&#39;économie d&#39;énergie fossile.&lt;br /&gt;
&lt;br /&gt;
Le premier pouvant se résumer rapidement par : &quot;non, on en veut pas de votre réforme, qui vise à couper dans le financement des salaires et des équipements&quot;, j&#39;ai préféré choisir le deuxième, mais il est à noter que la situation du service de soin en Irlande n&#39;est pas si différente que celle en France, si j&#39;ai tout bien suivi.&lt;br /&gt;
&lt;br /&gt;
Une manufacture de fenêtre située dans le conté de Cork vient d&#39;acheter des éoliennes qui produisent 2MW, soit 30% de ses besoins en énergie.&lt;br /&gt;
&lt;br /&gt;
L&#39;achat de ses éoliennes, fournies par Wind Energy Direct, permet à l&#39;entreprise d&#39;être moins exposée à l&#39;envolée des prix des énergies fossiles, et ainsi lui permettra d&#39;économiser jusqu&#39;à 1 million d&#39;euros sur 5 ans.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Lf6GZJjFTsY7yJQqnzUNDNkRwG1DUuSqVAcChrNPNg6Zr40SL8yTDJektVnTVeFg-1g9pxMiFPEEQgLsWXBG-70XOYEVRaOTDvn4MDPvM2YiQdjrQ698JDsyhNj2uNN5rWCEE5s5qU/s1600/%C3%A9olienne.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Lf6GZJjFTsY7yJQqnzUNDNkRwG1DUuSqVAcChrNPNg6Zr40SL8yTDJektVnTVeFg-1g9pxMiFPEEQgLsWXBG-70XOYEVRaOTDvn4MDPvM2YiQdjrQ698JDsyhNj2uNN5rWCEE5s5qU/s320/%C3%A9olienne.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;Ce type d&#39;installation visant à économiser l&#39;énergie fossile est promu par le géant de l&#39;électricité Siemens et le département de l&#39;énergie Irlandais, ainsi que durant le Energy Show qui s&#39;ouvre aujourd&#39;hui à Dublin.&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;En parallèle, le Ministre de l&#39;Energie Eamon Ryan propose d&#39;obliger les groupes énergétiques ESB, Airtricity &lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 18px;&quot;&gt;et&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;Bord Gáis d&#39;installer et de trouver des mesures pour économiser l&#39;énergie.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 18px;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: inherit;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px; line-height: normal;&quot;&gt;Education is a progressive discovery of our own ignorance.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/1370.html&quot; style=&quot;color: #555555;&quot;&gt;Will Durant&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1575925208043831780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1575925208043831780'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/entreprise-irlandaise-contre-le-prix-du.html' title='Entreprise Irlandaise contre le prix du pétrole'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Lf6GZJjFTsY7yJQqnzUNDNkRwG1DUuSqVAcChrNPNg6Zr40SL8yTDJektVnTVeFg-1g9pxMiFPEEQgLsWXBG-70XOYEVRaOTDvn4MDPvM2YiQdjrQ698JDsyhNj2uNN5rWCEE5s5qU/s72-c/%C3%A9olienne.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-1287501720354464317</id><published>2010-04-12T08:25:00.000-07:00</published><updated>2010-04-12T08:25:01.304-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Irlande"/><title type='text'>Irlande un pays en avance sur son temps ?</title><content type='html'>Le gouvernement Irlandais, dans l&#39;optique de favoriser les personnes choisissant de rouler vert, va ajouter à l&#39;abstention de payer la taxe d&#39;immatriculation, une compensation monétaire non négligeable de 2500€ pour un véhicule hybride, et pouvant aller jusqu&#39;à 5000€ pour l&#39;achat d&#39;un véhicule électrique.&lt;br /&gt;
&lt;br /&gt;
Ces primes pourraient aider ceux qui voudraient changer de véhicule, pour un véhicule plus propre, mais que les prix freinent. L&#39;objectif du gouvernement Irlandais est d&#39;atteindre 2000 véhicules en circulation à la fin de 2011 et 10% fin 2020.&lt;br /&gt;
&lt;br /&gt;
La création de point de recharge a déjà commencé à Dublin et dans les principales villes comme Cork, Galway, Waterford et Limmerick. La société électrique ESB est chargée de construire 3000 points de recharge classique et 30 points de recharge rapide pour les autoroutes.&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2OYqlLox9GarysBUjQsZcp6lLktuiS7OszIIbd7_6Ix3pJtPE6lsRHdKKQGqRAJEVNkhdDjAh6V2pFiq9dfOhgtwiAX6dMbH4fSKqRM6uhcO0i4J8UREGWqfejuQTqiikdFFBRsKG_Q/s1600/renault-nissan.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;133&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2OYqlLox9GarysBUjQsZcp6lLktuiS7OszIIbd7_6Ix3pJtPE6lsRHdKKQGqRAJEVNkhdDjAh6V2pFiq9dfOhgtwiAX6dMbH4fSKqRM6uhcO0i4J8UREGWqfejuQTqiikdFFBRsKG_Q/s200/renault-nissan.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLejQNcEFEmg0S0huQNs-87cZxoJm_IoX6B-RVc4DpbqM2fO-7PDu8cg7tq3pVxCJhyphenhyphenPfZ_QW4sie5qleK0fiEsSSUfGc_uppLy1rT-J9wmubscv9eJjO5R-Ns4Cpx7QNkS3heMA4XRC4/s1600/nissan-leaf.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;140&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLejQNcEFEmg0S0huQNs-87cZxoJm_IoX6B-RVc4DpbqM2fO-7PDu8cg7tq3pVxCJhyphenhyphenPfZ_QW4sie5qleK0fiEsSSUfGc_uppLy1rT-J9wmubscv9eJjO5R-Ns4Cpx7QNkS3heMA4XRC4/s200/nissan-leaf.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
L&#39;alliance des constructeur Renault et Nissan participe à cette promotion et propose des véhicules comme le Nissan Leaf, qui est le premier véhicule au monde à zéro émission de CO2 à un prix abordable, atteignant les 140km/h pour une distance d&#39;environ 160 km. Renault propose le Kangoo ZE ayant une vitesse de pointe vers les 130km/h pour une distance d&#39;environ 100km.&lt;br /&gt;
&lt;br /&gt;
Il ne reste plus qu&#39;à voir si le coût du rechargement sera intéressant pour le faible nombre de kilomètres parcourus.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;A conference is a gathering of important people who singly can do nothing, but together can decide that nothing can be done.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/1217.html&quot; style=&quot;color: #555555;&quot;&gt;Fred Allen&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1287501720354464317'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/1287501720354464317'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/irlande-un-pays-en-avance-sur-son-temps.html' title='Irlande un pays en avance sur son temps ?'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu2OYqlLox9GarysBUjQsZcp6lLktuiS7OszIIbd7_6Ix3pJtPE6lsRHdKKQGqRAJEVNkhdDjAh6V2pFiq9dfOhgtwiAX6dMbH4fSKqRM6uhcO0i4J8UREGWqfejuQTqiikdFFBRsKG_Q/s72-c/renault-nissan.jpg" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-9047763265054048969</id><published>2010-04-09T02:49:00.000-07:00</published><updated>2010-04-09T02:49:53.260-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jujitsu"/><title type='text'>Jujitsu en France</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;Un post qui sort un peu du thème abordé précédemment (le javascript), pour vous faire part et vous faire connaître, une activité, qui, il faut le dire, prend pas mal de place et surtout de temps, quand on arrive à un certain niveau.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;L&#39;activité dont je parle est bien entendu le jujitsu dont je suis 1er dan depuis fin Janvier 2010.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_V4JClMJNBWo0zL0eVJX6spNyodTfoDJ8ZH2DYY6ufZTvVBxbdglczBg-rAcQuCzhMrUx3rawVO7jdkqMRjMIybdNk_oXkDyJSis2oiQinroTl6z9wEOxha0W9FUJWMY5KwPlaVP6cE/s1600/eajj.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_V4JClMJNBWo0zL0eVJX6spNyodTfoDJ8ZH2DYY6ufZTvVBxbdglczBg-rAcQuCzhMrUx3rawVO7jdkqMRjMIybdNk_oXkDyJSis2oiQinroTl6z9wEOxha0W9FUJWMY5KwPlaVP6cE/s320/eajj.gif&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffzQeLSgKhdyzHxW46L7X2Z46YoQhq6M9qQku2HZa75RwBbF67WL9Fz4BmpPajbPyxkgdVKo2O2Lla44GiCQu45U5gdZVrUfZ-Pd2RfQLuVo2Sl4xm7HIV0HMF75ZbIRXOEL_ZOhe8js/s1600/ffjudo.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffzQeLSgKhdyzHxW46L7X2Z46YoQhq6M9qQku2HZa75RwBbF67WL9Fz4BmpPajbPyxkgdVKo2O2Lla44GiCQu45U5gdZVrUfZ-Pd2RfQLuVo2Sl4xm7HIV0HMF75ZbIRXOEL_ZOhe8js/s320/ffjudo.gif&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Il existe deux grandes écoles en France, la FFJDA ( Fédération Française de Judo et Disciplines Associées ) et la EAJJ (Ecole Atemi Jujitsu).&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;D&#39;autres écoles plus petites existent bien évidemment et proposent des styles différents de Jujitsu, avec des influences plus marquées de Aïkido ou de travail du sabre. Parmis ces écoles on peut noter la mushin ryu jujitsu, qui m&#39;a bien tapé dans l&#39;oeil par son côté traditionnel et plutôt complet.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-cQYyc7HNE1A_CZjwHx2C6aN5heQ-kfOz2FPivb68C6VGBpJtdeptwIcEejsf-vBvNwaFJxjQ4U3qNDAW_82Qi7mwQhbW7hMg1Hshhac6NiERXV-oo4jR6CI51IapAReDuTmPtdLBn5c/s1600/br%C3%A9sil.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-cQYyc7HNE1A_CZjwHx2C6aN5heQ-kfOz2FPivb68C6VGBpJtdeptwIcEejsf-vBvNwaFJxjQ4U3qNDAW_82Qi7mwQhbW7hMg1Hshhac6NiERXV-oo4jR6CI51IapAReDuTmPtdLBn5c/s320/br%C3%A9sil.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Le jujitsu brésilien (JJB) est une école en fort développement, et qui, comme son nom l&#39;indique, vient du brésil. Ce style propose un jujitsu principalement ne-waza, et pour ceux qui entravent pas un mot de japonais, c&#39;est un jujitsu constitué principalement de techniques au sol (ne-waza).&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;L&#39;expansion de ce style s&#39;explique en majeur partie par le fait qu&#39;il est une des composantes les plus pratiquées&amp;nbsp;par les combattants de MMA (non pas l&#39;assurance) .&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Le succès de ce style est tellement important que la FFJDA est entrain de s&#39;en rapprocher pour les compétitions de ne-waza, des bruits de couloirs auraient même fait mention de l&#39;intégration du JJB dans les disciplines associés de la FFJDA.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Etant fort d&#39;une capacité de transition phénomènale, j&#39;enchaine maintenant sur les displines associées de la FFJDA. Celles ci sont plutôt nombreuses et variées, je ne les énumérerais pas ici, mais si vous voulez quand même savoir, je vous invite à consulter le site de la fédé (google est aussi votre ami).&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Pour en revenir au sujet principal, le jujitsu fait parti des disciplines associées, bien que le judo soit tiré du jujitsu, ce que certains pratiquants du judo oublient et par conséquent dénigrent les jujitsukas, c&#39;est du vécu.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Cependant, sur les stages judo-jujitsu, quand les judokas commencent à rigoler et qu&#39;ils se rendent compte qu&#39;ils connaissent pas la moitié des techniques montrées (même en judo), ça leur fait tout bizarre, surtout quand ils doivent apprendre une nomemclature qu&#39;ils sont censés connaître.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Voilà, pour le coup de gueule, maintenant il faut le reconnaitre, ce sont globalement tous des compétiteurs très spécialisés dans le combat très rapproché mais qui sont un peu inutiles dans les autres distances, donc pour tout ceux qui veulent se fritter avec un joduka éviter qu&#39;il vous mette les mains dessus.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1aNLEaJCsfWJthpCxiqarJnhzYzxWrmkhk6Z3Qmv2WNs5dDRHCsDTetioD-gdH9aCjcNf9rEwgmQP13cMy6VDwzk6vDpcjAG_h7l-UCOzTrMZ06om9Fi41f5BLH_FIQwN0uQR1AnGcss/s1600/judo.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1aNLEaJCsfWJthpCxiqarJnhzYzxWrmkhk6Z3Qmv2WNs5dDRHCsDTetioD-gdH9aCjcNf9rEwgmQP13cMy6VDwzk6vDpcjAG_h7l-UCOzTrMZ06om9Fi41f5BLH_FIQwN0uQR1AnGcss/s320/judo.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Le judo est donc issu du jujitsu (le jujitsu ayant lui même des racines plus anciennes). Pour faire très simple, prenez le Jujitsu traditionnel, et enlevez toutes les techniques à risque de blessure.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Alors pourquoi le judo prévaut en France?&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Petit cours d&#39;histoire rapide (sans les dates, en s&#39;en fout) :&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Au début, il n&#39;y avait rien, enfin si, la boxe française et la lutte, deux sports extrêmement complets que je conseille si on n&#39;a pas peur de mettre des tenues un peu moulantes, mais bon c&#39;est un peu hors sujet.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgixcDEj7K2hQmN3AJn3VSUU1hqenC2vVXZWZWP0WYkgFQawK06_0HgOiMPRYx1afh1piEvyGz4BI_7WRPn8PpLfdPQisIw6w6-xBhN6FGBitCF7VRHqZfBdmZrP-ayjUNhaErkS1inBU/s1600/kano.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgixcDEj7K2hQmN3AJn3VSUU1hqenC2vVXZWZWP0WYkgFQawK06_0HgOiMPRYx1afh1piEvyGz4BI_7WRPn8PpLfdPQisIw6w6-xBhN6FGBitCF7VRHqZfBdmZrP-ayjUNhaErkS1inBU/s320/kano.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Donc, au début, il n&#39;y avait rien, puis des maitres japonais dont Jigoro Kano, sont venus en France et des écoles de Jujitsu ont commencé à émerger. Dans ces écoles étaient enseignés principalement le Jujitsu, évidement, et le judo pour les enfants et ceux que les atemis (les frappes) faisaient peur. Puis le judo est devenu une discipline olympique, et tous les clubs ont voulus leur champion et donc voilà où on en est.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Pour en finir avec ce post, le jujitsu en france recommence à revenir un peu sur le devant avec le retour d&#39;un judo plus traditionnel, mais aussi avec des compétitions d&#39;expressions techniques et de combats. Peut être que le jujitsu sera aussi une discipline olympique sait-on jamais.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;Enfin, pour tous ceux que le jujitsu FFJDA pourrait intéresser, qu&#39;ils aillent s&#39;y essayer sans attendre dans le club de leur choix. Vous pourrez ainsi découvrir le travail de pieds poings, de projection, de sousmission, et y rencontrer des gens qui connaissent d&#39;autres disciplines et ainsi faire évoluer son panel technique, sans compter évidemment la bonne ambiance qui règne dans les clubs en général.&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Never eat more than you can lift.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/415.html&quot; style=&quot;color: #555555;&quot;&gt;Miss Piggy&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/9047763265054048969'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/9047763265054048969'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/jujitsu-en-france.html' title='Jujitsu en France'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_V4JClMJNBWo0zL0eVJX6spNyodTfoDJ8ZH2DYY6ufZTvVBxbdglczBg-rAcQuCzhMrUx3rawVO7jdkqMRjMIybdNk_oXkDyJSis2oiQinroTl6z9wEOxha0W9FUJWMY5KwPlaVP6cE/s72-c/eajj.gif" height="72" width="72"/></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-6705976891541835420</id><published>2010-04-06T08:38:00.000-07:00</published><updated>2010-04-07T00:16:56.894-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><title type='text'>Déterminer position click droit dans une zone</title><content type='html'>Et oui, encore du javascript. Je pensais mettre un message sur un autre sujet, mais bon, vu que je viens de terminer ça et que j&#39;en suis bien content étant donné que j&#39;ai vérifié et testé sur différents navigateurs et que ça fonctionne pour tous.&lt;br /&gt;
&lt;br /&gt;
Comme pour le code précédent, les petites fonctions si dessous sont une partie d&#39;une application spécifique du javascript et du .Net.&lt;br /&gt;
&lt;br /&gt;
Pour faire court, l&#39;objectif final est de créer un composant permettant d&#39;afficher un menu contextuel personnalisé lors d&#39;un clique droit dans un DIV.&lt;br /&gt;
&lt;br /&gt;
Avant de passer à la partie, .Net et intégration, commençons par le commencement, c&#39;est à dire détecter si on clique (droit ou gauche) dans un objet html quelconque.&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//détermine si on clique dans l&#39;objet&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;function &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;isInDiv&lt;/span&gt;(event,obj)&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;var &lt;/span&gt;coords = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getCoords&lt;/span&gt;(obj);&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;return &lt;/span&gt;((event.clientX &amp;gt;= coords.left) &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; (event.clientX &amp;lt;= coords.right)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; (event.clientY &amp;gt;= coords.top) &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; (event.clientY &amp;lt;= coords.bottom) );&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getCoords&lt;/span&gt;(elt) {&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;var&lt;/span&gt; coords = {left: 0, top: 0, right :0 , bottom :0 };&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(elt.offsetLeft!=null)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;coords.left = elt.offsetLeft;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;coords.top = elt.offsetTop;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;coords.right = coords.left + elt.offsetWidth;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;coords.bottom = coords.top + elt.offsetHeight;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;return &lt;/span&gt;coords;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #3d85c6;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;Attention &lt;/span&gt;: sous IE, la zone de détection obtenue est légèrement différente, cependant, mon objectif final étant d&#39;afficher un menu contextuel personnalisé dans d&#39;une zone assez conséquente, je n&#39;ai pas été chercher plus loin, mais si ça vous chante...&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Liste des navigateurs testés (avec la version complète du code) :&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;IE 6.0.3790.1830 &amp;nbsp; Windows Server 2003 SP1&lt;/li&gt;
&lt;li&gt;IE 7.0.5730.13 &amp;nbsp; &amp;nbsp; &amp;nbsp; Windows XP Pro SP2&lt;/li&gt;
&lt;li&gt;IE 8.0.6001.18702 Windows XP Pro SP3&lt;/li&gt;
&lt;li&gt;FF 3.5.9 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;idem&lt;/li&gt;
&lt;li&gt;Chrome 4.1.249.1042 &amp;nbsp; &amp;nbsp; &amp;nbsp; idem&lt;/li&gt;
&lt;li&gt;Maxthon 2.5.11 &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; idem&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;NOTE &lt;/span&gt;: autant, on peut faire le porc avec javascript, autant on peut faire le malin avec. Dans les deux fonctions ci-dessus on peut remarquer, l&#39;utilisation d&#39;une structure créée &quot;en cours de route&quot; (coords), c&#39;est un peu sale, parce qu&#39;il vaudrait mieux créer un type à part entière à l&#39;extérieur de la fonction, mais c&#39;est bien malin parce que Javascript arrive à retrouver la structure dans une fonction supérieure.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Language is the source of misunderstandings.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/37833.html&quot; style=&quot;color: #555555;&quot;&gt;Antoine de Saint-Exupery&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;PS: je dois quand même admettre que je n&#39;ai pas commencé par cette partie là, mais par tester si je pouvais capturer le clique gauche sous IE et Firefox&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/6705976891541835420'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/6705976891541835420'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/determiner-le-clique-dans-une-zone.html' title='Déterminer position click droit dans une zone'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-5097097744219781521</id><published>2010-04-02T08:00:00.000-07:00</published><updated>2010-04-02T08:00:29.951-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><title type='text'>Autocomplétion d&#39;une date (entre autre)</title><content type='html'>C&#39;est bien joli de créer des bouts de codes, mais un peu de mise en application c&#39;est pas mal non plus.&lt;br /&gt;
&lt;br /&gt;
Pour reprendre les fonctions précédentes, je vous propose une fonction qui va faire de l&#39;autocomplétion selon un format établi.&lt;br /&gt;
&lt;br /&gt;
Le code suivant se base sur deux séparateurs &quot;/&quot; et &quot;:&quot; et ne prend en compte qu&#39;un séparateur à la fois, cependant je ne pense pas qu&#39;une adaptation vous fasse peur.&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;function &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;completionDate&lt;/span&gt;(champ, masque, evenement)&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;{&lt;/span&gt; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;document.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getElementById&lt;/span&gt;(champ).readOnly = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;true&lt;/span&gt;; &amp;nbsp; &amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var &lt;/span&gt;obj = document.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getElementById&lt;/span&gt;(champ); &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt;&amp;nbsp;separateur;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt;&amp;nbsp;valeur = obj.value;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt;&amp;nbsp;longueur_valeur = valeur.length;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt;&amp;nbsp;longueur_masque = masque.length; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//Fonction d&#39;écrite dans le blog&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt;&amp;nbsp;posCursor = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: orange;&quot;&gt;getSelectionStart&lt;/span&gt;(obj); &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(longueur_valeur &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;gt;&lt;/span&gt; longueur_masque)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;valeur = valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;substring&lt;/span&gt;(0,longueur_masque); &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;(evenement.keyCode &amp;lt; 48 &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;||&lt;/span&gt; evenement.keyCode &amp;gt; 90)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//on ne laisse passer que les chiffres et les lettres&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; (evenement.keyCode &amp;lt; 96 &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;||&lt;/span&gt; evenement.keyCode &amp;gt; 105)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//cas du numPad&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; evenement.keyCode != 111 &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; evenement.keyCode != 13&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;amp;&amp;amp;&lt;/span&gt; evenement.keyCode != 191&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// 111 = / (numpad) , 13 = Entrée , 191 = / et :&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp;)&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.readOnly = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;false&lt;/span&gt;;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;return &lt;/span&gt;&lt;/span&gt;1; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &amp;nbsp; &amp;nbsp;else&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt; &lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if &lt;/span&gt;(masque.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;indexOf&lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;/&#39;&lt;/span&gt;, 0)&amp;gt;0)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;separateur = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;/&#39;&lt;/span&gt;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;else&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;separateur = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;:&#39;&lt;/span&gt;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var &lt;/span&gt;i = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;new &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;Number&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt;&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//on parcours toute la chaine pour savoir si tout est à sa place&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;for&lt;/span&gt;(i = 0 ; i &amp;lt; longueur_valeur ; i++)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//si à la position i, je dois avoir un séparateur&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; //et que ce n&#39;est pas le cas&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt; (masque.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;charAt&lt;/span&gt;(i) == separateur&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;amp;&amp;amp;&lt;/span&gt; valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;charAt&lt;/span&gt;(i) != separateur)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;   &lt;/span&gt; &amp;nbsp;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//ajout du séparateur à la bonne place&lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;valeur = &amp;nbsp;valeur.substring(0,i) + separateur&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;+ valeur.substring(i);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//si à la position i, je ne dois pas avoir de séparateur&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; //et que c&#39;est le cas&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;background-color: white;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;else if&lt;/span&gt;&lt;/span&gt; (masque.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;charAt&lt;/span&gt;(i) != separateur&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;amp;&amp;amp;&lt;/span&gt; valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;charAt&lt;/span&gt;(i) == separateur)&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;   &lt;/span&gt; &amp;nbsp;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var&lt;/span&gt; valTmp = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;&quot;&lt;/span&gt;;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;try&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; {&lt;/span&gt; &amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//on tente de récupérer la fin de la chaine&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; valTmp = valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;substring&lt;/span&gt;(i+1,valeur.length);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;catch&lt;/span&gt; (E)&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// erreur silencieuse pour index trop grand&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;   &lt;/span&gt;&amp;nbsp;&amp;nbsp;valeur = valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;substring&lt;/span&gt;(0, i); &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// on enlève le séparateur&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;valeur = valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;substring&lt;/span&gt;(0,&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; valeur.lastIndexOf(separateur)+1)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; + &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;0&quot;&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; + valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;substring&lt;/span&gt;(&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;lastIndexOf&lt;/span&gt;(separateur)+1)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; + separateur + valTmp;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//on remet le curseur à la fin&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: black;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(evenement.keyCode != 13)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;if&lt;/span&gt;(posCursor == longueur_valeur)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;Cursor_SetPos&lt;/span&gt;(champ, valeur.length);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;else&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;Cursor_SetPos&lt;/span&gt;(champ, posCursor+1);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;else&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;goNextField&lt;/span&gt;(champ);&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;//sinon on change de champ&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;} &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;} &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//on débloque la zone de saisie et on passe en upperCase&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.readOnly = &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;false&lt;/span&gt;;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.value = valeur.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;toUpperCase&lt;/span&gt;(); &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt; &amp;nbsp; &lt;br /&gt;
&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
Dans le fichier aspx ou php, dans les attributs de l&#39;input type text :&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&lt;/span&gt;onkeyup=&quot;completionDate(&#39;testCompletion&#39;,&#39;DD/MM/YYYY&#39;,event);&quot;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Save a little money each month and at the end of the year you&#39;ll be surprised at how little you have.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/1010.html&quot; style=&quot;color: #555555;&quot;&gt;Ernest Haskins&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5097097744219781521'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/5097097744219781521'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/autocompletion-dune-date-entre-autre.html' title='Autocomplétion d&#39;une date (entre autre)'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-405331324795833951</id><published>2010-04-01T04:20:00.000-07:00</published><updated>2010-04-01T04:20:39.154-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><title type='text'>Focus sur élément suivant</title><content type='html'>La meilleure solution pour définir l&#39;élément qui va prendre la succession du focus en sortie d&#39;un autre élément, est de définir la tabulation dans les attributs de ces éléments.&lt;br /&gt;
&lt;br /&gt;
Quand je dis &quot;élément&quot;, je parle bien sûr de Textbox ou autre élément de saisie.&lt;br /&gt;
&lt;br /&gt;
Cependant, il peut être parfois nécessaire de forcer le passage à l&#39;élément suivant dont on ignore l&#39;identifiant.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;&amp;nbsp;function &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;goNextField&lt;/span&gt;(champ)&lt;br /&gt;
&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var &lt;/span&gt;i = 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;for&lt;/span&gt;(i = 0 ; i &amp;lt; document.forms[0].elements.length ; i++)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;if&lt;/span&gt;(document.forms[0].elements[i].id == champ)&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;try&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;document.forms[0].elements[i+1].focus();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;catch&lt;/span&gt;(E)&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{}&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// i+1 = null&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;return &lt;/span&gt;1;&lt;br /&gt;
&amp;nbsp;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: red;&quot;&gt;Attention :&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;cela récupère les éléments généré par Asp.Net comme &quot;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: monospace; white-space: pre;&quot;&gt;__VIEWSTATE&quot;, ce qui est normal quelque part&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: monospace;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;white-space: pre;&quot;&gt;cela récupère aussi les éléments de type hidden et mettre un focus dessus c&#39;est très &quot;moyen&quot;, il faut penser à les filtrer.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: monospace;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px; white-space: normal;&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: monospace;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;white-space: pre;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px; white-space: normal;&quot;&gt;I&#39;m an idealist. I don&#39;t know where I&#39;m going, but I&#39;m on my way.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/387.html&quot; style=&quot;color: #555555;&quot;&gt;Carl Sandburg&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/405331324795833951'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/405331324795833951'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/04/focus-sur-element-suivant.html' title='Focus sur élément suivant'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-1558487867105825342.post-7542663834760127832</id><published>2010-03-29T03:15:00.000-07:00</published><updated>2010-03-31T03:29:41.444-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><title type='text'>Définir la position du curseur</title><content type='html'>Pour continuer dans le Javascript et afin d&#39;avoir une suite logique dans les idées, il peut être intéressant aussi de pouvoir placer le curseur à un certain endroit après une modification.&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;function &lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;setCursorPos&lt;/span&gt;(objId, pos)&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//-- Recup l&#39;Objet&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var &lt;/span&gt;obj = document.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;getElementById&lt;/span&gt;(objId);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;(obj)&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;obj.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;focus&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;if&lt;/span&gt;( &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;typeof &lt;/span&gt;obj.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;selectionStart &lt;/span&gt;!= &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&quot;undefined&quot;&lt;/span&gt;)&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;{&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;obj.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;setSelectionRange&lt;/span&gt;(pos,&amp;nbsp;pos);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;else{&lt;/span&gt; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;// IE and consort&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;var &lt;/span&gt;strTmp =&amp;nbsp;obj.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;createTextRange&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;strTmp.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;moveStart&lt;/span&gt;(&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #cc0000;&quot;&gt;&#39;character&#39;&lt;/span&gt;,&amp;nbsp;pos);&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//-- Deplace le curseur&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;strTmp.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;collapse&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;strTmp.&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #e69138;&quot;&gt;select&lt;/span&gt;();&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6aa84f;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #274e13;&quot;&gt;//-- Retour valeur Reelle placee&lt;/span&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #6fa8dc;&quot;&gt;return &lt;/span&gt;1;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #93c47d;&quot;&gt;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: #93c47d;&quot;&gt;&amp;nbsp;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Cette fonction peut être pratique dans le cas d&#39;une auto-complétion d&#39;une date en fonction d&#39;un format, ou bien d&#39;un remplacement de masque (&#39;###-##&#39;), et que IE s&#39;obstine à placer le curseur en fin de chaine au lieu de le laisser gentiment à sa place d&#39;origine.&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: arial, sans-serif; font-size: 13px;&quot;&gt;Before God we are all equally wise - and equally foolish.&lt;br /&gt;
&amp;nbsp; -&amp;nbsp;&lt;a href=&quot;http://www.quotationspage.com/quote/248.html&quot; style=&quot;color: #555555;&quot;&gt;Albert Einstein&lt;/a&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7542663834760127832'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1558487867105825342/posts/default/7542663834760127832'/><link rel='alternate' type='text/html' href='http://archelfinirland.blogspot.com/2010/03/pour-continuer-dans-le-javascript-et.html' title='Définir la position du curseur'/><author><name>Sébastien Maire</name><uri>http://www.blogger.com/profile/06171565763231006905</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author></entry></feed>