Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
DANYPAT4
27 janvier 2013
66172969
66172969
Publicité
Publicité
27 janvier 2013
danseur
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 15:42 - <a href="http://danypat4.canalblog.com/archives/2013/01/27/26261438.html#ob-comments"><span>Commentaires [<span id="comment-count-22974452">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974452"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974452", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2013/01/27/26261438.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://danypat4.canalblog.com/archives/2013/01/27/26261438.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://danypat4.canalblog.com/archives/2013/01/27/26261438.html" data-text="danseur" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=danseur&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2013%2F01%2F27%2F26261438.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974452"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974452") printElement.addEventListener("click", function() { ob.printPost("danseur", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><div style=\"text-align: right;\"><iframe style=\"margin: 0px; padding: 0px; width: 100%; height: 562px; overflow: hidden;\" id=\"dm_jukebox_iframe\" marginHeight=\"0\" src=\"<a href=\"http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Fplaylist%2Fx2g3w7_dm_50ba247feae00_danceur%2F1&skin=default&autoplay=1&automute=1\">http:\/\/www.dailymotion.com\/widget\/jukebox?list[]=%2Fplaylist%2Fx2g3w7_dm_50ba247feae00_danceur%2F1&skin=default&autoplay=1&automute=1<\/a>\" frameBorder=\"0\" width=\"100%\" marginWidth=\"0\" align=\"center\"><\/iframe><a style=\"color: rgb(25, 61, 94); font-size: 10px; text-decoration: none;\" title=\"Powered by Dailymotion\" href=\"<a href=\"http:\/\/www.dailymotion.com\">http:\/\/www.dailymotion.com<\/a>\" target=\"_blank\">Powered by <span style=\"text-decoration: underline;\">Dailymotion<\/span><\/a><\/div><\/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-22974452" > <label class="stars-view stars-view-5-22974452 " for="rating-5-22974452" onclick="handleRate(22974452, 5, 0, 'stars-view-5-22974452', 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-22974452" > <label class="stars-view stars-view-4-22974452 " for="rating-4-22974452" onclick="handleRate(22974452, 4, 0, 'stars-view-4-22974452', 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-22974452" > <label class="stars-view stars-view-3-22974452 " for="rating-3-22974452" onclick="handleRate(22974452, 3, 0, 'stars-view-3-22974452', 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-22974452" > <label class="stars-view stars-view-2-22974452 " for="rating-2-22974452" onclick="handleRate(22974452, 2, 0, 'stars-view-2-22974452', 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-22974452" > <label class="stars-view stars-view-1-22974452 " for="rating-1-22974452" onclick="handleRate(22974452, 1, 0, 'stars-view-1-22974452', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974452"> 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_22974445"> <div class="date-header">28 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/28/26013437.html"> <h2 class="article_title title"></h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/zR0Ub6SrWfvMKB2Wz0lMuD4NiFQ=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F79%2F72%2F944811%2F82348740_p.gif" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 21:52 - <a href="http://danypat4.canalblog.com/archives/2012/12/28/26013437.html#ob-comments"><span>Commentaires [<span id="comment-count-22974445">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974445"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974445", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/28/26013437.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://danypat4.canalblog.com/archives/2012/12/28/26013437.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://danypat4.canalblog.com/archives/2012/12/28/26013437.html" data-text="" 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="" data-pin-media="https://storage.canalblog.com/79/72/944811/82348740_p.gif" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/28/26013437.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=&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F28%2F26013437.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974445"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974445") printElement.addEventListener("click", function() { ob.printPost(null, "\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\/79\/72\/944811\/82348740_o.gif\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/79\/72\/944811\/82348740_p.gif\" alt=\"mediafile3\" width=\"160\" height=\"100\" 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-22974445" > <label class="stars-view stars-view-5-22974445 " for="rating-5-22974445" onclick="handleRate(22974445, 5, 0, 'stars-view-5-22974445', 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-22974445" > <label class="stars-view stars-view-4-22974445 " for="rating-4-22974445" onclick="handleRate(22974445, 4, 0, 'stars-view-4-22974445', 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-22974445" > <label class="stars-view stars-view-3-22974445 " for="rating-3-22974445" onclick="handleRate(22974445, 3, 0, 'stars-view-3-22974445', 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-22974445" > <label class="stars-view stars-view-2-22974445 " for="rating-2-22974445" onclick="handleRate(22974445, 2, 0, 'stars-view-2-22974445', 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-22974445" > <label class="stars-view stars-view-1-22974445 " for="rating-1-22974445" onclick="handleRate(22974445, 1, 0, 'stars-view-1-22974445', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974445"> 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_22974441"> <div class="date-header">28 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/28/26012382.html"> <h2 class="article_title title"></h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/COhEzNDE08fTrddtk4zRO515AUA=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F08%2F57%2F944811%2F82344169_p.gif" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 19:07 - <a href="http://danypat4.canalblog.com/archives/2012/12/28/26012382.html#ob-comments"><span>Commentaires [<span id="comment-count-22974441">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974441"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974441", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/28/26012382.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://danypat4.canalblog.com/archives/2012/12/28/26012382.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://danypat4.canalblog.com/archives/2012/12/28/26012382.html" data-text="" 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="" data-pin-media="https://storage.canalblog.com/08/57/944811/82344169_p.gif" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/28/26012382.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=&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F28%2F26012382.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974441"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974441") printElement.addEventListener("click", function() { ob.printPost(null, "\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\/08\/57\/944811\/82344169_o.gif\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/08\/57\/944811\/82344169_p.gif\" alt=\"tumblr_memfdlvcPv1qbxmpdo1_500_thumb[1]\" width=\"300\" height=\"155\" 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-22974441" > <label class="stars-view stars-view-5-22974441 " for="rating-5-22974441" onclick="handleRate(22974441, 5, 0, 'stars-view-5-22974441', 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-22974441" > <label class="stars-view stars-view-4-22974441 " for="rating-4-22974441" onclick="handleRate(22974441, 4, 0, 'stars-view-4-22974441', 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-22974441" > <label class="stars-view stars-view-3-22974441 " for="rating-3-22974441" onclick="handleRate(22974441, 3, 0, 'stars-view-3-22974441', 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-22974441" > <label class="stars-view stars-view-2-22974441 " for="rating-2-22974441" onclick="handleRate(22974441, 2, 0, 'stars-view-2-22974441', 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-22974441" > <label class="stars-view stars-view-1-22974441 " for="rating-1-22974441" onclick="handleRate(22974441, 1, 0, 'stars-view-1-22974441', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974441"> 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_22974436"> <div class="date-header">22 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/22/25974403.html"> <h2 class="article_title title">66172969 </h2> <div class="article_content"> <div class="article_snippet"> 66172969 </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 16:47 - <a href="http://danypat4.canalblog.com/archives/2012/12/22/25974403.html#ob-comments"><span>Commentaires [<span id="comment-count-22974436">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974436"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974436", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/22/25974403.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://danypat4.canalblog.com/archives/2012/12/22/25974403.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://danypat4.canalblog.com/archives/2012/12/22/25974403.html" data-text="66172969 " data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=66172969%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F22%2F25974403.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974436"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974436") printElement.addEventListener("click", function() { ob.printPost("66172969 ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<div itemprop=\"video\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/VideoObject\">\r\n<h2><span itemprop=\"name\"><a href=\"http:\/\/www.dailymotion.com\/video\/xvj44s_66172969_music\" target=\"_blank\">66172969<\/a><\/span><\/h2>\r\n<iframe src=\"http:\/\/www.dailymotion.com\/embed\/video\/xvj44s\" frameborder=\"0\" width=\"480\" height=\"270\"><\/iframe><meta content=\"T6M23S\" itemprop=\"duration\" \/><meta content=\"http:\/\/s1.dmcdn.net\/AQMn9\/80x60-xNx.jpg\" itemprop=\"thumbnailURL\" \/><meta content=\"http:\/\/www.dailymotion.com\/embed\/video\/xvj44s\" itemprop=\"embedURL\" \/><meta content=\"\" itemprop=\"description\" \/><meta content=\"dany mercier\" itemprop=\"author\" \/><meta content=\"2012-12-01\" itemprop=\"uploadDate\" \/><\/div> <\/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-22974436" > <label class="stars-view stars-view-5-22974436 " for="rating-5-22974436" onclick="handleRate(22974436, 5, 0, 'stars-view-5-22974436', 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-22974436" > <label class="stars-view stars-view-4-22974436 " for="rating-4-22974436" onclick="handleRate(22974436, 4, 0, 'stars-view-4-22974436', 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-22974436" > <label class="stars-view stars-view-3-22974436 " for="rating-3-22974436" onclick="handleRate(22974436, 3, 0, 'stars-view-3-22974436', 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-22974436" > <label class="stars-view stars-view-2-22974436 " for="rating-2-22974436" onclick="handleRate(22974436, 2, 0, 'stars-view-2-22974436', 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-22974436" > <label class="stars-view stars-view-1-22974436 " for="rating-1-22974436" onclick="handleRate(22974436, 1, 0, 'stars-view-1-22974436', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974436"> 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="_6cd79f6"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_5b1e636"></div> </div> </div> <div class="article article_22974431"> <div class="date-header">15 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/15/25924346.html"> <h2 class="article_title title">GUIRLANDES ANIMEES</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/2L7wOFK3dNHfYTNn3cdmkHZHQtM=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F79%2F68%2F944811%2F82008507_p.gif" alt="GUIRLANDES ANIMEES"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 18:34 - <a href="http://danypat4.canalblog.com/archives/2012/12/15/25924346.html#ob-comments"><span>Commentaires [<span id="comment-count-22974431">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974431"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974431", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/15/25924346.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://danypat4.canalblog.com/archives/2012/12/15/25924346.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://danypat4.canalblog.com/archives/2012/12/15/25924346.html" data-text="GUIRLANDES ANIMEES" 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="GUIRLANDES ANIMEES" data-pin-media="https://storage.canalblog.com/79/68/944811/82008507_p.gif" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/15/25924346.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=GUIRLANDES%20ANIMEES&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F15%2F25924346.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974431"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974431") printElement.addEventListener("click", function() { ob.printPost("GUIRLANDES ANIMEES", "\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\/79\/68\/944811\/82008507_o.gif\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/79\/68\/944811\/82008507_p.gif\" alt=\"guirlandes_31\" width=\"300\" height=\"44\" 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-22974431" > <label class="stars-view stars-view-5-22974431 " for="rating-5-22974431" onclick="handleRate(22974431, 5, 0, 'stars-view-5-22974431', 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-22974431" > <label class="stars-view stars-view-4-22974431 " for="rating-4-22974431" onclick="handleRate(22974431, 4, 0, 'stars-view-4-22974431', 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-22974431" > <label class="stars-view stars-view-3-22974431 " for="rating-3-22974431" onclick="handleRate(22974431, 3, 0, 'stars-view-3-22974431', 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-22974431" > <label class="stars-view stars-view-2-22974431 " for="rating-2-22974431" onclick="handleRate(22974431, 2, 0, 'stars-view-2-22974431', 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-22974431" > <label class="stars-view stars-view-1-22974431 " for="rating-1-22974431" onclick="handleRate(22974431, 1, 0, 'stars-view-1-22974431', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974431"> 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_22974426"> <div class="date-header">15 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/15/25924077.html"> <h2 class="article_title title">PERE NOEL</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/18P3yE2ndGsBn_CqV-R5Q5Hc8-4=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F77%2F92%2F944811%2F82007274_o.png" alt="PERE NOEL"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 17:54 - <a href="http://danypat4.canalblog.com/archives/2012/12/15/25924077.html#ob-comments"><span>Commentaires [<span id="comment-count-22974426">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974426"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974426", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/15/25924077.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://danypat4.canalblog.com/archives/2012/12/15/25924077.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://danypat4.canalblog.com/archives/2012/12/15/25924077.html" data-text="PERE NOEL" 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="PERE NOEL" data-pin-media="https://storage.canalblog.com/77/92/944811/82007274_o.png" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/15/25924077.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=PERE%20NOEL&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F15%2F25924077.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974426"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974426") printElement.addEventListener("click", function() { ob.printPost("PERE NOEL", "\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\/77\/92\/944811\/82007274_o.png\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/77\/92\/944811\/82007274_p.png\" alt=\"9c000f61\" width=\"293\" height=\"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-22974426" > <label class="stars-view stars-view-5-22974426 " for="rating-5-22974426" onclick="handleRate(22974426, 5, 0, 'stars-view-5-22974426', 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-22974426" > <label class="stars-view stars-view-4-22974426 " for="rating-4-22974426" onclick="handleRate(22974426, 4, 0, 'stars-view-4-22974426', 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-22974426" > <label class="stars-view stars-view-3-22974426 " for="rating-3-22974426" onclick="handleRate(22974426, 3, 0, 'stars-view-3-22974426', 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-22974426" > <label class="stars-view stars-view-2-22974426 " for="rating-2-22974426" onclick="handleRate(22974426, 2, 0, 'stars-view-2-22974426', 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-22974426" > <label class="stars-view stars-view-1-22974426 " for="rating-1-22974426" onclick="handleRate(22974426, 1, 0, 'stars-view-1-22974426', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974426"> 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_22974501"> <div class="date-header">15 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/15/25924009.html"> <h2 class="article_title title">PAYSAGE DE NOEL</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/DzDND0atbQpyaY_gGVtu_rjRRpc=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F63%2F31%2F944811%2F82007023_p.gif" alt="PAYSAGE DE NOEL"/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 17:45 - <a href="http://danypat4.canalblog.com/archives/2012/12/15/25924009.html#ob-comments"><span>Commentaires [<span id="comment-count-22974501">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974501"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974501", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/15/25924009.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://danypat4.canalblog.com/archives/2012/12/15/25924009.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://danypat4.canalblog.com/archives/2012/12/15/25924009.html" data-text="PAYSAGE DE NOEL" 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="PAYSAGE DE NOEL" data-pin-media="https://storage.canalblog.com/63/31/944811/82007023_p.gif" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/15/25924009.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=PAYSAGE%20DE%20NOEL&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F15%2F25924009.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974501"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974501") printElement.addEventListener("click", function() { ob.printPost("PAYSAGE DE NOEL", "\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\/63\/31\/944811\/82007023_o.gif\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/63\/31\/944811\/82007023_p.gif\" alt=\"08ddf4d7\" width=\"300\" height=\"225\" 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-22974501" > <label class="stars-view stars-view-5-22974501 " for="rating-5-22974501" onclick="handleRate(22974501, 5, 0, 'stars-view-5-22974501', 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-22974501" > <label class="stars-view stars-view-4-22974501 " for="rating-4-22974501" onclick="handleRate(22974501, 4, 0, 'stars-view-4-22974501', 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-22974501" > <label class="stars-view stars-view-3-22974501 " for="rating-3-22974501" onclick="handleRate(22974501, 3, 0, 'stars-view-3-22974501', 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-22974501" > <label class="stars-view stars-view-2-22974501 " for="rating-2-22974501" onclick="handleRate(22974501, 2, 0, 'stars-view-2-22974501', 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-22974501" > <label class="stars-view stars-view-1-22974501 " for="rating-1-22974501" onclick="handleRate(22974501, 1, 0, 'stars-view-1-22974501', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974501"> 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_22974504"> <div class="date-header">15 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/15/25923998.html"> <h2 class="article_title title"></h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/ar5kRQ3j2fzxKHMJseRqB-WIrZE=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F70%2F28%2F944811%2F82006976_p.gif" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 17:43 - <a href="http://danypat4.canalblog.com/archives/2012/12/15/25923998.html#ob-comments"><span>Commentaires [<span id="comment-count-22974504">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974504"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974504", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/15/25923998.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://danypat4.canalblog.com/archives/2012/12/15/25923998.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://danypat4.canalblog.com/archives/2012/12/15/25923998.html" data-text="" 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="" data-pin-media="https://storage.canalblog.com/70/28/944811/82006976_p.gif" data-pin-url="http://danypat4.canalblog.com/archives/2012/12/15/25923998.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=&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F15%2F25923998.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974504"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974504") printElement.addEventListener("click", function() { ob.printPost(null, "\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\/70\/28\/944811\/82006976_o.gif\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/70\/28\/944811\/82006976_p.gif\" alt=\"08ddf4d7\" width=\"300\" height=\"225\" 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-22974504" > <label class="stars-view stars-view-5-22974504 " for="rating-5-22974504" onclick="handleRate(22974504, 5, 0, 'stars-view-5-22974504', 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-22974504" > <label class="stars-view stars-view-4-22974504 " for="rating-4-22974504" onclick="handleRate(22974504, 4, 0, 'stars-view-4-22974504', 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-22974504" > <label class="stars-view stars-view-3-22974504 " for="rating-3-22974504" onclick="handleRate(22974504, 3, 0, 'stars-view-3-22974504', 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-22974504" > <label class="stars-view stars-view-2-22974504 " for="rating-2-22974504" onclick="handleRate(22974504, 2, 0, 'stars-view-2-22974504', 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-22974504" > <label class="stars-view stars-view-1-22974504 " for="rating-1-22974504" onclick="handleRate(22974504, 1, 0, 'stars-view-1-22974504', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974504"> 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_22974420"> <div class="date-header">2 décembre 2012</div> <a class="article_link" href="http://danypat4.canalblog.com/archives/2012/12/02/25724329.html"> <h2 class="article_title title">Maison décorée pour Noël 2012 (Gangnam Style)</h2> <div class="article_content"> <div class="article_snippet"> Maison décorée pour Noël 2012 (Gangnam Style) décoration de Noël Gangnam Style sur une maison, en voici une nouvelle, cette fois en Australie. C'est l'internaute WorldsBestXmasLights qui a réalisé cette maison lumineuse à l'approche des fêtes de Noël... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par danypat4 à 18:47 - <a href="http://danypat4.canalblog.com/archives/2012/12/02/25724329.html#ob-comments"><span>Commentaires [<span id="comment-count-22974420">…</span><script> ob.commentCount(document.querySelector("#comment-count-22974420"), { resource: "http://danypat4.canalblog.com/api/comment-count/22974420", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://danypat4.canalblog.com/archives/2012/12/02/25724329.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://danypat4.canalblog.com/archives/2012/12/02/25724329.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://danypat4.canalblog.com/archives/2012/12/02/25724329.html" data-text="Maison décorée pour Noël 2012 (Gangnam Style)" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Maison%20d%C3%A9cor%C3%A9e%20pour%20No%C3%ABl%202012%20%28Gangnam%20Style%29&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdanypat4.canalblog.com%2Farchives%2F2012%2F12%2F02%2F25724329.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_22974420"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_22974420") printElement.addEventListener("click", function() { ob.printPost("Maison d\u00e9cor\u00e9e pour No\u00ebl 2012 (Gangnam Style)", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<div itemprop=\"video\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/VideoObject\">\r\n<h2><span itemprop=\"name\"><a href=\"http:\/\/www.dailymotion.com\/video\/xvezmu_maison-decoree-pour-noel-2012-gangnam-style_creation\" target=\"_blank\">Maison d\u00e9cor\u00e9e pour No\u00ebl 2012 (Gangnam Style)<\/a><\/span><\/h2>\r\n<iframe src=\"http:\/\/www.dailymotion.com\/embed\/video\/xvezmu\" frameborder=\"0\" width=\"480\" height=\"270\"><\/iframe><meta content=\"T3M2S\" itemprop=\"duration\" \/><meta content=\"http:\/\/static2.dmcdn.net\/static\/video\/264\/767\/52767462:jpeg_preview_small.jpg?20121127202635\" itemprop=\"thumbnailURL\" \/><meta content=\"http:\/\/www.dailymotion.com\/embed\/video\/xvezmu\" itemprop=\"embedURL\" \/><meta content=\"Hier je vous pr\u00e9sentais une <a title=\" itemprop=\"description\" \/>d\u00e9coration de No\u00ebl Gangnam Style sur une maison, en voici une nouvelle, cette fois en Australie. C'est l'internaute <a class=\"link\" href=\"www.facebook.com\/WorldsBestChristmasLights\" rel=\"nofollow\" target=\"_blank\">WorldsBestXmasLights<\/a> qui a r\u00e9alis\u00e9 cette maison lumineuse \u00e0 l'approche des f\u00eates de No\u00ebl et qui invitent les int\u00e9ress\u00e9s \u00e0 venir assister au spectacle musical et lumineux. Sa maison se situe au n\u00b05 Bishop Riley Way \u00e0 Churchlands en Australie Occidentale. Il a utilis\u00e9 41 000 ampoules, 2 km de c\u00e2bles \u00e9lectrique et 200 heures de travail.\" \/><meta content=\"Spi0n\" itemprop=\"author\" \/><meta content=\"2012-11-27\" itemprop=\"uploadDate\" \/><\/div> <\/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-22974420" > <label class="stars-view stars-view-5-22974420 " for="rating-5-22974420" onclick="handleRate(22974420, 5, 0, 'stars-view-5-22974420', 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-22974420" > <label class="stars-view stars-view-4-22974420 " for="rating-4-22974420" onclick="handleRate(22974420, 4, 0, 'stars-view-4-22974420', 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-22974420" > <label class="stars-view stars-view-3-22974420 " for="rating-3-22974420" onclick="handleRate(22974420, 3, 0, 'stars-view-3-22974420', 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-22974420" > <label class="stars-view stars-view-2-22974420 " for="rating-2-22974420" onclick="handleRate(22974420, 2, 0, 'stars-view-2-22974420', 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-22974420" > <label class="stars-view stars-view-1-22974420 " for="rating-1-22974420" onclick="handleRate(22974420, 1, 0, 'stars-view-1-22974420', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-22974420"> 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="_50cd355"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_30a96e3"></div> </div> </div> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/" class="ob-page ob-page-link " >1</a> <span class="ob-page ob-page-current " >2</span> <a href="/page/3" class="ob-page ob-page-link " >3</a> <a href="/page/4" class="ob-page ob-page-link " >4</a> <a href="/page/5" class="ob-page ob-page-link " >5</a> <a href="/page/6" class="ob-page ob-page-link " >6</a> <a href="/page/7" class="ob-page ob-page-link " >7</a> <a href="/page/8" class="ob-page ob-page-link " >8</a> <a href="/page/9" class="ob-page ob-page-link " >9</a> <a href="/page/10" class="ob-page ob-page-link ob-page-tens" >10</a> <a href="/page/3" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/11" 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"> DANYPAT4 </div> <ul> <li> GALLERIE D IMAGES </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="_a1152db"></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_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="2015"> <div class="ob-widget_archives_year">2015<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2015-04/">Avril</a> (1)</li> <li><a href="/archive/2015-02/">Février</a> (2)</li> <li><a href="/archive/2015-01/">Janvier</a> (7)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2013"> <div class="ob-widget_archives_year">2013<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2013-01/">Janvier</a> (2)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2012"> <div class="ob-widget_archives_year">2012<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2012-12/">Décembre</a> (8)</li> <li><a href="/archive/2012-08/">Août</a> (3)</li> <li><a href="/archive/2012-05/">Mai</a> (1)</li> <li><a href="/archive/2012-04/">Avril</a> (6)</li> <li><a href="/archive/2012-03/">Mars</a> (4)</li> <li><a href="/archive/2012-02/">Février</a> (41)</li> <li><a href="/archive/2012-01/">Janvier</a> (35)</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_rss"> <div class="ob-widget_rss_element ob-widget_social-share"> <a class="ob-widget_rss_link" href="/rss" target="_blank"> <i class="fa-solid fa-rss"></i> <span>Flux RSS</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_df268ed"></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/886532"> 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: [22974498,22974452,22974445,22974441,22974436,22974431,22974426,22974501,22974504,22974420], }) }) 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="_a086980"></div><div id="_41a5a11"></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>
