Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
Auteur de vues
Auteur de vues
>
Categories
>
Auteur de vues
21 mai 2007
Trois lumières bleues, 2007
Publicité
Publicité
20 mai 2007
Les curieux de mer, 2007
19 mai 2007
Charleroi du rail, Charleroi du ring, 2007
18 mai 2007
Les petits héros, 2007
17 mai 2007
L'art du débat, 2007
Publicité
Publicité
16 mai 2007
5 films récents de fernandomort
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 10:35 - <a href="http://auteurdevues.canalblog.com/archives/2007/05/16/4970131.html#ob-comments"><span>Commentaires [<span id="comment-count-19705697">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705697"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705697", 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/05/16/4970131.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/05/16/4970131.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/05/16/4970131.html" data-text="5 films récents de fernandomort" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=5%20films%20r%C3%A9cents%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%2F05%2F16%2F4970131.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_19705697"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705697") printElement.addEventListener("click", function() { ob.printPost("5 films r\u00e9cents 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&list[]=%2Ffernandomort&skin=glossyblack\">http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Ffernandomort%2F1&list[]=%2Ffernandomort&skin=glossyblack<\/a>" frameBorder=0 width="100%" _extended="true"><\/IFRAME><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-19705697" > <label class="stars-view stars-view-5-19705697 " for="rating-5-19705697" onclick="handleRate(19705697, 5, 0, 'stars-view-5-19705697', 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-19705697" > <label class="stars-view stars-view-4-19705697 " for="rating-4-19705697" onclick="handleRate(19705697, 4, 0, 'stars-view-4-19705697', 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-19705697" > <label class="stars-view stars-view-3-19705697 " for="rating-3-19705697" onclick="handleRate(19705697, 3, 0, 'stars-view-3-19705697', 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-19705697" > <label class="stars-view stars-view-2-19705697 " for="rating-2-19705697" onclick="handleRate(19705697, 2, 0, 'stars-view-2-19705697', 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-19705697" > <label class="stars-view stars-view-1-19705697 " for="rating-1-19705697" onclick="handleRate(19705697, 1, 0, 'stars-view-1-19705697', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705697"> 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_19705682"> <div class="date-header">16 mai 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/05/16/4970077.html"> <h2 class="article_title title">la famille "Carré long", 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/YYxErg25BBmnJSm5YcRkf-YBOa4=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F61%2F45%2F193163%2F13234629_o.jpg" alt="la famille "Carré long", 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 10:32 - <a href="http://auteurdevues.canalblog.com/archives/2007/05/16/4970077.html#ob-comments"><span>Commentaires [<span id="comment-count-19705682">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705682"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705682", 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/05/16/4970077.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/05/16/4970077.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/05/16/4970077.html" data-text="la famille &quot;Carré long&quot;, 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="la famille &quot;Carré long&quot;, 2007" data-pin-media="http://storage.canalblog.com/61/45/193163/13234629_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/05/16/4970077.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=la%20famille%20%26quot%3BCarr%C3%A9%20long%26quot%3B%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%2F05%2F16%2F4970077.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_19705682"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705682") printElement.addEventListener("click", function() { ob.printPost("la famille \"Carr\u00e9 long\", 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\/61\/45\/193163\/13234629.jpg\" target=\"_blank\"><img height=\"300\" alt=\"070514lafamilletriangle03\" src=\"https:\/\/storage.canalblog.com\/61\/45\/193163\/13234629_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-19705682" > <label class="stars-view stars-view-5-19705682 " for="rating-5-19705682" onclick="handleRate(19705682, 5, 0, 'stars-view-5-19705682', 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-19705682" > <label class="stars-view stars-view-4-19705682 " for="rating-4-19705682" onclick="handleRate(19705682, 4, 0, 'stars-view-4-19705682', 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-19705682" > <label class="stars-view stars-view-3-19705682 " for="rating-3-19705682" onclick="handleRate(19705682, 3, 0, 'stars-view-3-19705682', 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-19705682" > <label class="stars-view stars-view-2-19705682 " for="rating-2-19705682" onclick="handleRate(19705682, 2, 0, 'stars-view-2-19705682', 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-19705682" > <label class="stars-view stars-view-1-19705682 " for="rating-1-19705682" onclick="handleRate(19705682, 1, 0, 'stars-view-1-19705682', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705682"> 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_19705667"> <div class="date-header">15 mai 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/05/15/4957598.html"> <h2 class="article_title title">La chute du silence, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/05l18FgGulbglkplg5iMr5JDqlk=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F80%2F58%2F193163%2F13199645_o.jpg" alt="La chute du silence, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 08:52 - <a href="http://auteurdevues.canalblog.com/archives/2007/05/15/4957598.html#ob-comments"><span>Commentaires [<span id="comment-count-19705667">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705667"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705667", 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/05/15/4957598.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/05/15/4957598.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/05/15/4957598.html" data-text="La chute du silence, 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="La chute du silence, 2007" data-pin-media="http://storage.canalblog.com/80/58/193163/13199645_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/05/15/4957598.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=La%20chute%20du%20silence%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%2F05%2F15%2F4957598.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_19705667"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705667") printElement.addEventListener("click", function() { ob.printPost("La chute du silence, 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\/80\/58\/193163\/13199645.jpg\" target=\"_blank\"><img height=\"450\" alt=\"070514lachutedusilence\" src=\"https:\/\/storage.canalblog.com\/80\/58\/193163\/13199645_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-19705667" > <label class="stars-view stars-view-5-19705667 " for="rating-5-19705667" onclick="handleRate(19705667, 5, 0, 'stars-view-5-19705667', 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-19705667" > <label class="stars-view stars-view-4-19705667 " for="rating-4-19705667" onclick="handleRate(19705667, 4, 0, 'stars-view-4-19705667', 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-19705667" > <label class="stars-view stars-view-3-19705667 " for="rating-3-19705667" onclick="handleRate(19705667, 3, 0, 'stars-view-3-19705667', 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-19705667" > <label class="stars-view stars-view-2-19705667 " for="rating-2-19705667" onclick="handleRate(19705667, 2, 0, 'stars-view-2-19705667', 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-19705667" > <label class="stars-view stars-view-1-19705667 " for="rating-1-19705667" onclick="handleRate(19705667, 1, 0, 'stars-view-1-19705667', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705667"> 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_19705652"> <div class="date-header">14 mai 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/05/14/4945278.html"> <h2 class="article_title title">Le cocu anonyme, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/97Z1Cr5F2HvCs7I8gCjZ9jCkWVQ=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F07%2F03%2F193163%2F13164300_o.jpg" alt="Le cocu anonyme, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 09:39 - <a href="http://auteurdevues.canalblog.com/archives/2007/05/14/4945278.html#ob-comments"><span>Commentaires [<span id="comment-count-19705652">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705652"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705652", 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/05/14/4945278.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/05/14/4945278.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/05/14/4945278.html" data-text="Le cocu anonyme, 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 cocu anonyme, 2007" data-pin-media="http://storage.canalblog.com/07/03/193163/13164300_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/05/14/4945278.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%20cocu%20anonyme%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%2F05%2F14%2F4945278.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_19705652"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705652") printElement.addEventListener("click", function() { ob.printPost("Le cocu anonyme, 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\/07\/03\/193163\/13164300.jpg\" target=\"_blank\"><img height=\"169\" alt=\"070511lecocuanonyme\" src=\"https:\/\/storage.canalblog.com\/07\/03\/193163\/13164300_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-19705652" > <label class="stars-view stars-view-5-19705652 " for="rating-5-19705652" onclick="handleRate(19705652, 5, 0, 'stars-view-5-19705652', 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-19705652" > <label class="stars-view stars-view-4-19705652 " for="rating-4-19705652" onclick="handleRate(19705652, 4, 0, 'stars-view-4-19705652', 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-19705652" > <label class="stars-view stars-view-3-19705652 " for="rating-3-19705652" onclick="handleRate(19705652, 3, 0, 'stars-view-3-19705652', 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-19705652" > <label class="stars-view stars-view-2-19705652 " for="rating-2-19705652" onclick="handleRate(19705652, 2, 0, 'stars-view-2-19705652', 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-19705652" > <label class="stars-view stars-view-1-19705652 " for="rating-1-19705652" onclick="handleRate(19705652, 1, 0, 'stars-view-1-19705652', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705652"> 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_19705638"> <div class="date-header">13 mai 2007</div> <a class="article_link" href="http://auteurdevues.canalblog.com/archives/2007/05/13/4933826.html"> <h2 class="article_title title">Le hasard noir, 2007</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/iIQweovm3AmD8VZHWtTV3Q4Xj7c=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F30%2F45%2F193163%2F13127218_o.jpg" alt="Le hasard noir, 2007"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par andrefromont à 11:01 - <a href="http://auteurdevues.canalblog.com/archives/2007/05/13/4933826.html#ob-comments"><span>Commentaires [<span id="comment-count-19705638">…</span><script> ob.commentCount(document.querySelector("#comment-count-19705638"), { resource: "http://auteurdevues.canalblog.com/api/comment-count/19705638", 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/05/13/4933826.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/05/13/4933826.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/05/13/4933826.html" data-text="Le hasard noir, 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 hasard noir, 2007" data-pin-media="http://storage.canalblog.com/30/45/193163/13127218_o.jpg" data-pin-url="http://auteurdevues.canalblog.com/archives/2007/05/13/4933826.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%20hasard%20noir%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%2F05%2F13%2F4933826.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_19705638"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_19705638") printElement.addEventListener("click", function() { ob.printPost("Le hasard noir, 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\/30\/45\/193163\/13127218.jpg\" target=\"_blank\"><img height=\"338\" alt=\"070511cequir_de\" src=\"https:\/\/storage.canalblog.com\/30\/45\/193163\/13127218_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-19705638" > <label class="stars-view stars-view-5-19705638 " for="rating-5-19705638" onclick="handleRate(19705638, 5, 0, 'stars-view-5-19705638', 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-19705638" > <label class="stars-view stars-view-4-19705638 " for="rating-4-19705638" onclick="handleRate(19705638, 4, 0, 'stars-view-4-19705638', 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-19705638" > <label class="stars-view stars-view-3-19705638 " for="rating-3-19705638" onclick="handleRate(19705638, 3, 0, 'stars-view-3-19705638', 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-19705638" > <label class="stars-view stars-view-2-19705638 " for="rating-2-19705638" onclick="handleRate(19705638, 2, 0, 'stars-view-2-19705638', 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-19705638" > <label class="stars-view stars-view-1-19705638 " for="rating-1-19705638" onclick="handleRate(19705638, 1, 0, 'stars-view-1-19705638', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-19705638"> 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="_d02da22"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_0649205"></div> </div> </div> <div class="ob-pagination"> <a href="/archive/2007-05/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/archive/2007-05/" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/archive/2007-05/" class="ob-page ob-page-link " >1</a> <span class="ob-page ob-page-current " >2</span> <a href="/archive/2007-05/3" class="ob-page ob-page-link " >3</a> <a href="/archive/2007-05/4" class="ob-page ob-page-link " >4</a> <a href="/archive/2007-05/3" class="ob-page ob-page-link ob-page-next" >></a> <a href="/archive/2007-05/4" 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="_3f2e554"></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 class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_70fb008"></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: [19705771,19705756,19706834,19705725,19706798,19705697,19705682,19705667,19705652,19705638], }) }) 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="_13e9461"></div><div id="_2221fe0"></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>
/http%3A%2F%2Fstorage.canalblog.com%2F73%2F52%2F193163%2F13393749_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F68%2F91%2F193163%2F13356522_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F52%2F78%2F193163%2F13326887_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F73%2F11%2F193163%2F13299131_o.jpg)
/http%3A%2F%2Fstorage.canalblog.com%2F95%2F19%2F193163%2F13263544_o.jpg)