Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
Auteur de vues
30 mars 2007
allegria, 2007
Publicité
Publicité
29 mars 2007
Encore Jules
Le diadrame et l'album photo "Encore Jules" de fernandomort sont sur www.fernandomort.canalblog.com ou sur www.dailymotion.com
29 mars 2007
de l'eau à l'air, 2007
28 mars 2007
pas de pub en enfer, 2007
27 mars 2007
Almost king, 2007
Publicité
Publicité
26 mars 2007
Quelques diadrames de fernandomort
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 19:57 - <a href="http://auteurdevues.canalblog.com/archives/2007/03/26/4436203.html#ob-comments"><span>Commentaires [<span id="comment-count-19704825">…</span><script> ob.commentCount(document.querySelector("#comment-count-19704825"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19704825", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://auteurdevues.canalblog.com/archives/2007/03/26/4436203.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://auteurdevues.canalblog.com/archives/2007/03/26/4436203.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://auteurdevues.canalblog.com/archives/2007/03/26/4436203.html" data-text="Quelques diadrames de fernandomort" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Quelques%20diadrames%20de%20fernandomort&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F03%2F26%2F4436203.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_19704825"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19704825") printElement.addEventListener("click", function() { ob.printPost("Quelques diadrames de fernandomort", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><IFRAME id=dm_jukebox_iframe style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 375px" align=center marginWidth=0 marginHeight=0 src="<a href=\"http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Ffernandomort%2F1&skin=default\">http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Ffernandomort%2F1&skin=default<\/a>" frameBorder=0 width="100%" _extended="true"><\/IFRAME><\/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-19704825" > <label class="stars-view stars-view-5-19704825 " for="rating-5-19704825" onclick="handleRate(19704825, 5, 0, 'stars-view-5-19704825', 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-19704825" > <label class="stars-view stars-view-4-19704825 " for="rating-4-19704825" onclick="handleRate(19704825, 4, 0, 'stars-view-4-19704825', 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-19704825" > <label class="stars-view stars-view-3-19704825 " for="rating-3-19704825" onclick="handleRate(19704825, 3, 0, 'stars-view-3-19704825', 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-19704825" > <label class="stars-view stars-view-2-19704825 " for="rating-2-19704825" onclick="handleRate(19704825, 2, 0, 'stars-view-2-19704825', 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-19704825" > <label class="stars-view stars-view-1-19704825 " for="rating-1-19704825" onclick="handleRate(19704825, 1, 0, 'stars-view-1-19704825', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19704825"> 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_19704808"> <div class="date-header">26 mars 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/03/26/4429459.html"> <h2 class="article_title title">le parapluie, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/gXaJw3IU46-x6GBxK4MTSeGmayo=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F78%2F70%2F193163%2F11649384_o.jpg" alt="le parapluie, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 08:59 - <a href="http://auteurdevues.canalblog.com/archives/2007/03/26/4429459.html#ob-comments"><span>Commentaires [<span id="comment-count-19704808">…</span><script> ob.commentCount(document.querySelector("#comment-count-19704808"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19704808", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://auteurdevues.canalblog.com/archives/2007/03/26/4429459.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://auteurdevues.canalblog.com/archives/2007/03/26/4429459.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://auteurdevues.canalblog.com/archives/2007/03/26/4429459.html" data-text="le parapluie, 2007" 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="le parapluie, 2007" data-pin-media="https://storage.canalblog.com/78/70/193163/11649384_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/03/26/4429459.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=le%20parapluie%2C%202007&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F03%2F26%2F4429459.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_19704808"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19704808") printElement.addEventListener("click", function() { ob.printPost("le parapluie, 2007", "\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\/78\/70\/193163\/11649384.jpg\" target=\"_blank\"><img height=\"338\" alt=\"070305lesparapluies\" src=\"https:\/\/storage.canalblog.com\/78\/70\/193163\/11649384_p.jpg\" width=\"450\" border=\"0\" \/><\/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-19704808" > <label class="stars-view stars-view-5-19704808 " for="rating-5-19704808" onclick="handleRate(19704808, 5, 0, 'stars-view-5-19704808', 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-19704808" > <label class="stars-view stars-view-4-19704808 " for="rating-4-19704808" onclick="handleRate(19704808, 4, 0, 'stars-view-4-19704808', 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-19704808" > <label class="stars-view stars-view-3-19704808 " for="rating-3-19704808" onclick="handleRate(19704808, 3, 0, 'stars-view-3-19704808', 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-19704808" > <label class="stars-view stars-view-2-19704808 " for="rating-2-19704808" onclick="handleRate(19704808, 2, 0, 'stars-view-2-19704808', 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-19704808" > <label class="stars-view stars-view-1-19704808 " for="rating-1-19704808" onclick="handleRate(19704808, 1, 0, 'stars-view-1-19704808', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19704808"> 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_19704791"> <div class="date-header">25 mars 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/03/25/4419363.html"> <h2 class="article_title title">Nature secrète, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/-1YhvwsDhDt4byM5OOpaeug4l3g=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F29%2F53%2F193163%2F11619126_o.jpg" alt="Nature secrète, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 11:21 - <a href="http://auteurdevues.canalblog.com/archives/2007/03/25/4419363.html#ob-comments"><span>Commentaires [<span id="comment-count-19704791">…</span><script> ob.commentCount(document.querySelector("#comment-count-19704791"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19704791", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://auteurdevues.canalblog.com/archives/2007/03/25/4419363.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://auteurdevues.canalblog.com/archives/2007/03/25/4419363.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://auteurdevues.canalblog.com/archives/2007/03/25/4419363.html" data-text="Nature secrète, 2007" 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="Nature secrète, 2007" data-pin-media="https://storage.canalblog.com/29/53/193163/11619126_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/03/25/4419363.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=Nature%20secr%C3%A8te%2C%202007&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F03%2F25%2F4419363.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_19704791"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19704791") printElement.addEventListener("click", function() { ob.printPost("Nature secr\u00e8te, 2007", "\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\/29\/53\/193163\/11619126.jpg\" target=\"_blank\"><img height=\"338\" alt=\"070317alg_bresecr_te\" src=\"https:\/\/storage.canalblog.com\/29\/53\/193163\/11619126_p.jpg\" width=\"450\" border=\"0\" \/><\/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-19704791" > <label class="stars-view stars-view-5-19704791 " for="rating-5-19704791" onclick="handleRate(19704791, 5, 0, 'stars-view-5-19704791', 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-19704791" > <label class="stars-view stars-view-4-19704791 " for="rating-4-19704791" onclick="handleRate(19704791, 4, 0, 'stars-view-4-19704791', 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-19704791" > <label class="stars-view stars-view-3-19704791 " for="rating-3-19704791" onclick="handleRate(19704791, 3, 0, 'stars-view-3-19704791', 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-19704791" > <label class="stars-view stars-view-2-19704791 " for="rating-2-19704791" onclick="handleRate(19704791, 2, 0, 'stars-view-2-19704791', 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-19704791" > <label class="stars-view stars-view-1-19704791 " for="rating-1-19704791" onclick="handleRate(19704791, 1, 0, 'stars-view-1-19704791', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19704791"> 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_19705966"> <div class="date-header">24 mars 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/03/24/4409577.html"> <h2 class="article_title title">L'origine désespère, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/uJCHzTLwOnqMyi6hy03fTOnHfAA=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F83%2F85%2F193163%2F11591484_o.jpg" alt="L'origine désespère, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:51 - <a href="http://auteurdevues.canalblog.com/archives/2007/03/24/4409577.html#ob-comments"><span>Commentaires [<span id="comment-count-19705966">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705966"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705966", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://auteurdevues.canalblog.com/archives/2007/03/24/4409577.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://auteurdevues.canalblog.com/archives/2007/03/24/4409577.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://auteurdevues.canalblog.com/archives/2007/03/24/4409577.html" data-text="L'origine désespère, 2007" 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'origine désespère, 2007" data-pin-media="https://storage.canalblog.com/83/85/193163/11591484_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/03/24/4409577.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%27origine%20d%C3%A9sesp%C3%A8re%2C%202007&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F03%2F24%2F4409577.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_19705966"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705966") printElement.addEventListener("click", function() { ob.printPost("L'origine d\u00e9sesp\u00e8re, 2007", "\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\/83\/85\/193163\/11591484.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070323l_origined_sesp_re\" src=\"https:\/\/storage.canalblog.com\/83\/85\/193163\/11591484_p.jpg\" width=\"450\" border=\"0\" \/><\/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-19705966" > <label class="stars-view stars-view-5-19705966 " for="rating-5-19705966" onclick="handleRate(19705966, 5, 0, 'stars-view-5-19705966', 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-19705966" > <label class="stars-view stars-view-4-19705966 " for="rating-4-19705966" onclick="handleRate(19705966, 4, 0, 'stars-view-4-19705966', 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-19705966" > <label class="stars-view stars-view-3-19705966 " for="rating-3-19705966" onclick="handleRate(19705966, 3, 0, 'stars-view-3-19705966', 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-19705966" > <label class="stars-view stars-view-2-19705966 " for="rating-2-19705966" onclick="handleRate(19705966, 2, 0, 'stars-view-2-19705966', 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-19705966" > <label class="stars-view stars-view-1-19705966 " for="rating-1-19705966" onclick="handleRate(19705966, 1, 0, 'stars-view-1-19705966', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705966"> 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_19704758"> <div class="date-header">23 mars 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/03/23/4397973.html"> <h2 class="article_title title">Avez-vous vu ma pou-ou-le ? 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/WQ3X3KD4PEUXqYppY30S9_scaYU=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F67%2F26%2F193163%2F11560452_o.jpg" alt="Avez-vous vu ma pou-ou-le ? 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 00:32 - <a href="http://auteurdevues.canalblog.com/archives/2007/03/23/4397973.html#ob-comments"><span>Commentaires [<span id="comment-count-19704758">…</span><script> ob.commentCount(document.querySelector("#comment-count-19704758"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19704758", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://auteurdevues.canalblog.com/archives/2007/03/23/4397973.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://auteurdevues.canalblog.com/archives/2007/03/23/4397973.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://auteurdevues.canalblog.com/archives/2007/03/23/4397973.html" data-text="Avez-vous vu ma pou-ou-le ? 2007" 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="Avez-vous vu ma pou-ou-le ? 2007" data-pin-media="https://storage.canalblog.com/67/26/193163/11560452_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/03/23/4397973.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=Avez-vous%20vu%20ma%20pou-ou-le%20%3F%202007&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F03%2F23%2F4397973.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_19704758"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19704758") printElement.addEventListener("click", function() { ob.printPost("Avez-vous vu ma pou-ou-le ? 2007", "\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\/67\/26\/193163\/11560452.jpg\" target=\"_blank\"><img height=\"338\" alt=\"070321mapoule\" src=\"https:\/\/storage.canalblog.com\/67\/26\/193163\/11560452_p.jpg\" width=\"450\" border=\"0\" \/><\/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-19704758" > <label class="stars-view stars-view-5-19704758 " for="rating-5-19704758" onclick="handleRate(19704758, 5, 0, 'stars-view-5-19704758', 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-19704758" > <label class="stars-view stars-view-4-19704758 " for="rating-4-19704758" onclick="handleRate(19704758, 4, 0, 'stars-view-4-19704758', 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-19704758" > <label class="stars-view stars-view-3-19704758 " for="rating-3-19704758" onclick="handleRate(19704758, 3, 0, 'stars-view-3-19704758', 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-19704758" > <label class="stars-view stars-view-2-19704758 " for="rating-2-19704758" onclick="handleRate(19704758, 2, 0, 'stars-view-2-19704758', 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-19704758" > <label class="stars-view stars-view-1-19704758 " for="rating-1-19704758" onclick="handleRate(19704758, 1, 0, 'stars-view-1-19704758', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19704758"> 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="_fc02e28"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_2e3edf0"></div> </div> </div> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/29" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/page/10" class="ob-page ob-page-link ob-page-more ob-page-tens" >10</a> <a href="/page/20" class="ob-page ob-page-link ob-page-more ob-page-tens" >20</a> <span class="ob-page ob-page-current ob-page-tens" >30</span> <a href="/page/31" class="ob-page ob-page-link " >31</a> <a href="/page/32" class="ob-page ob-page-link " >32</a> <a href="/page/33" class="ob-page ob-page-link " >33</a> <a href="/page/34" class="ob-page ob-page-link " >34</a> <a href="/page/35" class="ob-page ob-page-link " >35</a> <a href="/page/36" class="ob-page ob-page-link " >36</a> <a href="/page/37" class="ob-page ob-page-link " >37</a> <a href="/page/38" class="ob-page ob-page-link " >38</a> <a href="/page/39" class="ob-page ob-page-link " >39</a> <a href="/page/40" class="ob-page ob-page-link ob-page-tens" >40</a> <a href="/page/31" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/47" 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"> Auteur de vues </div> <ul> <li> Chaque image est unique et chaque image est de nombreuses images que tu dois imaginer. </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="_ad3d498"></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 class="ob-widget ob-widget_contact-owner"> <div class="ob-h3 ob-widget_contact-owner_title ob-widget_title"> </div> <div class="ob-widget_contact-owner_link"> <a href="/contact">Contacter le propriétaire du blog</a> </div> </div> <div class="ob-widget ob-widget_archives"> <div class="ob-widget_archives_title ob-widget_title ob-h3"> Archives </div> <ul id="ob-widget_archives_list"> <li class="ob-widget_archives_year-list" data-year="2008"> <div class="ob-widget_archives_year">2008<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2008-12/">Décembre</a> (2)</li> <li><a href="/archive/2008-08/">Août</a> (1)</li> <li><a href="/archive/2008-07/">Juillet</a> (2)</li> <li><a href="/archive/2008-06/">Juin</a> (2)</li> <li><a href="/archive/2008-05/">Mai</a> (4)</li> <li><a href="/archive/2008-04/">Avril</a> (9)</li> <li><a href="/archive/2008-03/">Mars</a> (16)</li> <li><a href="/archive/2008-02/">Février</a> (10)</li> <li><a href="/archive/2008-01/">Janvier</a> (15)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2007"> <div class="ob-widget_archives_year">2007<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2007-12/">Décembre</a> (18)</li> <li><a href="/archive/2007-11/">Novembre</a> (24)</li> <li><a href="/archive/2007-10/">Octobre</a> (23)</li> <li><a href="/archive/2007-09/">Septembre</a> (15)</li> <li><a href="/archive/2007-08/">Août</a> (32)</li> <li><a href="/archive/2007-07/">Juillet</a> (31)</li> <li><a href="/archive/2007-06/">Juin</a> (23)</li> <li><a href="/archive/2007-05/">Mai</a> (32)</li> <li><a href="/archive/2007-04/">Avril</a> (30)</li> <li><a href="/archive/2007-03/">Mars</a> (35)</li> <li><a href="/archive/2007-02/">Février</a> (24)</li> <li><a href="/archive/2007-01/">Janvier</a> (30)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2006"> <div class="ob-widget_archives_year">2006<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2006-12/">Décembre</a> (28)</li> <li><a href="/archive/2006-11/">Novembre</a> (31)</li> <li><a href="/archive/2006-10/">Octobre</a> (31)</li> </ul> </li> </ul> </div> <script> var years = document.querySelectorAll(".ob-widget_archives_year") var monthList = document.querySelectorAll(".ob-widget_archives_month-list") function setMaxHeight(month) { month.style.maxHeight = month.clientHeight + "px" } function handleClick(e) { var target = e.target.nextElementSibling if (target) { e.target.classList.toggle("ob-widget_archives--open") target.classList.toggle("ob-archives-hidden") } } document.addEventListener("DOMContentLoaded", function() { monthList.forEach(function(month) { setMaxHeight(month) month.classList.add("ob-archives-hidden") }) years.forEach((year) => { year.addEventListener("click", handleClick) }) }) </script> <div class="ob-widget ob-widget_albums"> <div class="ob-h3 ob-widget_albums_title ob-widget_title"> Albums Photos </div> <ul class="ob-widget_albums_list"> <li class="ob-widget_albums_album"> <a href="http://auteurdevues.canalblog.com/albums/vitraille_troublante/index.html" title="Vitraille Troublante" class="ob-widget_albums_link"> <img src="https://image.canalblog.com/zYqmaKHPo8ORDS54pya4bLSfzjo=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F66%2F13%2F193163%2F14800391_o.jpg" alt="Vitraille Troublante" width="120" height="120" class="ob-widget_albums_img"> <span class="ob-widget_albums_name">Vitraille Troublante</span> </a> </li> <li class="ob-widget_albums_album"> <a href="http://auteurdevues.canalblog.com/albums/botha__elephants_retrouves/index.html" title="Botha, éléphants retrouvés" class="ob-widget_albums_link"> <img src="https://image.canalblog.com/8BGE_bOmL1tUEV3ZHhgxpSfKIWg=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F05%2F19%2F193163%2F13841001_o.jpg" alt="Botha, éléphants retrouvés" width="120" height="120" class="ob-widget_albums_img"> <span class="ob-widget_albums_name">Botha, éléphants retrouvés</span> </a> </li> <li class="ob-widget_albums_album"> <a href="http://auteurdevues.canalblog.com/albums/curieux_de_mer/index.html" title="Curieux de mer" class="ob-widget_albums_link"> <img src="https://image.canalblog.com/YW_N_mDn3kz2tmq2FA4k0CcHcFM=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F27%2F36%2F193163%2F13399160_o.jpg" alt="Curieux de mer" width="120" height="120" class="ob-widget_albums_img"> <span class="ob-widget_albums_name">Curieux de mer</span> </a> </li> <li class="ob-widget_albums_album"> <a href="http://auteurdevues.canalblog.com/albums/sombre_vitraille/index.html" title="Sombre vitraille" class="ob-widget_albums_link"> <img src="https://image.canalblog.com/BROh7nVtvDL7YYRKxy7APaawNPk=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F28%2F89%2F193163%2F12123666_o.jpg" alt="Sombre vitraille" width="120" height="120" class="ob-widget_albums_img"> <span class="ob-widget_albums_name">Sombre vitraille</span> </a> </li> <li class="ob-widget_albums_album"> <a href="http://auteurdevues.canalblog.com/albums/les_emballes_de_vorosmarty_ter_/index.html" title="Les emballés de Vörösmarty tér." class="ob-widget_albums_link"> <img src="https://image.canalblog.com/s9qQgdjGn6oAyQ9tFMZhCtCRdkQ=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F96%2F33%2F193163%2F11473746_o.jpg" alt="Les emballés de Vörösmarty tér." width="120" height="120" class="ob-widget_albums_img"> <span class="ob-widget_albums_name">Les emballés de Vörösmarty tér.</span> </a> </li> </ul> </div> <div class="ob-widget ob-widget_ownerAvatar"> <img class="ob-widget_ownerAvatar_img" src="https://image.canalblog.com/TqHu4OZWSkDwzuxObkc0XlXbNTk=/150x150/smart/filters:no_upscale()/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F1%2F6%2F162274.jpg" alt="Auteur de vues" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_e1ec761"></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/841973"> 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: [19704906,19704891,19706092,19705983,19704842,19704825,19704808,19704791,19705966,19704758], }) }) 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="_0d606d4"></div><div id="_6d28e6a"></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>
/https%3A%2F%2Fstorage.canalblog.com%2F47%2F40%2F193163%2F11768393_o.jpg)
/https%3A%2F%2Fstorage.canalblog.com%2F88%2F53%2F193163%2F11739930_o.jpg)
/https%3A%2F%2Fstorage.canalblog.com%2F48%2F04%2F193163%2F11739673_o.jpg)
/https%3A%2F%2Fstorage.canalblog.com%2F98%2F02%2F193163%2F11728499_o.jpg)
/https%3A%2F%2Fstorage.canalblog.com%2F87%2F80%2F193163%2F11681021_o.jpg)
