Untitled...
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 01:56 - <a href="http://ridafathi.canalblog.com/archives/2007/04/23/4712844.html#ob-comments"><span>Commentaires [<span id="comment-count-6795120">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795120"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795120",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/04/23/4712844.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/04/23/4712844.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/04/23/4712844.html"
data-text="Le guide"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Le%20guide&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F04%2F23%2F4712844.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795120">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795120")
printElement.addEventListener("click", function() {
ob.printPost("Le guide", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><br \/><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><br \/><head><br \/><meta http-equiv="Content-Type" content="text\/html; charset=iso-8859-1" \/><br \/><title>Untitled Document<\/title><br \/><style type="text\/css"><br \/><!--<br \/>.style1 {<br \/> color: #FF0000;<br \/> font-weight: bold;<br \/>}<br \/>--><br \/><\/style><br \/><\/head><\/p>\r\n\r\n<p><body><br \/><p align="center" class="style1">Guide des concours<\/p><br \/><p align="center"><strong> <\/strong><\/p><br \/><p>C’est l’une des nouveautés des versions R\/S\/E, il y a 5 types de concours, celui de la beauté, Sang-froid, Grâce, Robustesse et L’Intelligence, dans chaque concours il y a 4 participant dont vous, au début ce sont les spectateurs qui vous jugent selon les stats de concours ensuite vous commencerez la 2ème étape du concours celle d’utiliser les techniques de vos pokémon qui seront juger par des juges, on vous classe après chaque tour. A la fin on déclare le vainqueur selon les 2 jugements à savoir celui des Pokéblocs et celui des techniques.<br \/><br \/> Il y a 4 classes dans chaque concours, ils sont classés ci-dessous du plus facile au plus difficile :<br \/><br \/> Rang normal<br \/><br \/> Rang super<br \/><br \/> Rang Hyper<br \/><br \/> Rang Master<br \/><br \/> Pour participer au super il faut absolument avoir remporter le normal, et c’est pareil pour les autres, après chaque concours remporté on remettra au pokémon que vous avez utiliser un rubans voici les images des rubans :<br \/><br \/> <u>Rubans du rang normal <\/u>: <img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image001_0000.gif" alt="1" width="16" height="22" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image002_0000.gif" alt="1" width="16" height="22" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image003_0001.gif" alt="1" width="16" height="22" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image004_0002.gif" alt="1" width="16" height="22" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image005_0004.gif" alt="1" width="16" height="22" \/><br \/><br \/> <u>Rubans du rang super <\/u>: <img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image006_0000.gif" alt="1" width="18" height="26" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image007_0000.gif" alt="1" width="18" height="26" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image008_0003.gif" alt="1" width="18" height="26" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image009_0002.gif" alt="1" width="18" height="26" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image010_0000.gif" alt="1" width="18" height="26" \/><br \/><br \/> <u>Rubans du rang Hyper <\/u>: <img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image011_0004.gif" alt="1" width="28" height="25" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image012_0002.gif" alt="1" width="28" height="25" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image013_0001.gif" alt="1" width="28" height="25" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image014_0000.gif" alt="1" width="28" height="25" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image015_0000.gif" alt="1" width="28" height="25" \/><u><\/u><br \/><br \/> <u>Rubans du rang Master <\/u>: <img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image016_0000.gif" alt="1" width="28" height="29" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image017_0000.gif" alt="1" width="28" height="29" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image018.gif" alt="1" width="28" height="29" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image019.gif" alt="1" width="28" height="29" \/><img src="file:\/\/\/C|\/Documents and Settings\/XP\/Pokénet\/clip_image020.gif" alt="1" width="28" height="29" \/><br \/><br \/> Après avoir acquéri tous ces rubans vous aurez une étoile supplémentaire dans sur votre carte dresseur, d’autre part, si vous gagner le concours Master avec la barre au max un artiste va dessiner votre pokémon, vous trouverez son portrait dans le Musée qui est devant le centre commercial.<\/p><br \/><p>Les caractères de vos pokémon jouent un rôle très important pendant la première étape du concours, puisque ce sont eux qui désignent les goûts de votre pokémon et c’est selon le goûts que vous devez lui attribué les Pokéblocs car s’ils sont similaires au goûts alors lors du vote des spectateurs vous aurez plus de votes, pour connaître le goût de votre pokémon, rendez vous à la maison qui se trouve à gauche du GYM D’Algatia, dedans vous allez trouver un homme, on parlant à ce dernier il va vous donner des informations concernant le goût de votre pokémon.<br \/><br \/> Vous pouvez d’ailleurs connaître le goût de votre pokémon à partir du tableau suivant :<\/p><br \/><div align="center"><br \/> <table border="1" cellspacing="0" cellpadding="0"><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Nature<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">Rouge<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">Jaune<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">Bleu<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">Vert<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">Rose<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Hardi<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Solo<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Rigide<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Mauvais<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Brave<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Assuré<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Docile<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Malin<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Lâche<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Relax<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Modest<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Doux<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Pudique<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Foufou<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">- <\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Discret<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Calme<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Gentil<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Prudent<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Bizarre<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Malpoli<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Timide<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Pressé<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">- <\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Jovial<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Naïf<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">+<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">*<\/p><\/td><br \/> <\/tr><br \/> <tr><br \/> <td width="102" valign="top"><p align="center">Sérieux<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <td width="102" valign="top"><p align="center">-<\/p><\/td><br \/> <\/tr><br \/> <\/table><br \/><\/div><br \/><p>= Facile à augmenter, - = Neutre, + = difficile à augmenter.<br \/><br \/> Les Pokéblocs augmente les stats de concours, d’ailleurs c’est le seul moyen de le faire, chaque pokémon peut en manger 15.<br \/><br \/> Le Rouge augmente le « Sang-froid ».<br \/><br \/> Le Bleu augmente la « Beauté ».<br \/><br \/> Le Rose augmente la « Grâce ».<br \/><br \/> Le Vert augmente l’ « Intelligence ».<br \/><br \/> Le Jaune augmente la « Robustesse».<br \/><br \/> Le Blanc augmente 4 stats.<br \/><br \/> Le Violet augmente le sang-froid et une autre stat.<br \/><br \/> L’Olive augmente la robustesse et une autre stat.<\/p><br \/>L’Or est d’un niveau 50 ou plus, il augmente une ou deux<br \/><\/body><br \/><\/html><\/p><br \/><br \/><br \/><br \/><br \/><br \/><br \/><br \/><p><a href=\"https:\/\/storage.canalblog.com\/91\/07\/115817\/12485246.html\">Guide_des_concours<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795120" >
<label class="stars-view stars-view-5-6795120 " for="rating-5-6795120" onclick="handleRate(6795120, 5, 0, 'stars-view-5-6795120', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795120" >
<label class="stars-view stars-view-4-6795120 " for="rating-4-6795120" onclick="handleRate(6795120, 4, 0, 'stars-view-4-6795120', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795120" >
<label class="stars-view stars-view-3-6795120 " for="rating-3-6795120" onclick="handleRate(6795120, 3, 0, 'stars-view-3-6795120', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795120" >
<label class="stars-view stars-view-2-6795120 " for="rating-2-6795120" onclick="handleRate(6795120, 2, 0, 'stars-view-2-6795120', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795120" >
<label class="stars-view stars-view-1-6795120 " for="rating-1-6795120" onclick="handleRate(6795120, 1, 0, 'stars-view-1-6795120', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795120">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794827">
<div class="date-header">8 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html">
<h2 class="article_title title">MOi </h2>
<div class="article_content">
<div class="article_cover-wrapper">
<img class="article_cover" src="https://image.canalblog.com/v07e5VVBgyjye60K5DftiV__gxU=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fridafathi.canalblog.com%2Fimages%2Ft-Image3.png" alt="MOi "/>
</div>
<div class="article_snippet">
c moi kon jété pti voilà mon sky
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 13:41 - <a href="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html#ob-comments"><span>Commentaires [<span id="comment-count-6794827">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794827"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794827",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html"
data-text="MOi "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="MOi "
data-pin-media="http://ridafathi.canalblog.com/images/t-Image3.png"
data-pin-url="http://ridafathi.canalblog.com/archives/2006/03/08/1486844.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=MOi%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F08%2F1486844.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794827">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794827")
printElement.addEventListener("click", function() {
ob.printPost("MOi ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><a target=\"_blank\" href=\"http:\/\/ridafathi.canalblog.com\/images\/Image3.png\"><img width=\"108\" height=\"150\" border=\"0\" src=\"http:\/\/ridafathi.canalblog.com\/images\/t-Image3.png\" alt=\"image3\" \/><em> <font color=\"#99ff33\"><br \/><\/font><\/em><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a target=\"_blank\" href=\"http:\/\/ridafathi.canalblog.com\/images\/Image3.png\"><em><font color=\"#99ff33\">c moi kon j\u00e9t\u00e9 pti<\/font><\/em><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/rida-fathi.skyblog.com\"><em>voil\u00e0 mon sky<br \/><\/em><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794827" >
<label class="stars-view stars-view-5-6794827 " for="rating-5-6794827" onclick="handleRate(6794827, 5, 0, 'stars-view-5-6794827', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794827" >
<label class="stars-view stars-view-4-6794827 " for="rating-4-6794827" onclick="handleRate(6794827, 4, 0, 'stars-view-4-6794827', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794827" >
<label class="stars-view stars-view-3-6794827 " for="rating-3-6794827" onclick="handleRate(6794827, 3, 0, 'stars-view-3-6794827', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794827" >
<label class="stars-view stars-view-2-6794827 " for="rating-2-6794827" onclick="handleRate(6794827, 2, 0, 'stars-view-2-6794827', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794827" >
<label class="stars-view stars-view-1-6794827 " for="rating-1-6794827" onclick="handleRate(6794827, 1, 0, 'stars-view-1-6794827', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794827">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794941">
<div class="date-header">29 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html">
<h2 class="article_title title">Là voilà l'image</h2>
<div class="article_content">
<div class="article_cover-wrapper">
<img class="article_cover" src="https://image.canalblog.com/ysvfMFxek4XPVRTT7x8KbdRPiJM=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fridafathi.canalblog.com%2Fimages%2Ft-manoir3.png" alt="Là voilà l'image"/>
</div>
<div class="article_snippet">
Voilà l'image black et j'espére k ça va vous aidez
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 14:09 - <a href="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html#ob-comments"><span>Commentaires [<span id="comment-count-6794941">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794941"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794941",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html"
data-text="Là voilà l'image"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Là voilà l'image"
data-pin-media="http://ridafathi.canalblog.com/images/t-manoir3.png"
data-pin-url="http://ridafathi.canalblog.com/archives/2006/04/29/1785978.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=L%C3%A0%20voil%C3%A0%20l%27image&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F29%2F1785978.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794941">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794941")
printElement.addEventListener("click", function() {
ob.printPost("L\u00e0 voil\u00e0 l'image", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/images\/manoir3.png\" target=\"_blank\"><img height=\"102\" alt=\"manoir3\" src=\"http:\/\/ridafathi.canalblog.com\/images\/t-manoir3.png\" width=\"150\" border=\"0\" \/><\/a>Voil\u00e0 l'image black et j'esp\u00e9re k \u00e7a va vous aidez<\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794941" >
<label class="stars-view stars-view-5-6794941 " for="rating-5-6794941" onclick="handleRate(6794941, 5, 0, 'stars-view-5-6794941', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794941" >
<label class="stars-view stars-view-4-6794941 " for="rating-4-6794941" onclick="handleRate(6794941, 4, 0, 'stars-view-4-6794941', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794941" >
<label class="stars-view stars-view-3-6794941 " for="rating-3-6794941" onclick="handleRate(6794941, 3, 0, 'stars-view-3-6794941', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794941" >
<label class="stars-view stars-view-2-6794941 " for="rating-2-6794941" onclick="handleRate(6794941, 2, 0, 'stars-view-2-6794941', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794941" >
<label class="stars-view stars-view-1-6794941 " for="rating-1-6794941" onclick="handleRate(6794941, 1, 0, 'stars-view-1-6794941', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794941">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_6da9652"></div>
</div>
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_e2c6017"></div>
</div>
</div>
<div class="article article_6794896">
<div class="date-header">26 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html">
<h2 class="article_title title">iiuuuu</h2>
<div class="article_content">
<div class="article_cover-wrapper">
<img class="article_cover" src="https://image.canalblog.com/AtuxgnJN5obsf-UjT9yT_blAKvE=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fridafathi.canalblog.com%2Fimages%2Ft-Image1.png" alt="iiuuuu"/>
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 22:54 - <a href="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html#ob-comments"><span>Commentaires [<span id="comment-count-6794896">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794896"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794896",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html"
data-text="iiuuuu"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="iiuuuu"
data-pin-media="http://ridafathi.canalblog.com/images/t-Image1.png"
data-pin-url="http://ridafathi.canalblog.com/archives/2006/04/26/1772023.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=iiuuuu&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F26%2F1772023.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794896">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794896")
printElement.addEventListener("click", function() {
ob.printPost("iiuuuu", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a target=\"_blank\" href=\"http:\/\/ridafathi.canalblog.com\/images\/Image1.png\"><img width=\"91\" height=\"150\" border=\"0\" src=\"http:\/\/ridafathi.canalblog.com\/images\/t-Image1.png\" alt=\"image1\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794896" >
<label class="stars-view stars-view-5-6794896 " for="rating-5-6794896" onclick="handleRate(6794896, 5, 0, 'stars-view-5-6794896', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794896" >
<label class="stars-view stars-view-4-6794896 " for="rating-4-6794896" onclick="handleRate(6794896, 4, 0, 'stars-view-4-6794896', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794896" >
<label class="stars-view stars-view-3-6794896 " for="rating-3-6794896" onclick="handleRate(6794896, 3, 0, 'stars-view-3-6794896', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794896" >
<label class="stars-view stars-view-2-6794896 " for="rating-2-6794896" onclick="handleRate(6794896, 2, 0, 'stars-view-2-6794896', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794896" >
<label class="stars-view stars-view-1-6794896 " for="rating-1-6794896" onclick="handleRate(6794896, 1, 0, 'stars-view-1-6794896', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794896">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795065">
<div class="date-header">6 mars 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html">
<h2 class="article_title title">Tawfik</h2>
<div class="article_content">
<div class="article_cover-wrapper">
<img class="article_cover" src="https://image.canalblog.com/GIV2tV2FWnpJV4JslcDdM5PqY2Y=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F03%2F52%2F115817%2F11078484_o.png" alt="Tawfik"/>
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 20:57 - <a href="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html#ob-comments"><span>Commentaires [<span id="comment-count-6795065">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795065"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795065",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html"
data-text="Tawfik"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Tawfik"
data-pin-media="https://storage.canalblog.com/03/52/115817/11078484_o.png"
data-pin-url="http://ridafathi.canalblog.com/archives/2007/03/06/4228383.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Tawfik&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F03%2F06%2F4228383.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795065">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795065")
printElement.addEventListener("click", function() {
ob.printPost("Tawfik", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a target=\"_blank\" href=\"https:\/\/storage.canalblog.com\/03\/52\/115817\/11078484.png\"><img width=\"150\" height=\"86\" border=\"0\" src=\"https:\/\/storage.canalblog.com\/03\/52\/115817\/11078484_p.png\" alt=\"Familie\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795065" >
<label class="stars-view stars-view-5-6795065 " for="rating-5-6795065" onclick="handleRate(6795065, 5, 0, 'stars-view-5-6795065', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795065" >
<label class="stars-view stars-view-4-6795065 " for="rating-4-6795065" onclick="handleRate(6795065, 4, 0, 'stars-view-4-6795065', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795065" >
<label class="stars-view stars-view-3-6795065 " for="rating-3-6795065" onclick="handleRate(6795065, 3, 0, 'stars-view-3-6795065', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795065" >
<label class="stars-view stars-view-2-6795065 " for="rating-2-6795065" onclick="handleRate(6795065, 2, 0, 'stars-view-2-6795065', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795065" >
<label class="stars-view stars-view-1-6795065 " for="rating-1-6795065" onclick="handleRate(6795065, 1, 0, 'stars-view-1-6795065', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795065">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794911">
<div class="date-header">26 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html">
<h2 class="article_title title">ggghhg</h2>
<div class="article_content">
<div class="article_cover-wrapper">
<img class="article_cover" src="https://image.canalblog.com/UbrKZI0LHCwaRDWIZrQygFZKGw8=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fridafathi.canalblog.com%2Fimages%2Ft-Image.png" alt="ggghhg"/>
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 23:01 - <a href="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html#ob-comments"><span>Commentaires [<span id="comment-count-6794911">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794911"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794911",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html"
data-text="ggghhg"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="ggghhg"
data-pin-media="http://ridafathi.canalblog.com/images/t-Image.png"
data-pin-url="http://ridafathi.canalblog.com/archives/2006/04/26/1772058.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=ggghhg&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F26%2F1772058.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794911">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794911")
printElement.addEventListener("click", function() {
ob.printPost("ggghhg", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a target=\"_blank\" href=\"http:\/\/ridafathi.canalblog.com\/images\/Image.png\"><img width=\"96\" height=\"150\" border=\"0\" src=\"http:\/\/ridafathi.canalblog.com\/images\/t-Image.png\" alt=\"image\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794911" >
<label class="stars-view stars-view-5-6794911 " for="rating-5-6794911" onclick="handleRate(6794911, 5, 0, 'stars-view-5-6794911', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794911" >
<label class="stars-view stars-view-4-6794911 " for="rating-4-6794911" onclick="handleRate(6794911, 4, 0, 'stars-view-4-6794911', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794911" >
<label class="stars-view stars-view-3-6794911 " for="rating-3-6794911" onclick="handleRate(6794911, 3, 0, 'stars-view-3-6794911', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794911" >
<label class="stars-view stars-view-2-6794911 " for="rating-2-6794911" onclick="handleRate(6794911, 2, 0, 'stars-view-2-6794911', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794911" >
<label class="stars-view stars-view-1-6794911 " for="rating-1-6794911" onclick="handleRate(6794911, 1, 0, 'stars-view-1-6794911', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794911">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795344">
<div class="date-header">11 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/11/1503120.html">
<h2 class="article_title title">Pokédex</h2>
<div class="article_content">
<div class="article_snippet">
PaperDex_v1_0.pdf
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 13:33 - <a href="http://ridafathi.canalblog.com/archives/2006/03/11/1503120.html#ob-comments"><span>Commentaires [<span id="comment-count-6795344">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795344"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795344",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/11/1503120.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/11/1503120.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/11/1503120.html"
data-text="Pokédex"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Pok%C3%A9dex&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F11%2F1503120.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795344">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795344")
printElement.addEventListener("click", function() {
ob.printPost("Pok\u00e9dex", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/PaperDex_v1_0.pdf\">PaperDex_v1_0.pdf<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795344" >
<label class="stars-view stars-view-5-6795344 " for="rating-5-6795344" onclick="handleRate(6795344, 5, 0, 'stars-view-5-6795344', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795344" >
<label class="stars-view stars-view-4-6795344 " for="rating-4-6795344" onclick="handleRate(6795344, 4, 0, 'stars-view-4-6795344', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795344" >
<label class="stars-view stars-view-3-6795344 " for="rating-3-6795344" onclick="handleRate(6795344, 3, 0, 'stars-view-3-6795344', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795344" >
<label class="stars-view stars-view-2-6795344 " for="rating-2-6795344" onclick="handleRate(6795344, 2, 0, 'stars-view-2-6795344', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795344" >
<label class="stars-view stars-view-1-6795344 " for="rating-1-6795344" onclick="handleRate(6795344, 1, 0, 'stars-view-1-6795344', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795344">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794985">
<div class="date-header">28 mai 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/05/28/1975376.html">
<h2 class="article_title title">Reflet.zip</h2>
<div class="article_content">
<div class="article_snippet">
Reflet.zip
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 19:43 - <a href="http://ridafathi.canalblog.com/archives/2006/05/28/1975376.html#ob-comments"><span>Commentaires [<span id="comment-count-6794985">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794985"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794985",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/05/28/1975376.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/05/28/1975376.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/05/28/1975376.html"
data-text="Reflet.zip"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Reflet.zip&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F05%2F28%2F1975376.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794985">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794985")
printElement.addEventListener("click", function() {
ob.printPost("Reflet.zip", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Reflet.zip\">Reflet.zip<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794985" >
<label class="stars-view stars-view-5-6794985 " for="rating-5-6794985" onclick="handleRate(6794985, 5, 0, 'stars-view-5-6794985', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794985" >
<label class="stars-view stars-view-4-6794985 " for="rating-4-6794985" onclick="handleRate(6794985, 4, 0, 'stars-view-4-6794985', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794985" >
<label class="stars-view stars-view-3-6794985 " for="rating-3-6794985" onclick="handleRate(6794985, 3, 0, 'stars-view-3-6794985', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794985" >
<label class="stars-view stars-view-2-6794985 " for="rating-2-6794985" onclick="handleRate(6794985, 2, 0, 'stars-view-2-6794985', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794985" >
<label class="stars-view stars-view-1-6794985 " for="rating-1-6794985" onclick="handleRate(6794985, 1, 0, 'stars-view-1-6794985', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794985">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795180">
<div class="date-header">29 avril 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/04/29/4778105.html">
<h2 class="article_title title">UU VS OU</h2>
<div class="article_content">
<div class="article_snippet">
UU_vs_OU
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 15:07 - <a href="http://ridafathi.canalblog.com/archives/2007/04/29/4778105.html#ob-comments"><span>Commentaires [<span id="comment-count-6795180">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795180"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795180",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/04/29/4778105.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/04/29/4778105.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/04/29/4778105.html"
data-text="UU VS OU"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=UU%20VS%20OU&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F04%2F29%2F4778105.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795180">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795180")
printElement.addEventListener("click", function() {
ob.printPost("UU VS OU", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/23\/24\/115817\/12675685.txt\">UU_vs_OU<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795180" >
<label class="stars-view stars-view-5-6795180 " for="rating-5-6795180" onclick="handleRate(6795180, 5, 0, 'stars-view-5-6795180', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795180" >
<label class="stars-view stars-view-4-6795180 " for="rating-4-6795180" onclick="handleRate(6795180, 4, 0, 'stars-view-4-6795180', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795180" >
<label class="stars-view stars-view-3-6795180 " for="rating-3-6795180" onclick="handleRate(6795180, 3, 0, 'stars-view-3-6795180', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795180" >
<label class="stars-view stars-view-2-6795180 " for="rating-2-6795180" onclick="handleRate(6795180, 2, 0, 'stars-view-2-6795180', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795180" >
<label class="stars-view stars-view-1-6795180 " for="rating-1-6795180" onclick="handleRate(6795180, 1, 0, 'stars-view-1-6795180', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795180">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795201">
<div class="date-header">1 mai 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/05/01/4806559.html">
<h2 class="article_title title">Team NB</h2>
<div class="article_content">
<div class="article_snippet">
Team_NetBattle
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 22:25 - <a href="http://ridafathi.canalblog.com/archives/2007/05/01/4806559.html#ob-comments"><span>Commentaires [<span id="comment-count-6795201">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795201"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795201",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/05/01/4806559.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/05/01/4806559.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/05/01/4806559.html"
data-text="Team NB"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Team%20NB&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F05%2F01%2F4806559.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795201">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795201")
printElement.addEventListener("click", function() {
ob.printPost("Team NB", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/51\/81\/115817\/12766089.zip\">Team_NetBattle<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795201" >
<label class="stars-view stars-view-5-6795201 " for="rating-5-6795201" onclick="handleRate(6795201, 5, 0, 'stars-view-5-6795201', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795201" >
<label class="stars-view stars-view-4-6795201 " for="rating-4-6795201" onclick="handleRate(6795201, 4, 0, 'stars-view-4-6795201', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795201" >
<label class="stars-view stars-view-3-6795201 " for="rating-3-6795201" onclick="handleRate(6795201, 3, 0, 'stars-view-3-6795201', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795201" >
<label class="stars-view stars-view-2-6795201 " for="rating-2-6795201" onclick="handleRate(6795201, 2, 0, 'stars-view-2-6795201', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795201" >
<label class="stars-view stars-view-1-6795201 " for="rating-1-6795201" onclick="handleRate(6795201, 1, 0, 'stars-view-1-6795201', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795201">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795252">
<div class="date-header">19 mai 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/05/19/5001241.html">
<h2 class="article_title title">LOL_RAICHU</h2>
<div class="article_content">
<div class="article_snippet">
LOL_RAICHU
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 00:13 - <a href="http://ridafathi.canalblog.com/archives/2007/05/19/5001241.html#ob-comments"><span>Commentaires [<span id="comment-count-6795252">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795252"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795252",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/05/19/5001241.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/05/19/5001241.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/05/19/5001241.html"
data-text="LOL_RAICHU"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=LOL_RAICHU&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F05%2F19%2F5001241.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795252">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795252")
printElement.addEventListener("click", function() {
ob.printPost("LOL_RAICHU", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/52\/89\/115817\/13321673.txt\">LOL_RAICHU<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795252" >
<label class="stars-view stars-view-5-6795252 " for="rating-5-6795252" onclick="handleRate(6795252, 5, 0, 'stars-view-5-6795252', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795252" >
<label class="stars-view stars-view-4-6795252 " for="rating-4-6795252" onclick="handleRate(6795252, 4, 0, 'stars-view-4-6795252', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795252" >
<label class="stars-view stars-view-3-6795252 " for="rating-3-6795252" onclick="handleRate(6795252, 3, 0, 'stars-view-3-6795252', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795252" >
<label class="stars-view stars-view-2-6795252 " for="rating-2-6795252" onclick="handleRate(6795252, 2, 0, 'stars-view-2-6795252', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795252" >
<label class="stars-view stars-view-1-6795252 " for="rating-1-6795252" onclick="handleRate(6795252, 1, 0, 'stars-view-1-6795252', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795252">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795192">
<div class="date-header">30 avril 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/04/30/4791184.html">
<h2 class="article_title title">Zapdos</h2>
<div class="article_content">
<div class="article_snippet">
Zapdos
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 18:10 - <a href="http://ridafathi.canalblog.com/archives/2007/04/30/4791184.html#ob-comments"><span>Commentaires [<span id="comment-count-6795192">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795192"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795192",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/04/30/4791184.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/04/30/4791184.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/04/30/4791184.html"
data-text="Zapdos"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Zapdos&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F04%2F30%2F4791184.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795192">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795192")
printElement.addEventListener("click", function() {
ob.printPost("Zapdos", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/19\/97\/115817\/12718417.doc\">Zapdos<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795192" >
<label class="stars-view stars-view-5-6795192 " for="rating-5-6795192" onclick="handleRate(6795192, 5, 0, 'stars-view-5-6795192', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795192" >
<label class="stars-view stars-view-4-6795192 " for="rating-4-6795192" onclick="handleRate(6795192, 4, 0, 'stars-view-4-6795192', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795192" >
<label class="stars-view stars-view-3-6795192 " for="rating-3-6795192" onclick="handleRate(6795192, 3, 0, 'stars-view-3-6795192', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795192" >
<label class="stars-view stars-view-2-6795192 " for="rating-2-6795192" onclick="handleRate(6795192, 2, 0, 'stars-view-2-6795192', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795192" >
<label class="stars-view stars-view-1-6795192 " for="rating-1-6795192" onclick="handleRate(6795192, 1, 0, 'stars-view-1-6795192', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795192">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795040">
<div class="date-header">12 décembre 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/12/12/3413542.html">
<h2 class="article_title title">fgfgggg</h2>
<div class="article_content">
<div class="article_snippet">
fgfgggg
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 19:48 - <a href="http://ridafathi.canalblog.com/archives/2006/12/12/3413542.html#ob-comments"><span>Commentaires [<span id="comment-count-6795040">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795040"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795040",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/12/12/3413542.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/12/12/3413542.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/12/12/3413542.html"
data-text="fgfgggg"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=fgfgggg&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F12%2F12%2F3413542.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795040">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795040")
printElement.addEventListener("click", function() {
ob.printPost("fgfgggg", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/88\/59\/115817\/8849470.txt\">fgfgggg<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795040" >
<label class="stars-view stars-view-5-6795040 " for="rating-5-6795040" onclick="handleRate(6795040, 5, 0, 'stars-view-5-6795040', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795040" >
<label class="stars-view stars-view-4-6795040 " for="rating-4-6795040" onclick="handleRate(6795040, 4, 0, 'stars-view-4-6795040', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795040" >
<label class="stars-view stars-view-3-6795040 " for="rating-3-6795040" onclick="handleRate(6795040, 3, 0, 'stars-view-3-6795040', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795040" >
<label class="stars-view stars-view-2-6795040 " for="rating-2-6795040" onclick="handleRate(6795040, 2, 0, 'stars-view-2-6795040', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795040" >
<label class="stars-view stars-view-1-6795040 " for="rating-1-6795040" onclick="handleRate(6795040, 1, 0, 'stars-view-1-6795040', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795040">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795012">
<div class="date-header">6 juin 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/06/06/2037521.html">
<h2 class="article_title title">pmsn.exe</h2>
<div class="article_content">
<div class="article_snippet">
pmsn.exe
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 22:20 - <a href="http://ridafathi.canalblog.com/archives/2006/06/06/2037521.html#ob-comments"><span>Commentaires [<span id="comment-count-6795012">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795012"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795012",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/06/06/2037521.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/06/06/2037521.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/06/06/2037521.html"
data-text="pmsn.exe"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=pmsn.exe&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F06%2F06%2F2037521.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795012">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795012")
printElement.addEventListener("click", function() {
ob.printPost("pmsn.exe", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/pmsn.exe\">pmsn.exe<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795012" >
<label class="stars-view stars-view-5-6795012 " for="rating-5-6795012" onclick="handleRate(6795012, 5, 0, 'stars-view-5-6795012', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795012" >
<label class="stars-view stars-view-4-6795012 " for="rating-4-6795012" onclick="handleRate(6795012, 4, 0, 'stars-view-4-6795012', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795012" >
<label class="stars-view stars-view-3-6795012 " for="rating-3-6795012" onclick="handleRate(6795012, 3, 0, 'stars-view-3-6795012', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795012" >
<label class="stars-view stars-view-2-6795012 " for="rating-2-6795012" onclick="handleRate(6795012, 2, 0, 'stars-view-2-6795012', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795012" >
<label class="stars-view stars-view-1-6795012 " for="rating-1-6795012" onclick="handleRate(6795012, 1, 0, 'stars-view-1-6795012', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795012">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795359">
<div class="date-header">8 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/08/1486917.html">
<h2 class="article_title title">Bultin</h2>
<div class="article_content">
<div class="article_snippet">
Bultin_Scolaire.xls
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 13:51 - <a href="http://ridafathi.canalblog.com/archives/2006/03/08/1486917.html#ob-comments"><span>Commentaires [<span id="comment-count-6795359">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795359"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795359",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/08/1486917.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/08/1486917.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/08/1486917.html"
data-text="Bultin"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Bultin&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F08%2F1486917.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795359">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795359")
printElement.addEventListener("click", function() {
ob.printPost("Bultin", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Bultin_Scolaire.xls\">Bultin_Scolaire.xls<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795359" >
<label class="stars-view stars-view-5-6795359 " for="rating-5-6795359" onclick="handleRate(6795359, 5, 0, 'stars-view-5-6795359', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795359" >
<label class="stars-view stars-view-4-6795359 " for="rating-4-6795359" onclick="handleRate(6795359, 4, 0, 'stars-view-4-6795359', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795359" >
<label class="stars-view stars-view-3-6795359 " for="rating-3-6795359" onclick="handleRate(6795359, 3, 0, 'stars-view-3-6795359', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795359" >
<label class="stars-view stars-view-2-6795359 " for="rating-2-6795359" onclick="handleRate(6795359, 2, 0, 'stars-view-2-6795359', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795359" >
<label class="stars-view stars-view-1-6795359 " for="rating-1-6795359" onclick="handleRate(6795359, 1, 0, 'stars-view-1-6795359', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795359">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794841">
<div class="date-header">11 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/11/1503102.html">
<h2 class="article_title title">Poké"mon</h2>
<div class="article_content">
<div class="article_snippet">
Voilà les attacks des pokémonPok_Rida.xls
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 13:29 - <a href="http://ridafathi.canalblog.com/archives/2006/03/11/1503102.html#ob-comments"><span>Commentaires [<span id="comment-count-6794841">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794841"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794841",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/11/1503102.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/11/1503102.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/11/1503102.html"
data-text="Poké"mon"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Pok%C3%A9%26quot%3Bmon&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F11%2F1503102.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794841">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794841")
printElement.addEventListener("click", function() {
ob.printPost("Pok\u00e9\"mon", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p>Voil\u00e0 les attacks des pok\u00e9mon<a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Pok_Rida.xls\">Pok_Rida.xls<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794841" >
<label class="stars-view stars-view-5-6794841 " for="rating-5-6794841" onclick="handleRate(6794841, 5, 0, 'stars-view-5-6794841', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794841" >
<label class="stars-view stars-view-4-6794841 " for="rating-4-6794841" onclick="handleRate(6794841, 4, 0, 'stars-view-4-6794841', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794841" >
<label class="stars-view stars-view-3-6794841 " for="rating-3-6794841" onclick="handleRate(6794841, 3, 0, 'stars-view-3-6794841', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794841" >
<label class="stars-view stars-view-2-6794841 " for="rating-2-6794841" onclick="handleRate(6794841, 2, 0, 'stars-view-2-6794841', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794841" >
<label class="stars-view stars-view-1-6794841 " for="rating-1-6794841" onclick="handleRate(6794841, 1, 0, 'stars-view-1-6794841', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794841">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794853">
<div class="date-header">19 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/19/1547791.html">
<h2 class="article_title title">B.S</h2>
<div class="article_content">
<div class="article_snippet">
Mes_Points_ba_les_meilleurs_de_la_classe____du_2_me_semesttre.doc V o i l à l b u l t i n d u 2 è m e s e m e Mes_Points_ba_les_meilleurs_de_la_classe du 2ème semesttre !!!!
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 18:45 - <a href="http://ridafathi.canalblog.com/archives/2006/03/19/1547791.html#ob-comments"><span>Commentaires [<span id="comment-count-6794853">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794853"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794853",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/19/1547791.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/19/1547791.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/19/1547791.html"
data-text="B.S"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=B.S&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F19%2F1547791.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794853">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794853")
printElement.addEventListener("click", function() {
ob.printPost("B.S", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Mes_Points_ba_les_meilleurs_de_la_classe____du_2_me_semesttre.doc\">Mes_Points_ba_les_meilleurs_de_la_classe____du_2_me_semesttre.doc<\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><font face=\"courier new, courier, mono\"><strike><em><strong><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Mes_Points_ba_les_meilleurs_de_la_classe____du_2_me_semesttre.doc\"><span style=\"color: rgb(0, 102, 195);\">V<\/span><\/a><\/strong><\/em><\/strike><\/font><em><strong><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Mes_Points_ba_les_meilleurs_de_la_classe____du_2_me_semesttre.doc\"><font face=\"courier new, courier, mono\"><span style=\"color: rgb(26, 102, 172);\">o<\/span><span style=\"color: rgb(52, 102, 149);\">i<\/span><span style=\"color: rgb(77, 101, 125);\">l<\/span><span style=\"color: rgb(103, 101, 102);\">\u00e0<\/span> <span style=\"color: rgb(0, 102, 195);\">l <\/span><span style=\"color: rgb(26, 102, 172);\">b<\/span><span style=\"color: rgb(39, 102, 160);\">u<\/span><span style=\"color: rgb(52, 102, 149);\">l<\/span><span style=\"color: rgb(64, 101, 137);\">t<\/span><span style=\"color: rgb(77, 101, 125);\">i<\/span><span style=\"color: rgb(90, 101, 114);\">n <\/span><span style=\"color: rgb(99, 92, 0);\">d<\/span><span style=\"color: rgb(101, 97, 51);\">u <\/span><span style=\"color: rgb(255, 199, 132);\">2<\/span><span style=\"color: rgb(217, 175, 125);\">\u00e8<\/span><span style=\"color: rgb(179, 150, 117);\">m<\/span><span style=\"color: rgb(141, 126, 110);\">e <\/span><span style=\"color: rgb(250, 214, 255);\">s<\/span><span style=\"color: rgb(232, 200, 236);\">e<\/span><span style=\"color: rgb(213, 186, 217);\">m<\/span><span style=\"color: rgb(195, 172, 198);\">e<\/span><span style=\"color: rgb(177, 158, 179);\">Mes_Points_ba_les_meilleurs_de_la_classe du 2\u00e8me semesttre !!!!<\/span><\/font><\/a><\/strong><\/em><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794853" >
<label class="stars-view stars-view-5-6794853 " for="rating-5-6794853" onclick="handleRate(6794853, 5, 0, 'stars-view-5-6794853', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794853" >
<label class="stars-view stars-view-4-6794853 " for="rating-4-6794853" onclick="handleRate(6794853, 4, 0, 'stars-view-4-6794853', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794853" >
<label class="stars-view stars-view-3-6794853 " for="rating-3-6794853" onclick="handleRate(6794853, 3, 0, 'stars-view-3-6794853', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794853" >
<label class="stars-view stars-view-2-6794853 " for="rating-2-6794853" onclick="handleRate(6794853, 2, 0, 'stars-view-2-6794853', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794853" >
<label class="stars-view stars-view-1-6794853 " for="rating-1-6794853" onclick="handleRate(6794853, 1, 0, 'stars-view-1-6794853', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794853">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795332">
<div class="date-header">20 mars 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/03/20/1555322.html">
<h2 class="article_title title">prog</h2>
<div class="article_content">
<div class="article_snippet">
jnrzloader.rar Bazooka.zip
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 23:25 - <a href="http://ridafathi.canalblog.com/archives/2006/03/20/1555322.html#ob-comments"><span>Commentaires [<span id="comment-count-6795332">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795332"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795332",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/03/20/1555322.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/03/20/1555322.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/03/20/1555322.html"
data-text="prog"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=prog&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F03%2F20%2F1555322.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795332">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795332")
printElement.addEventListener("click", function() {
ob.printPost("prog", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/jnrzloader.rar\">jnrzloader.rar <br \/><\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/jnrzloader.rar\"><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Bazooka.zip\">Bazooka.zip<\/a><br \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795332" >
<label class="stars-view stars-view-5-6795332 " for="rating-5-6795332" onclick="handleRate(6795332, 5, 0, 'stars-view-5-6795332', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795332" >
<label class="stars-view stars-view-4-6795332 " for="rating-4-6795332" onclick="handleRate(6795332, 4, 0, 'stars-view-4-6795332', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795332" >
<label class="stars-view stars-view-3-6795332 " for="rating-3-6795332" onclick="handleRate(6795332, 3, 0, 'stars-view-3-6795332', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795332" >
<label class="stars-view stars-view-2-6795332 " for="rating-2-6795332" onclick="handleRate(6795332, 2, 0, 'stars-view-2-6795332', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795332" >
<label class="stars-view stars-view-1-6795332 " for="rating-1-6795332" onclick="handleRate(6795332, 1, 0, 'stars-view-1-6795332', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795332">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794879">
<div class="date-header">5 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/05/1649169.html">
<h2 class="article_title title">BD_2.doc</h2>
<div class="article_content">
<div class="article_snippet">
BD_2.doc Bilan_des_mensualit_s_relatives_aux_factures_d.doc Lettre_administrative.doc Liste_nominative_des_besoins_domestiques_mensuel.doc Tableaux_synoptiques_de_la_B.D_de_M._Attou_Abdenesser.doc Tableaux_synoptiques_de_la_B.D_de_M._Fathi_Mohammed.d...
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 15:32 - <a href="http://ridafathi.canalblog.com/archives/2006/04/05/1649169.html#ob-comments"><span>Commentaires [<span id="comment-count-6794879">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794879"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794879",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/05/1649169.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/05/1649169.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/05/1649169.html"
data-text="BD_2.doc"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=BD_2.doc&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F05%2F1649169.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794879">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794879")
printElement.addEventListener("click", function() {
ob.printPost("BD_2.doc", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/BD_2.doc\">BD_2.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Bilan_des_mensualit_s_relatives_aux_factures_d.doc\">Bilan_des_mensualit_s_relatives_aux_factures_d.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Lettre_administrative.doc\">Lettre_administrative.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Liste_nominative_des_besoins_domestiques_mensuel.doc\">Liste_nominative_des_besoins_domestiques_mensuel.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Tableaux_synoptiques_de_la_B.D_de_M._Attou_Abdenesser.doc\">Tableaux_synoptiques_de_la_B.D_de_M._Attou_Abdenesser.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Tableaux_synoptiques_de_la_B.D_de_M._Fathi_Mohammed.doc\">Tableaux_synoptiques_de_la_B.D_de_M._Fathi_Mohammed.doc<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794879" >
<label class="stars-view stars-view-5-6794879 " for="rating-5-6794879" onclick="handleRate(6794879, 5, 0, 'stars-view-5-6794879', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794879" >
<label class="stars-view stars-view-4-6794879 " for="rating-4-6794879" onclick="handleRate(6794879, 4, 0, 'stars-view-4-6794879', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794879" >
<label class="stars-view stars-view-3-6794879 " for="rating-3-6794879" onclick="handleRate(6794879, 3, 0, 'stars-view-3-6794879', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794879" >
<label class="stars-view stars-view-2-6794879 " for="rating-2-6794879" onclick="handleRate(6794879, 2, 0, 'stars-view-2-6794879', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794879" >
<label class="stars-view stars-view-1-6794879 " for="rating-1-6794879" onclick="handleRate(6794879, 1, 0, 'stars-view-1-6794879', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794879">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794955">
<div class="date-header">1 mai 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/05/01/1798577.html">
<h2 class="article_title title">messenger</h2>
<div class="article_content">
<div class="article_snippet">
Msn_.exe
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 19:32 - <a href="http://ridafathi.canalblog.com/archives/2006/05/01/1798577.html#ob-comments"><span>Commentaires [<span id="comment-count-6794955">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794955"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794955",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/05/01/1798577.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/05/01/1798577.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/05/01/1798577.html"
data-text="messenger"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=messenger&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F05%2F01%2F1798577.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794955">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794955")
printElement.addEventListener("click", function() {
ob.printPost("messenger", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/Msn_.exe\">Msn_.exe<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794955" >
<label class="stars-view stars-view-5-6794955 " for="rating-5-6794955" onclick="handleRate(6794955, 5, 0, 'stars-view-5-6794955', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794955" >
<label class="stars-view stars-view-4-6794955 " for="rating-4-6794955" onclick="handleRate(6794955, 4, 0, 'stars-view-4-6794955', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794955" >
<label class="stars-view stars-view-3-6794955 " for="rating-3-6794955" onclick="handleRate(6794955, 3, 0, 'stars-view-3-6794955', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794955" >
<label class="stars-view stars-view-2-6794955 " for="rating-2-6794955" onclick="handleRate(6794955, 2, 0, 'stars-view-2-6794955', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794955" >
<label class="stars-view stars-view-1-6794955 " for="rating-1-6794955" onclick="handleRate(6794955, 1, 0, 'stars-view-1-6794955', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794955">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6795144">
<div class="date-header">23 avril 2007</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2007/04/23/4713115.html">
<h2 class="article_title title">clip_image016_0000 clip_image017_0000</h2>
<div class="article_content">
<div class="article_snippet">
clip_image016_0000 clip_image017_0000 clip_image018 clip_image019 clip_image020
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 03:38 - <a href="http://ridafathi.canalblog.com/archives/2007/04/23/4713115.html#ob-comments"><span>Commentaires [<span id="comment-count-6795144">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6795144"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6795144",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2007/04/23/4713115.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2007/04/23/4713115.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2007/04/23/4713115.html"
data-text="clip_image016_0000 clip_image017_0000"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=clip_image016_0000%20clip_image017_0000&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2007%2F04%2F23%2F4713115.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6795144">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6795144")
printElement.addEventListener("click", function() {
ob.printPost("clip_image016_0000 clip_image017_0000", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"https:\/\/storage.canalblog.com\/26\/50\/115817\/12486111.gif\">clip_image016_0000<\/a><\/p>\r\n\r\n<p><a href=\"https:\/\/storage.canalblog.com\/68\/58\/115817\/12486112.gif\">clip_image017_0000<\/a><\/p>\r\n\r\n<p><a href=\"https:\/\/storage.canalblog.com\/06\/82\/115817\/12486115.gif\">clip_image018<\/a><\/p>\r\n\r\n<p><a href=\"https:\/\/storage.canalblog.com\/06\/14\/115817\/12486118.gif\">clip_image019<\/a><\/p>\r\n\r\n<p><a href=\"https:\/\/storage.canalblog.com\/19\/47\/115817\/12486121.gif\">clip_image020<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6795144" >
<label class="stars-view stars-view-5-6795144 " for="rating-5-6795144" onclick="handleRate(6795144, 5, 0, 'stars-view-5-6795144', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6795144" >
<label class="stars-view stars-view-4-6795144 " for="rating-4-6795144" onclick="handleRate(6795144, 4, 0, 'stars-view-4-6795144', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6795144" >
<label class="stars-view stars-view-3-6795144 " for="rating-3-6795144" onclick="handleRate(6795144, 3, 0, 'stars-view-3-6795144', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6795144" >
<label class="stars-view stars-view-2-6795144 " for="rating-2-6795144" onclick="handleRate(6795144, 2, 0, 'stars-view-2-6795144', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6795144" >
<label class="stars-view stars-view-1-6795144 " for="rating-1-6795144" onclick="handleRate(6795144, 1, 0, 'stars-view-1-6795144', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6795144">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794924">
<div class="date-header">27 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/27/1775178.html">
<h2 class="article_title title">pokémon</h2>
<div class="article_content">
<div class="article_snippet">
pokémon film
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 15:17 - <a href="http://ridafathi.canalblog.com/archives/2006/04/27/1775178.html#ob-comments"><span>Commentaires [<span id="comment-count-6794924">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794924"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794924",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/27/1775178.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/27/1775178.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/27/1775178.html"
data-text="pokémon"
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=pok%C3%A9mon&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F27%2F1775178.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794924">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794924")
printElement.addEventListener("click", function() {
ob.printPost("pok\u00e9mon", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p>pok\u00e9mon <a href=\"http:\/\/www.serebii.net\/anime\/pictures\">film<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794924" >
<label class="stars-view stars-view-5-6794924 " for="rating-5-6794924" onclick="handleRate(6794924, 5, 0, 'stars-view-5-6794924', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794924" >
<label class="stars-view stars-view-4-6794924 " for="rating-4-6794924" onclick="handleRate(6794924, 4, 0, 'stars-view-4-6794924', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794924" >
<label class="stars-view stars-view-3-6794924 " for="rating-3-6794924" onclick="handleRate(6794924, 3, 0, 'stars-view-3-6794924', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794924" >
<label class="stars-view stars-view-2-6794924 " for="rating-2-6794924" onclick="handleRate(6794924, 2, 0, 'stars-view-2-6794924', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794924" >
<label class="stars-view stars-view-1-6794924 " for="rating-1-6794924" onclick="handleRate(6794924, 1, 0, 'stars-view-1-6794924', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794924">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_6794934">
<div class="date-header">27 avril 2006</div>
<a class="article_link" href="http://ridafathi.canalblog.com/archives/2006/04/27/1777257.html">
<h2 class="article_title title">.......................................................................</h2>
<div class="article_content">
<div class="article_snippet">
B.D_1.doc B.D_2.doc B.D_3.doc
</div>
</div>
</a>
<div class="article_footer">
<div class="article_footer_info">
Posté par rida_fathi à 20:51 - <a href="http://ridafathi.canalblog.com/archives/2006/04/27/1777257.html#ob-comments"><span>Commentaires [<span id="comment-count-6794934">…</span><script>
ob.commentCount(document.querySelector("#comment-count-6794934"), {
resource: "http://ridafathi.canalblog.com/api/comment-count/6794934",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://ridafathi.canalblog.com/archives/2006/04/27/1777257.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal ">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://ridafathi.canalblog.com/archives/2006/04/27/1777257.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://ridafathi.canalblog.com/archives/2006/04/27/1777257.html"
data-text="......................................................................."
data-lang="en"
></a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=.......................................................................&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fridafathi.canalblog.com%2Farchives%2F2006%2F04%2F27%2F1777257.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_6794934">
<img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_6794934")
printElement.addEventListener("click", function() {
ob.printPost(".......................................................................", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/B.D_1.doc\">B.D_1.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/B.D_2.doc\">B.D_2.doc<\/a><\/p>\r\n\r\n<p><a href=\"http:\/\/ridafathi.canalblog.com\/docs\/B.D_3.doc\">B.D_3.doc<\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewBox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<linearGradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</linearGradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-6794934" >
<label class="stars-view stars-view-5-6794934 " for="rating-5-6794934" onclick="handleRate(6794934, 5, 0, 'stars-view-5-6794934', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-6794934" >
<label class="stars-view stars-view-4-6794934 " for="rating-4-6794934" onclick="handleRate(6794934, 4, 0, 'stars-view-4-6794934', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-6794934" >
<label class="stars-view stars-view-3-6794934 " for="rating-3-6794934" onclick="handleRate(6794934, 3, 0, 'stars-view-3-6794934', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-6794934" >
<label class="stars-view stars-view-2-6794934 " for="rating-2-6794934" onclick="handleRate(6794934, 2, 0, 'stars-view-2-6794934', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-6794934" >
<label class="stars-view stars-view-1-6794934 " for="rating-1-6794934" onclick="handleRate(6794934, 1, 0, 'stars-view-1-6794934', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-6794934">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_72fb0e6"></div>
</div>
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_2c8c844"></div>
</div>
</div>
<div class="ob-pagination">
<span
class="ob-page ob-page-current "
>1</span>
<a
href="/top/2"
class="ob-page ob-page-link "
>2</a>
<a
href="/top/2"
class="ob-page ob-page-link ob-page-next"
>></a>
<a
href="/top/2"
class="ob-page ob-page-link ob-page-last"
>>></a>
</div>
</div>
</div>
<div class="right-zone">
<div class="side-zone">
<div class="ob-widgets">
<div class="ob-widget ob-widget_navigation">
<div class="ob-h3 ob-widget_navigation_title ob-widget_title">
Moi
</div>
<ul>
<li>
Salut je m'apelle Rida j'ai 15 ans
</li>
<li>
<a href="/">
Accueil du blog
</a>
</li>
<li>
<a href="https://www.canalblog.com/creation" target="_blank">
Créer un blog avec CanalBlog
</a>
</li>
</ul>
</div>
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_d52b770"></div>
</div>
<div class="ob-widget ob-widget_search" >
<div class="ob-h3 ob-widget_search_title ob-widget_title">
Recherche
</div>
<form action="/search" method="post">
<input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" />
<input type="submit" value="Recherche" class="ob-widget_search_submit" />
</form>
</div>
<div class="ob-widget ob-widget_rss">
<div class="ob-widget_rss_element ob-widget_social-share">
<a class="ob-widget_rss_link" href="/rss" target="_blank">
<i class="fa-solid fa-rss"></i>
<span>Flux RSS</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ads-container super_leaderboard">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_51b4ed0"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
function createDropdownTrigger() {
var trigger = document.createElement("span")
trigger.classList.add("trigger")
return trigger
}
function addTriggers() {
var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span")
elementsToTriggers.forEach(function (elementToTrigger) {
elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger())
})
}
addTriggers()
})
</script>
<div class="ob-footer ob-footer-padded" id="legals" >
<ul>
<li class="ob-footer-item"><a href="https://www.canalblog.com/" target="_blank">Créer un blog gratuit sur CanalBlog</a></li>
<li class="ob-footer-item"><a href="/top">Top articles</a></li>
<li class="ob-footer-item"><a href="/contact">Contact</a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/376094"> Signaler un abus </a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/cf/tos.cfm" target="_blank">C.G.U.</a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/cf/cookies.cfm" target="_blank">Cookies et données personnelles</a></li>
<li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li>
</ul>
</div>
<script defer async>
document.addEventListener('DOMContentLoaded', function() {
async function syncRating() {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
return
}
const res = await fetch(`/api/section-container/rates`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
id: [6794998,6794972,6795120,6794827,6794941,6794896,6795065,6794911,6795344,6794985,6795180,6795201,6795252,6795192,6795040,6795012,6795359,6794841,6794853,6795332,6794879,6794955,6795144,6794924,6794934],
})
})
if (res.ok) {
const data = await res.json()
Object.keys(data).forEach(function(key) {
const postRate = data[key]
const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`)
input.checked = true
// check if it's half-star rate
if (!Number.isInteger(postRate.rate)) {
const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`)
label.classList.add("half-star")
}
const ratersEl = document.querySelector(`.rating-raters-${key}`)
ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote`
})
}
}
syncRating()
})
</script>
<div id="_6341b5e"></div><div id="_ce7c0a0"></div> <script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer', "GTM-WG3SK3P");
</script>
</body>
</html>
