Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
Auteur de vues
3 août 2007
Quelques films de fernandomort
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 07:52 - <a href="http://auteurdevues.canalblog.com/archives/2007/08/03/5794912.html#ob-comments"><span>Commentaires [<span id="comment-count-19706711">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706711"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706711", 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/08/03/5794912.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/08/03/5794912.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/08/03/5794912.html" data-text="Quelques films de fernandomort" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Quelques%20films%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%2F08%2F03%2F5794912.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_19706711"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706711") printElement.addEventListener("click", function() { ob.printPost("Quelques films 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&amp;list[]=%2Ffernandomort&amp;skin=glossyblack\">http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Ffernandomort%2F1&amp;list[]=%2Ffernandomort&amp;skin=glossyblack<\/a>" frameBorder=0 width="100%"><\/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-19706711" > <label class="stars-view stars-view-5-19706711 " for="rating-5-19706711" onclick="handleRate(19706711, 5, 0, 'stars-view-5-19706711', 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-19706711" > <label class="stars-view stars-view-4-19706711 " for="rating-4-19706711" onclick="handleRate(19706711, 4, 0, 'stars-view-4-19706711', 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-19706711" > <label class="stars-view stars-view-3-19706711 " for="rating-3-19706711" onclick="handleRate(19706711, 3, 0, 'stars-view-3-19706711', 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-19706711" > <label class="stars-view stars-view-2-19706711 " for="rating-2-19706711" onclick="handleRate(19706711, 2, 0, 'stars-view-2-19706711', 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-19706711" > <label class="stars-view stars-view-1-19706711 " for="rating-1-19706711" onclick="handleRate(19706711, 1, 0, 'stars-view-1-19706711', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706711"> 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="_4a92a53"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_9c20d3d"></div> </div> </div> <div class="article article_19706700"> <div class="date-header">2 août 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/08/02/5788301.html"> <h2 class="article_title title">Le gardien du phare</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/0okud5wZYmGVTQ498_clBYZMZmc=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F04%2F90%2F193163%2F15708895_o.jpg" alt="Le gardien du phare"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:37 - <a href="http://auteurdevues.canalblog.com/archives/2007/08/02/5788301.html#ob-comments"><span>Commentaires [<span id="comment-count-19706700">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706700"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706700", 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/08/02/5788301.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/08/02/5788301.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/08/02/5788301.html" data-text="Le gardien du phare" 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 gardien du phare" data-pin-media="https://storage.canalblog.com/04/90/193163/15708895_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/08/02/5788301.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%20gardien%20du%20phare&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F08%2F02%2F5788301.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_19706700"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706700") printElement.addEventListener("click", function() { ob.printPost("Le gardien du phare", "\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\/04\/90\/193163\/15708895.jpg\" target=\"_blank\"><img height=\"450\" alt=\"070801gardienduphare\" src=\"https:\/\/storage.canalblog.com\/04\/90\/193163\/15708895_p.jpg\" width=\"318\" 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-19706700" > <label class="stars-view stars-view-5-19706700 " for="rating-5-19706700" onclick="handleRate(19706700, 5, 0, 'stars-view-5-19706700', 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-19706700" > <label class="stars-view stars-view-4-19706700 " for="rating-4-19706700" onclick="handleRate(19706700, 4, 0, 'stars-view-4-19706700', 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-19706700" > <label class="stars-view stars-view-3-19706700 " for="rating-3-19706700" onclick="handleRate(19706700, 3, 0, 'stars-view-3-19706700', 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-19706700" > <label class="stars-view stars-view-2-19706700 " for="rating-2-19706700" onclick="handleRate(19706700, 2, 0, 'stars-view-2-19706700', 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-19706700" > <label class="stars-view stars-view-1-19706700 " for="rating-1-19706700" onclick="handleRate(19706700, 1, 0, 'stars-view-1-19706700', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706700"> 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_19706688"> <div class="date-header">1 août 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/08/01/5778869.html"> <h2 class="article_title title">Le bleu pariétal</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/5mGeliBUoJFdGoPA8f19WryP_Yg=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F00%2F39%2F193163%2F15680679_o.jpg" alt="Le bleu pariétal"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 10:07 - <a href="http://auteurdevues.canalblog.com/archives/2007/08/01/5778869.html#ob-comments"><span>Commentaires [<span id="comment-count-19706688">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706688"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706688", 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/08/01/5778869.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/08/01/5778869.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/08/01/5778869.html" data-text="Le bleu pariétal" 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 bleu pariétal" data-pin-media="https://storage.canalblog.com/00/39/193163/15680679_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/08/01/5778869.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%20bleu%20pari%C3%A9tal&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F08%2F01%2F5778869.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_19706688"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706688") printElement.addEventListener("click", function() { ob.printPost("Le bleu pari\u00e9tal", "\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\/00\/39\/193163\/15680679.jpg\" target=\"_blank\"><img height=\"450\" alt=\"070801rupestre\" src=\"https:\/\/storage.canalblog.com\/00\/39\/193163\/15680679_p.jpg\" width=\"318\" 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-19706688" > <label class="stars-view stars-view-5-19706688 " for="rating-5-19706688" onclick="handleRate(19706688, 5, 0, 'stars-view-5-19706688', 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-19706688" > <label class="stars-view stars-view-4-19706688 " for="rating-4-19706688" onclick="handleRate(19706688, 4, 0, 'stars-view-4-19706688', 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-19706688" > <label class="stars-view stars-view-3-19706688 " for="rating-3-19706688" onclick="handleRate(19706688, 3, 0, 'stars-view-3-19706688', 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-19706688" > <label class="stars-view stars-view-2-19706688 " for="rating-2-19706688" onclick="handleRate(19706688, 2, 0, 'stars-view-2-19706688', 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-19706688" > <label class="stars-view stars-view-1-19706688 " for="rating-1-19706688" onclick="handleRate(19706688, 1, 0, 'stars-view-1-19706688', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706688"> 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_19706676"> <div class="date-header">31 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/31/5768580.html"> <h2 class="article_title title">Douce chute</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/pEed0k_YM-V__SdhhFgfYuV3C9Q=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F28%2F80%2F193163%2F15649903_o.jpg" alt="Douce chute"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:19 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/31/5768580.html#ob-comments"><span>Commentaires [<span id="comment-count-19706676">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706676"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706676", 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/07/31/5768580.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/07/31/5768580.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/07/31/5768580.html" data-text="Douce chute" 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="Douce chute" data-pin-media="https://storage.canalblog.com/28/80/193163/15649903_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/31/5768580.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=Douce%20chute&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fauteurdevues.canalblog.com%2Farchives%2F2007%2F07%2F31%2F5768580.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_19706676"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706676") printElement.addEventListener("click", function() { ob.printPost("Douce chute", "\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\/28\/80\/193163\/15649903.jpg\" target=\"_blank\"><img height=\"338\" alt=\"070625parachute\" src=\"https:\/\/storage.canalblog.com\/28\/80\/193163\/15649903_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-19706676" > <label class="stars-view stars-view-5-19706676 " for="rating-5-19706676" onclick="handleRate(19706676, 5, 0, 'stars-view-5-19706676', 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-19706676" > <label class="stars-view stars-view-4-19706676 " for="rating-4-19706676" onclick="handleRate(19706676, 4, 0, 'stars-view-4-19706676', 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-19706676" > <label class="stars-view stars-view-3-19706676 " for="rating-3-19706676" onclick="handleRate(19706676, 3, 0, 'stars-view-3-19706676', 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-19706676" > <label class="stars-view stars-view-2-19706676 " for="rating-2-19706676" onclick="handleRate(19706676, 2, 0, 'stars-view-2-19706676', 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-19706676" > <label class="stars-view stars-view-1-19706676 " for="rating-1-19706676" onclick="handleRate(19706676, 1, 0, 'stars-view-1-19706676', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706676"> 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_19706666"> <div class="date-header">30 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/30/5758809.html"> <h2 class="article_title title">L'ornithologue, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/Q8dhRgPH7SiB2WvtIs51KyhXbPg=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F75%2F21%2F193163%2F15615917_o.jpg" alt="L'ornithologue, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 10:19 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/30/5758809.html#ob-comments"><span>Commentaires [<span id="comment-count-19706666">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706666"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706666", 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/07/30/5758809.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/07/30/5758809.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/07/30/5758809.html" data-text="L'ornithologue, 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'ornithologue, 2007" data-pin-media="https://storage.canalblog.com/75/21/193163/15615917_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/30/5758809.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%27ornithologue%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%2F07%2F30%2F5758809.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_19706666"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706666") printElement.addEventListener("click", function() { ob.printPost("L'ornithologue, 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\/75\/21\/193163\/15615917.jpg\" target=\"_blank\"><img height=\"450\" alt=\"070724ornithologue\" src=\"https:\/\/storage.canalblog.com\/75\/21\/193163\/15615917_p.jpg\" width=\"449\" 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-19706666" > <label class="stars-view stars-view-5-19706666 " for="rating-5-19706666" onclick="handleRate(19706666, 5, 0, 'stars-view-5-19706666', 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-19706666" > <label class="stars-view stars-view-4-19706666 " for="rating-4-19706666" onclick="handleRate(19706666, 4, 0, 'stars-view-4-19706666', 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-19706666" > <label class="stars-view stars-view-3-19706666 " for="rating-3-19706666" onclick="handleRate(19706666, 3, 0, 'stars-view-3-19706666', 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-19706666" > <label class="stars-view stars-view-2-19706666 " for="rating-2-19706666" onclick="handleRate(19706666, 2, 0, 'stars-view-2-19706666', 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-19706666" > <label class="stars-view stars-view-1-19706666 " for="rating-1-19706666" onclick="handleRate(19706666, 1, 0, 'stars-view-1-19706666', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706666"> 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="_82f644e"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_c6e09ce"></div> </div> </div> <div class="article article_19707315"> <div class="date-header">29 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/29/5749834.html"> <h2 class="article_title title">Le puzzle des voiles, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/ccUFuHh15pVIjVbU96HxCSzho08=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F99%2F61%2F193163%2F15582483_o.jpg" alt="Le puzzle des voiles, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 10:11 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/29/5749834.html#ob-comments"><span>Commentaires [<span id="comment-count-19707315">…</span><script> ob.commentCount(document.querySelector("#comment-count-19707315"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19707315", 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/07/29/5749834.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/07/29/5749834.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/07/29/5749834.html" data-text="Le puzzle des voiles, 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 puzzle des voiles, 2007" data-pin-media="https://storage.canalblog.com/99/61/193163/15582483_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/29/5749834.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%20puzzle%20des%20voiles%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%2F07%2F29%2F5749834.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_19707315"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19707315") printElement.addEventListener("click", function() { ob.printPost("Le puzzle des voiles, 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\/99\/61\/193163\/15582483.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070728p_tales\" src=\"https:\/\/storage.canalblog.com\/99\/61\/193163\/15582483_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-19707315" > <label class="stars-view stars-view-5-19707315 " for="rating-5-19707315" onclick="handleRate(19707315, 5, 0, 'stars-view-5-19707315', 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-19707315" > <label class="stars-view stars-view-4-19707315 " for="rating-4-19707315" onclick="handleRate(19707315, 4, 0, 'stars-view-4-19707315', 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-19707315" > <label class="stars-view stars-view-3-19707315 " for="rating-3-19707315" onclick="handleRate(19707315, 3, 0, 'stars-view-3-19707315', 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-19707315" > <label class="stars-view stars-view-2-19707315 " for="rating-2-19707315" onclick="handleRate(19707315, 2, 0, 'stars-view-2-19707315', 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-19707315" > <label class="stars-view stars-view-1-19707315 " for="rating-1-19707315" onclick="handleRate(19707315, 1, 0, 'stars-view-1-19707315', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19707315"> 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_19706647"> <div class="date-header">28 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/28/5741857.html"> <h2 class="article_title title">Le poulpe parmi les moules, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/9cVUB66bB5FZFkkgUOkopWv2ENI=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F66%2F83%2F193163%2F15556700_o.jpg" alt="Le poulpe parmi les moules, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 08:20 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/28/5741857.html#ob-comments"><span>Commentaires [<span id="comment-count-19706647">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706647"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706647", 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/07/28/5741857.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/07/28/5741857.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/07/28/5741857.html" data-text="Le poulpe parmi les moules, 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 poulpe parmi les moules, 2007" data-pin-media="https://storage.canalblog.com/66/83/193163/15556700_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/28/5741857.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%20poulpe%20parmi%20les%20moules%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%2F07%2F28%2F5741857.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_19706647"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706647") printElement.addEventListener("click", function() { ob.printPost("Le poulpe parmi les moules, 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\/66\/83\/193163\/15556700.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070719led_barquement\" src=\"https:\/\/storage.canalblog.com\/66\/83\/193163\/15556700_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-19706647" > <label class="stars-view stars-view-5-19706647 " for="rating-5-19706647" onclick="handleRate(19706647, 5, 0, 'stars-view-5-19706647', 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-19706647" > <label class="stars-view stars-view-4-19706647 " for="rating-4-19706647" onclick="handleRate(19706647, 4, 0, 'stars-view-4-19706647', 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-19706647" > <label class="stars-view stars-view-3-19706647 " for="rating-3-19706647" onclick="handleRate(19706647, 3, 0, 'stars-view-3-19706647', 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-19706647" > <label class="stars-view stars-view-2-19706647 " for="rating-2-19706647" onclick="handleRate(19706647, 2, 0, 'stars-view-2-19706647', 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-19706647" > <label class="stars-view stars-view-1-19706647 " for="rating-1-19706647" onclick="handleRate(19706647, 1, 0, 'stars-view-1-19706647', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706647"> 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_19708010"> <div class="date-header">27 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/27/5732529.html"> <h2 class="article_title title">Chasse dessous la table, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/ju2ow2LwRrxcQH6tTCYpV3xfgUs=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F62%2F51%2F193163%2F15526816_o.jpg" alt="Chasse dessous la table, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:01 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/27/5732529.html#ob-comments"><span>Commentaires [<span id="comment-count-19708010">…</span><script> ob.commentCount(document.querySelector("#comment-count-19708010"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19708010", 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/07/27/5732529.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/07/27/5732529.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/07/27/5732529.html" data-text="Chasse dessous la table, 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="Chasse dessous la table, 2007" data-pin-media="https://storage.canalblog.com/62/51/193163/15526816_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/27/5732529.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=Chasse%20dessous%20la%20table%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%2F07%2F27%2F5732529.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_19708010"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19708010") printElement.addEventListener("click", function() { ob.printPost("Chasse dessous la table, 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\/62\/51\/193163\/15526816.jpg\" target=\"_blank\"><img height=\"450\" alt=\"070724dessouslatable\" src=\"https:\/\/storage.canalblog.com\/62\/51\/193163\/15526816_p.jpg\" width=\"300\" 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-19708010" > <label class="stars-view stars-view-5-19708010 " for="rating-5-19708010" onclick="handleRate(19708010, 5, 0, 'stars-view-5-19708010', 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-19708010" > <label class="stars-view stars-view-4-19708010 " for="rating-4-19708010" onclick="handleRate(19708010, 4, 0, 'stars-view-4-19708010', 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-19708010" > <label class="stars-view stars-view-3-19708010 " for="rating-3-19708010" onclick="handleRate(19708010, 3, 0, 'stars-view-3-19708010', 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-19708010" > <label class="stars-view stars-view-2-19708010 " for="rating-2-19708010" onclick="handleRate(19708010, 2, 0, 'stars-view-2-19708010', 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-19708010" > <label class="stars-view stars-view-1-19708010 " for="rating-1-19708010" onclick="handleRate(19708010, 1, 0, 'stars-view-1-19708010', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19708010"> 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_19706622"> <div class="date-header">26 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/26/5722027.html"> <h2 class="article_title title">Diagonale des feuilles, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/yQL6WB4NC16usYDdee9CuYMqSh4=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F03%2F38%2F193163%2F15494382_o.jpg" alt="Diagonale des feuilles, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 08:42 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/26/5722027.html#ob-comments"><span>Commentaires [<span id="comment-count-19706622">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706622"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706622", 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/07/26/5722027.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/07/26/5722027.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/07/26/5722027.html" data-text="Diagonale des feuilles, 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="Diagonale des feuilles, 2007" data-pin-media="https://storage.canalblog.com/03/38/193163/15494382_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/26/5722027.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=Diagonale%20des%20feuilles%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%2F07%2F26%2F5722027.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_19706622"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706622") printElement.addEventListener("click", function() { ob.printPost("Diagonale des feuilles, 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\/03\/38\/193163\/15494382.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070724l_oreille\" src=\"https:\/\/storage.canalblog.com\/03\/38\/193163\/15494382_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-19706622" > <label class="stars-view stars-view-5-19706622 " for="rating-5-19706622" onclick="handleRate(19706622, 5, 0, 'stars-view-5-19706622', 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-19706622" > <label class="stars-view stars-view-4-19706622 " for="rating-4-19706622" onclick="handleRate(19706622, 4, 0, 'stars-view-4-19706622', 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-19706622" > <label class="stars-view stars-view-3-19706622 " for="rating-3-19706622" onclick="handleRate(19706622, 3, 0, 'stars-view-3-19706622', 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-19706622" > <label class="stars-view stars-view-2-19706622 " for="rating-2-19706622" onclick="handleRate(19706622, 2, 0, 'stars-view-2-19706622', 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-19706622" > <label class="stars-view stars-view-1-19706622 " for="rating-1-19706622" onclick="handleRate(19706622, 1, 0, 'stars-view-1-19706622', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706622"> 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_19706609"> <div class="date-header">25 juillet 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/07/25/5712525.html"> <h2 class="article_title title">Morlanwelz, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/gRzOO0ePFH3esMD8i_VdO6YrARk=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F18%2F62%2F193163%2F15463208_o.jpg" alt="Morlanwelz, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:12 - <a href="http://auteurdevues.canalblog.com/archives/2007/07/25/5712525.html#ob-comments"><span>Commentaires [<span id="comment-count-19706609">…</span><script> ob.commentCount(document.querySelector("#comment-count-19706609"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19706609", 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/07/25/5712525.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/07/25/5712525.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/07/25/5712525.html" data-text="Morlanwelz, 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="Morlanwelz, 2007" data-pin-media="https://storage.canalblog.com/18/62/193163/15463208_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/07/25/5712525.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=Morlanwelz%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%2F07%2F25%2F5712525.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_19706609"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19706609") printElement.addEventListener("click", function() { ob.printPost("Morlanwelz, 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\/18\/62\/193163\/15463208.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070724morlanwelz\" src=\"https:\/\/storage.canalblog.com\/18\/62\/193163\/15463208_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-19706609" > <label class="stars-view stars-view-5-19706609 " for="rating-5-19706609" onclick="handleRate(19706609, 5, 0, 'stars-view-5-19706609', 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-19706609" > <label class="stars-view stars-view-4-19706609 " for="rating-4-19706609" onclick="handleRate(19706609, 4, 0, 'stars-view-4-19706609', 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-19706609" > <label class="stars-view stars-view-3-19706609 " for="rating-3-19706609" onclick="handleRate(19706609, 3, 0, 'stars-view-3-19706609', 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-19706609" > <label class="stars-view stars-view-2-19706609 " for="rating-2-19706609" onclick="handleRate(19706609, 2, 0, 'stars-view-2-19706609', 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-19706609" > <label class="stars-view stars-view-1-19706609 " for="rating-1-19706609" onclick="handleRate(19706609, 1, 0, 'stars-view-1-19706609', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19706609"> 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="_c78033a"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_40c45d1"></div> </div> </div> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/17" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/page/10" class="ob-page ob-page-link ob-page-tens" >10</a> <a href="/page/11" class="ob-page ob-page-link " >11</a> <a href="/page/12" class="ob-page ob-page-link " >12</a> <a href="/page/13" class="ob-page ob-page-link " >13</a> <a href="/page/14" class="ob-page ob-page-link " >14</a> <a href="/page/15" class="ob-page ob-page-link " >15</a> <a href="/page/16" class="ob-page ob-page-link " >16</a> <a href="/page/17" class="ob-page ob-page-link " >17</a> <span class="ob-page ob-page-current " >18</span> <a href="/page/19" class="ob-page ob-page-link " >19</a> <a href="/page/20" class="ob-page ob-page-link ob-page-tens" >20</a> <a href="/page/30" class="ob-page ob-page-link ob-page-more ob-page-tens" >30</a> <a href="/page/40" class="ob-page ob-page-link ob-page-more ob-page-tens" >40</a> <a href="/page/19" 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="_91a6a36"></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="_da60193"></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: [19706711,19706700,19706688,19706676,19706666,19707315,19706647,19708010,19706622,19706609], }) }) 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="_2afe461"></div><div id="_26e576c"></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>
