Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
LES ACTIVITES DE PALETTE DECO
LES ACTIVITES DE PALETTE DECO
>
Categories
>
LES ACTIVITES DE PALETTE DECO
25 novembre 2019
PERE NOEL
<div class="article_footer_info"> Posté par PALETTE DECO à 07:55 - <a href="http://creationpalette.canalblog.com/archives/2019/11/25/37815420.html#ob-comments"><span>Commentaires [<span id="comment-count-10670187">…</span><script> ob.commentCount(document.querySelector("#comment-count-10670187"), { resource: "http://creationpalette.canalblog.com/api/comment-count/10670187", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://creationpalette.canalblog.com/archives/2019/11/25/37815420.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://creationpalette.canalblog.com/archives/2019/11/25/37815420.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://creationpalette.canalblog.com/archives/2019/11/25/37815420.html" data-text="PERE NOEL" data-lang="en" ></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%2Fcreationpalette.canalblog.com%2Farchives%2F2019%2F11%2F25%2F37815420.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_10670187"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_10670187") 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><iframe src=\"https:\/\/www.facebook.com\/plugins\/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fitsalwaysautum<\/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-10670187" > <label class="stars-view stars-view-5-10670187 " for="rating-5-10670187" onclick="handleRate(10670187, 5, 0, 'stars-view-5-10670187', 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-10670187" > <label class="stars-view stars-view-4-10670187 " for="rating-4-10670187" onclick="handleRate(10670187, 4, 0, 'stars-view-4-10670187', 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-10670187" > <label class="stars-view stars-view-3-10670187 " for="rating-3-10670187" onclick="handleRate(10670187, 3, 0, 'stars-view-3-10670187', 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-10670187" > <label class="stars-view stars-view-2-10670187 " for="rating-2-10670187" onclick="handleRate(10670187, 2, 0, 'stars-view-2-10670187', 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-10670187" > <label class="stars-view stars-view-1-10670187 " for="rating-1-10670187" onclick="handleRate(10670187, 1, 0, 'stars-view-1-10670187', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-10670187"> 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="_773459a"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_8be7bde"></div> </div> </div> <div class="article article_10670178"> <div class="date-header">17 novembre 2019</div> <a class="article_link" href="http://creationpalette.canalblog.com/archives/2019/11/17/37795737.html"> <h2 class="article_title title">MARCHE DE NOEL</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/mME_yi0ajCva9usUACtinqgaYLk=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F49%2F24%2F1481275%2F125226425_o.jpg" alt="MARCHE DE NOEL"/> </div> <div class="article_snippet"> L ASSOCIATION : PALETTE ET DECO SERA PRESENTE AU MARCHE DE NOEL DE LEDIGNAN LE SAMEDI 14 DECEMBRE venez nous rendre visite </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par PALETTE DECO à 09:51 - <a href="http://creationpalette.canalblog.com/archives/2019/11/17/37795737.html#ob-comments"><span>Commentaires [<span id="comment-count-10670178">…</span><script> ob.commentCount(document.querySelector("#comment-count-10670178"), { resource: "http://creationpalette.canalblog.com/api/comment-count/10670178", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://creationpalette.canalblog.com/archives/2019/11/17/37795737.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://creationpalette.canalblog.com/archives/2019/11/17/37795737.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://creationpalette.canalblog.com/archives/2019/11/17/37795737.html" data-text="MARCHE 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="MARCHE DE NOEL" data-pin-media="http://storage.canalblog.com/49/24/1481275/125226425_o.jpg" data-pin-url="http://creationpalette.canalblog.com/archives/2019/11/17/37795737.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=MARCHE%20DE%20NOEL&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fcreationpalette.canalblog.com%2Farchives%2F2019%2F11%2F17%2F37795737.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_10670178"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_10670178") printElement.addEventListener("click", function() { ob.printPost("MARCHE 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 name=\"IMG_125226425\" href=\"https:\/\/storage.canalblog.com\/49\/24\/1481275\/125226425_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/49\/24\/1481275\/125226425.jpg\" border=\"0\" alt=\"illustration-marche-de-noel-a-frankfort_1-1568916274\" class=\"nonealign width600\" \/><\/a><\/p>\r\n<p> <\/p>\r\n<p>L ASSOCIATION : PALETTE ET DECO SERA PRESENTE AU MARCHE DE NOEL DE LEDIGNAN<\/p>\r\n<p> <\/p>\r\n<p>LE SAMEDI 14 DECEMBRE<\/p>\r\n<p> <\/p>\r\n<p>venez nous rendre visite<\/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-10670178" > <label class="stars-view stars-view-5-10670178 " for="rating-5-10670178" onclick="handleRate(10670178, 5, 0, 'stars-view-5-10670178', 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-10670178" > <label class="stars-view stars-view-4-10670178 " for="rating-4-10670178" onclick="handleRate(10670178, 4, 0, 'stars-view-4-10670178', 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-10670178" > <label class="stars-view stars-view-3-10670178 " for="rating-3-10670178" onclick="handleRate(10670178, 3, 0, 'stars-view-3-10670178', 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-10670178" > <label class="stars-view stars-view-2-10670178 " for="rating-2-10670178" onclick="handleRate(10670178, 2, 0, 'stars-view-2-10670178', 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-10670178" > <label class="stars-view stars-view-1-10670178 " for="rating-1-10670178" onclick="handleRate(10670178, 1, 0, 'stars-view-1-10670178', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-10670178"> 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_10670168"> <div class="date-header">9 novembre 2019</div> <a class="article_link" href="http://creationpalette.canalblog.com/archives/2019/11/09/37775122.html"> <h2 class="article_title title">BOULE LUMINEUSE</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/q7NunF9iRsqY4Z5nyKBEsn67UBA=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fstorage.canalblog.com%2F15%2F55%2F1481275%2F125151160_o.jpg" alt="BOULE LUMINEUSE"/> </div> <div class="article_snippet"> A FAIRE MARDI EN ATELIER </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par PALETTE DECO à 10:50 - <a href="http://creationpalette.canalblog.com/archives/2019/11/09/37775122.html#ob-comments"><span>Commentaires [<span id="comment-count-10670168">…</span><script> ob.commentCount(document.querySelector("#comment-count-10670168"), { resource: "http://creationpalette.canalblog.com/api/comment-count/10670168", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://creationpalette.canalblog.com/archives/2019/11/09/37775122.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://creationpalette.canalblog.com/archives/2019/11/09/37775122.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://creationpalette.canalblog.com/archives/2019/11/09/37775122.html" data-text="BOULE LUMINEUSE" 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="BOULE LUMINEUSE" data-pin-media="http://storage.canalblog.com/15/55/1481275/125151160_o.jpg" data-pin-url="http://creationpalette.canalblog.com/archives/2019/11/09/37775122.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=BOULE%20LUMINEUSE&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fcreationpalette.canalblog.com%2Farchives%2F2019%2F11%2F09%2F37775122.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_10670168"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_10670168") printElement.addEventListener("click", function() { ob.printPost("BOULE LUMINEUSE", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p>A FAIRE MARDI EN ATELIER<\/p>\r\n<p><a name=\"IMG_125151160\" href=\"https:\/\/storage.canalblog.com\/15\/55\/1481275\/125151160_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/15\/55\/1481275\/125151160.jpg\" border=\"0\" alt=\"75278254_10217913790094701_7933750781302276096_o\" class=\"nonealign width450\" \/><\/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-10670168" > <label class="stars-view stars-view-5-10670168 " for="rating-5-10670168" onclick="handleRate(10670168, 5, 0, 'stars-view-5-10670168', 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-10670168" > <label class="stars-view stars-view-4-10670168 " for="rating-4-10670168" onclick="handleRate(10670168, 4, 0, 'stars-view-4-10670168', 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-10670168" > <label class="stars-view stars-view-3-10670168 " for="rating-3-10670168" onclick="handleRate(10670168, 3, 0, 'stars-view-3-10670168', 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-10670168" > <label class="stars-view stars-view-2-10670168 " for="rating-2-10670168" onclick="handleRate(10670168, 2, 0, 'stars-view-2-10670168', 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-10670168" > <label class="stars-view stars-view-1-10670168 " for="rating-1-10670168" onclick="handleRate(10670168, 1, 0, 'stars-view-1-10670168', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-10670168"> 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_10670156"> <div class="date-header">4 novembre 2019</div> <a class="article_link" href="http://creationpalette.canalblog.com/archives/2019/11/04/37762508.html"> <h2 class="article_title title">paquet cadeau</h2> <div class="article_content"> <div class="article_snippet"> Le Pigottine di Vanda - "Surprise" Tutorial n. 6 Autunno 2019 </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par PALETTE DECO à 09:45 - <a href="http://creationpalette.canalblog.com/archives/2019/11/04/37762508.html#ob-comments"><span>Commentaires [<span id="comment-count-10670156">…</span><script> ob.commentCount(document.querySelector("#comment-count-10670156"), { resource: "http://creationpalette.canalblog.com/api/comment-count/10670156", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://creationpalette.canalblog.com/archives/2019/11/04/37762508.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://creationpalette.canalblog.com/archives/2019/11/04/37762508.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://creationpalette.canalblog.com/archives/2019/11/04/37762508.html" data-text="paquet cadeau" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=paquet%20cadeau&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fcreationpalette.canalblog.com%2Farchives%2F2019%2F11%2F04%2F37762508.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_10670156"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_10670156") printElement.addEventListener("click", function() { ob.printPost("paquet cadeau", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<div class=\"divVideo\" id=\"FEcHsZHJ3Mg\" style=\"width: 480px;\" itemprop=\"video\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/VideoObject\">\r\n<p class=\"videoTitle\">Le Pigottine di Vanda - \"Surprise\" Tutorial n. 6 Autunno 2019<\/p>\r\n<meta content=\"30m55S\" itemprop=\"duration\" \/><meta content=\"https:\/\/i.ytimg.com\/vi\/FEcHsZHJ3Mg\/default.jpg\" itemprop=\"thumbnailURL\" \/><meta content=\"\" itemprop=\"embedURL\" \/><meta content=\"Siamo arrivate alla fine di questa serie di tutorial autunnali e come concludere al meglio se non con una bellissima \" itemprop=\"description\" \/><meta content=\"Le Pigottine Di Vanda\" itemprop=\"author\" \/><meta content=\"2019-10-23\" itemprop=\"uploadDate\" \/><iframe src=\"https:\/\/www.youtube.com\/embed\/FEcHsZHJ3Mg?autoplay=0&controls=1&widget_referrer=https%3A%2F%2Fwww.canalblog.com%2Fcf%2Fmy%2F%3Fnav%3Dblog.upload.video%26%26bid%3D1481275&enablejsapi=1&origin=https%3A%2F%2Fwww.canalblog.com&widgetid=1\" border=\"0\" title=\"YouTube video player\" width=\"480\" height=\"270\" style=\"\" allowfullscreen=\"1\"><\/iframe><\/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-10670156" > <label class="stars-view stars-view-5-10670156 " for="rating-5-10670156" onclick="handleRate(10670156, 5, 0, 'stars-view-5-10670156', 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-10670156" > <label class="stars-view stars-view-4-10670156 " for="rating-4-10670156" onclick="handleRate(10670156, 4, 0, 'stars-view-4-10670156', 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-10670156" > <label class="stars-view stars-view-3-10670156 " for="rating-3-10670156" onclick="handleRate(10670156, 3, 0, 'stars-view-3-10670156', 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-10670156" > <label class="stars-view stars-view-2-10670156 " for="rating-2-10670156" onclick="handleRate(10670156, 2, 0, 'stars-view-2-10670156', 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-10670156" > <label class="stars-view stars-view-1-10670156 " for="rating-1-10670156" onclick="handleRate(10670156, 1, 0, 'stars-view-1-10670156', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-10670156"> 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_10670145"> <div class="date-header">4 novembre 2019</div> <a class="article_link" href="http://creationpalette.canalblog.com/archives/2019/11/04/37762429.html"> <h2 class="article_title title">SAPIN</h2> <div class="article_content"> <div class="article_snippet"> TUTORIAL FUSTELLA FLORES: ALBERINO DI NATALE CUCITO </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par PALETTE DECO à 08:55 - <a href="http://creationpalette.canalblog.com/archives/2019/11/04/37762429.html#ob-comments"><span>Commentaires [<span id="comment-count-10670145">…</span><script> ob.commentCount(document.querySelector("#comment-count-10670145"), { resource: "http://creationpalette.canalblog.com/api/comment-count/10670145", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://creationpalette.canalblog.com/archives/2019/11/04/37762429.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://creationpalette.canalblog.com/archives/2019/11/04/37762429.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://creationpalette.canalblog.com/archives/2019/11/04/37762429.html" data-text="SAPIN" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=SAPIN&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fcreationpalette.canalblog.com%2Farchives%2F2019%2F11%2F04%2F37762429.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_10670145"> <img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_10670145") printElement.addEventListener("click", function() { ob.printPost("SAPIN", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<div class=\"divVideo\" id=\"tDlwywc5Xc0\" style=\"width: 480px;\" itemprop=\"video\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/VideoObject\">\r\n<p class=\"videoTitle\">TUTORIAL FUSTELLA FLORES: ALBERINO DI NATALE CUCITO<\/p>\r\n<meta content=\"9m7S\" itemprop=\"duration\" \/><meta content=\"https:\/\/i.ytimg.com\/vi\/tDlwywc5Xc0\/default.jpg\" itemprop=\"thumbnailURL\" \/><meta content=\"\" itemprop=\"embedURL\" \/><meta content=\"ciao a tutte, in questo tutorial vi mostriamo come realizzare un albero di natale cucito con i petali della nostra fustella Flores, in esclusiva da...\" itemprop=\"description\" \/><meta content=\"Hakuna Matata Merceria Ancona\" itemprop=\"author\" \/><meta content=\"2019-10-22\" itemprop=\"uploadDate\" \/><iframe src=\"https:\/\/www.youtube.com\/embed\/tDlwywc5Xc0?autoplay=0&controls=1&widget_referrer=https%3A%2F%2Fwww.canalblog.com%2Fcf%2Fmy%2F%3Fnav%3Dblog.upload.video%26%26bid%3D1481275&enablejsapi=1&origin=https%3A%2F%2Fwww.canalblog.com&widgetid=1\" border=\"0\" title=\"YouTube video player\" width=\"480\" height=\"270\" style=\"\" allowfullscreen=\"1\"><\/iframe><\/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-10670145" > <label class="stars-view stars-view-5-10670145 " for="rating-5-10670145" onclick="handleRate(10670145, 5, 0, 'stars-view-5-10670145', 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-10670145" > <label class="stars-view stars-view-4-10670145 " for="rating-4-10670145" onclick="handleRate(10670145, 4, 0, 'stars-view-4-10670145', 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-10670145" > <label class="stars-view stars-view-3-10670145 " for="rating-3-10670145" onclick="handleRate(10670145, 3, 0, 'stars-view-3-10670145', 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-10670145" > <label class="stars-view stars-view-2-10670145 " for="rating-2-10670145" onclick="handleRate(10670145, 2, 0, 'stars-view-2-10670145', 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-10670145" > <label class="stars-view stars-view-1-10670145 " for="rating-1-10670145" onclick="handleRate(10670145, 1, 0, 'stars-view-1-10670145', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-10670145"> 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="_fd1dddf"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_11ba5bd"></div> </div> </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"> LES ACTIVITES DE PALETTE DECO </div> <ul> <li> UN BLOG SUR LA COUTURE . LE SCRAP ET DIVERS CREATIONS MANUELLES DE L'ASSOCIATION PALETTE DECO DE LEZAN </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="_ec78d5d"></div> </div> <div class="ob-widget ob-widget_subscribe"> <div class="ob-h3 ob-widget_subscribe_title ob-widget_title"> Newsletter </div> <div class="ob-widget_subscribe_content"> <!-- subscription form --> <form action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post" class="ob-form ob-form-subscription"> <div class="ob-form-field"> <label class="ob-label required" for="form_email">Email</label> <input type="email" id="form_email" name="email" placeholder="Saisissez votre email ici" required="required" class="ob-input ob-input-email" /> </div> <input type="submit" value="S'abonner" class="ob-input ob-input-submit" /> </form> </div> </div> <div class="ob-widget ob-widget_stats"> <div class="ob-widget_stats_title ob-widget_title"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path d="M128,496H48V304h80Z"/><path d="M352,496H272V208h80Z"/><path d="M464,496H384V96h80Z"/><path d="M240,496H160V16h80Z"/></svg> Visiteurs </div> <div class="ob-widget_stats_content"> <div class="ob-widget_stats_stats-wrapper"> <span>Depuis la création</span> <span class="ob-widget_stats_stats-count">12 102</span> </div> </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="2022"> <div class="ob-widget_archives_year">2022<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2022-02/">Février</a> (1)</li> <li><a href="/archive/2022-01/">Janvier</a> (3)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2021"> <div class="ob-widget_archives_year">2021<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2021-10/">Octobre</a> (4)</li> <li><a href="/archive/2021-09/">Septembre</a> (3)</li> <li><a href="/archive/2021-08/">Août</a> (5)</li> <li><a href="/archive/2021-05/">Mai</a> (1)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2020"> <div class="ob-widget_archives_year">2020<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2020-12/">Décembre</a> (3)</li> <li><a href="/archive/2020-11/">Novembre</a> (6)</li> <li><a href="/archive/2020-10/">Octobre</a> (9)</li> <li><a href="/archive/2020-09/">Septembre</a> (2)</li> <li><a href="/archive/2020-08/">Août</a> (1)</li> <li><a href="/archive/2020-07/">Juillet</a> (1)</li> <li><a href="/archive/2020-05/">Mai</a> (2)</li> <li><a href="/archive/2020-04/">Avril</a> (8)</li> <li><a href="/archive/2020-03/">Mars</a> (13)</li> <li><a href="/archive/2020-02/">Février</a> (5)</li> <li><a href="/archive/2020-01/">Janvier</a> (10)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2019"> <div class="ob-widget_archives_year">2019<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2019-12/">Décembre</a> (3)</li> <li><a href="/archive/2019-11/">Novembre</a> (5)</li> <li><a href="/archive/2019-10/">Octobre</a> (4)</li> <li><a href="/archive/2019-09/">Septembre</a> (6)</li> <li><a href="/archive/2019-06/">Juin</a> (2)</li> <li><a href="/archive/2019-05/">Mai</a> (5)</li> <li><a href="/archive/2019-04/">Avril</a> (8)</li> <li><a href="/archive/2019-03/">Mars</a> (3)</li> <li><a href="/archive/2019-02/">Février</a> (2)</li> <li><a href="/archive/2019-01/">Janvier</a> (5)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2018"> <div class="ob-widget_archives_year">2018<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2018-12/">Décembre</a> (4)</li> <li><a href="/archive/2018-11/">Novembre</a> (29)</li> <li><a href="/archive/2018-10/">Octobre</a> (17)</li> <li><a href="/archive/2018-09/">Septembre</a> (14)</li> <li><a href="/archive/2018-08/">Août</a> (2)</li> <li><a href="/archive/2018-06/">Juin</a> (3)</li> <li><a href="/archive/2018-05/">Mai</a> (2)</li> <li><a href="/archive/2018-01/">Janvier</a> (2)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2017"> <div class="ob-widget_archives_year">2017<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2017-12/">Décembre</a> (1)</li> <li><a href="/archive/2017-11/">Novembre</a> (2)</li> <li><a href="/archive/2017-10/">Octobre</a> (23)</li> <li><a href="/archive/2017-09/">Septembre</a> (2)</li> <li><a href="/archive/2017-06/">Juin</a> (4)</li> <li><a href="/archive/2017-05/">Mai</a> (3)</li> <li><a href="/archive/2017-04/">Avril</a> (8)</li> <li><a href="/archive/2017-03/">Mars</a> (8)</li> <li><a href="/archive/2017-02/">Février</a> (4)</li> <li><a href="/archive/2017-01/">Janvier</a> (8)</li> </ul> </li> <li class="ob-widget_archives_year-list" data-year="2016"> <div class="ob-widget_archives_year">2016<span class="ob-widget_archives_trigger"></span></div> <ul class="ob-widget_archives_month-list"> <li><a href="/archive/2016-12/">Décembre</a> (8)</li> <li><a href="/archive/2016-11/">Novembre</a> (9)</li> <li><a href="/archive/2016-10/">Octobre</a> (6)</li> <li><a href="/archive/2016-09/">Septembre</a> (5)</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 class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_62e0683"></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/425211"> 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: [10670187,10670178,10670168,10670156,10670145], }) }) 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="_6d165d9"></div><div id="_0bffea4"></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>
