Tous nos blogs cuisine
Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
Blog Maribel
Blog Maribel
>
Categories
>
Blog Maribel
16 décembre 2013
<iframe width="560" height="315"
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 22:06 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678315.html#ob-comments"><span>Commentaires [<span id="comment-count-7009905">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009905"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009905", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678315.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://jennymaribel.canalblog.com/archives/2013/12/16/28678315.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://jennymaribel.canalblog.com/archives/2013/12/16/28678315.html" data-text="&amp;lt;iframe width=&quot;560&quot; height=&quot;315&quot;" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=%26amp%3Blt%3Biframe%20width%3D%26quot%3B560%26quot%3B%20height%3D%26quot%3B315%26quot%3B&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F16%2F28678315.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009905"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009905") printElement.addEventListener("click", function() { ob.printPost("<iframe width=\"560\" height=\"315\"", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/ISwhb4GpgBc\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/wo8tUojnD8c\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"420\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/h1MLMkfDJ0A\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/B0UhQIAut4I\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/eLeWgjRxsxw\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/y0rjvykmCbA\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/NpxZXoclMJM\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"420\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/st7DgVBaYgA\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/IIFvp4ud8Ng\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\r\n<p><iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/nak_zRvbvKo\" frameborder=\"0\" allowfullscreen><\/iframe><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-7009905" > <label class="stars-view stars-view-5-7009905 " for="rating-5-7009905" onclick="handleRate(7009905, 5, 0, 'stars-view-5-7009905', 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-7009905" > <label class="stars-view stars-view-4-7009905 " for="rating-4-7009905" onclick="handleRate(7009905, 4, 0, 'stars-view-4-7009905', 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-7009905" > <label class="stars-view stars-view-3-7009905 " for="rating-3-7009905" onclick="handleRate(7009905, 3, 0, 'stars-view-3-7009905', 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-7009905" > <label class="stars-view stars-view-2-7009905 " for="rating-2-7009905" onclick="handleRate(7009905, 2, 0, 'stars-view-2-7009905', 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-7009905" > <label class="stars-view stars-view-1-7009905 " for="rating-1-7009905" onclick="handleRate(7009905, 1, 0, 'stars-view-1-7009905', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009905"> 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="_891221f"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_b7820af"></div> </div> </div> <div class="article article_7009768"> <div class="date-header">16 décembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/12/16/28677786.html"> <h2 class="article_title title">Si no sabes pelar una patata, no presumas de lo</h2> <div class="article_content"> <div class="article_snippet"> Si no sabes pelar una patata, no presumas de lo bien que te salen las tortillas Que tu alimento sea tu mejor medicamento Cocinar es un arte, pero no todos los cocineros son artistas Hoy tocan lentejas, si quieres las tomas y si no las dejas. A buen cocinero... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 21:23 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28677786.html#ob-comments"><span>Commentaires [<span id="comment-count-7009768">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009768"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009768", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28677786.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://jennymaribel.canalblog.com/archives/2013/12/16/28677786.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://jennymaribel.canalblog.com/archives/2013/12/16/28677786.html" data-text="Si no sabes pelar una patata, no presumas de lo" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Si%20no%20sabes%20pelar%20una%20patata%2C%20no%20presumas%20de%20lo&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F16%2F28677786.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009768"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009768") printElement.addEventListener("click", function() { ob.printPost("Si no sabes pelar una patata, no presumas de lo", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p>Si no sabes pelar una patata, no presumas de lo bien que te salen las tortillas<\/p>\r\n<p>Que tu alimento sea tu mejor medicamento<\/p>\r\n<p>Cocinar es un arte, pero no todos los cocineros son artistas<\/p>\r\n<p>Hoy tocan lentejas, si quieres las tomas y si no las dejas.<\/p>\r\n<p>A buen cocinero le acompa\u00f1a siempre la paciencia.<\/p>\r\n<p>La comida para ser perfecta debe ir acompa\u00f1ada de una buena compa\u00f1\u00eda<\/p>\r\n<p>Hasta el mejor chef debe saber lavar un plato.<\/p>\r\n<p>Un buen plato requiere la paciencia de un santo y la imaginaci\u00f3n de un ni\u00f1o.<\/p>\r\n<p> El glot\u00f3n es el sujeto menos estimable de la gastronom\u00eda, porque ignora su principio elemental: \u00a1El arte sublime de masticar!<\/p>\r\n<p>El buen cocinero es el que redacta sus propias recetas<\/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-7009768" > <label class="stars-view stars-view-5-7009768 " for="rating-5-7009768" onclick="handleRate(7009768, 5, 0, 'stars-view-5-7009768', 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-7009768" > <label class="stars-view stars-view-4-7009768 " for="rating-4-7009768" onclick="handleRate(7009768, 4, 0, 'stars-view-4-7009768', 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-7009768" > <label class="stars-view stars-view-3-7009768 " for="rating-3-7009768" onclick="handleRate(7009768, 3, 0, 'stars-view-3-7009768', 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-7009768" > <label class="stars-view stars-view-2-7009768 " for="rating-2-7009768" onclick="handleRate(7009768, 2, 0, 'stars-view-2-7009768', 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-7009768" > <label class="stars-view stars-view-1-7009768 " for="rating-1-7009768" onclick="handleRate(7009768, 1, 0, 'stars-view-1-7009768', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009768"> 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_7009778"> <div class="date-header">16 décembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678260.html"> <h2 class="article_title title">&lt;img</h2> <div class="article_content"> <div class="article_snippet"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9/MSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI*NmE4NDNhOThkJm9mPTA=.gif"... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 21:48 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678260.html#ob-comments"><span>Commentaires [<span id="comment-count-7009778">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009778"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009778", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678260.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://jennymaribel.canalblog.com/archives/2013/12/16/28678260.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://jennymaribel.canalblog.com/archives/2013/12/16/28678260.html" data-text="&amp;lt;img" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=%26amp%3Blt%3Bimg&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F16%2F28678260.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009778"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009778") printElement.addEventListener("click", function() { ob.printPost("<img", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><img style=\"visibility:hidden;width:0px;height:0px;\" border=0 width=0 height=0 src=\"<a href=\"http:\/\/c.gigcount.com\/wildfire\/IMP\/CXNID=2000002.0NXC\/bT*xJmx*PTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9\/MSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI*NmE4NDNhOThkJm9mPTA=.gif\">http:\/\/c.gigcount.com\/wildfire\/IMP\/CXNID=2000002.0NXC\/bT*xJmx*PTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9\/MSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI*NmE4NDNhOThkJm9mPTA=.gif<\/a>\" \/><object height=\"267\" width=\"200\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"codebase=\"<a href=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=9,0,28,0\">http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=9,0,28,0<\/a>\" id=\"widget_name\"><param name=\"movie\" value=\"<a href=\"http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http:\/\/vhss-d.oddcast.com\/php\/vhss_editors\/getvoki\/chsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014\">http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http:\/\/vhss-d.oddcast.com\/php\/vhss_editors\/getvoki\/chsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014<\/a>\" \/><param name=\"quality\" value=\"high\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"width\" value=\"200\" \/><param name=\"height\" value=\"267\" \/><param name=\"allowNetworking\" value=\"all\"\/><param name=\"wmode\" value=\"transparent\" \/><param name=\"allowFullScreen\" value=\"true\" \/><embed height=\"267\" width=\"200\" src=\"<a href=\"http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014\">http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014<\/a>\" quality=\"high\" allowScriptAccess=\"always\" allowNetworking=\"all\" wmode=\"transparent\" allowFullScreen=\"true\" pluginspage=\"<a href=\"http:\/\/www.adobe.com\/shockwave\/download\/download.cgi?P1_Prod_Version=ShockwaveFlash\">http:\/\/www.adobe.com\/shockwave\/download\/download.cgi?P1_Prod_Version=ShockwaveFlash<\/a>\" type=\"application\/x-shockwave-flash\" name=\"widget_name\"><\/object><\/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-7009778" > <label class="stars-view stars-view-5-7009778 " for="rating-5-7009778" onclick="handleRate(7009778, 5, 0, 'stars-view-5-7009778', 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-7009778" > <label class="stars-view stars-view-4-7009778 " for="rating-4-7009778" onclick="handleRate(7009778, 4, 0, 'stars-view-4-7009778', 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-7009778" > <label class="stars-view stars-view-3-7009778 " for="rating-3-7009778" onclick="handleRate(7009778, 3, 0, 'stars-view-3-7009778', 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-7009778" > <label class="stars-view stars-view-2-7009778 " for="rating-2-7009778" onclick="handleRate(7009778, 2, 0, 'stars-view-2-7009778', 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-7009778" > <label class="stars-view stars-view-1-7009778 " for="rating-1-7009778" onclick="handleRate(7009778, 1, 0, 'stars-view-1-7009778', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009778"> 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_7009708"> <div class="date-header">14 novembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/11/14/28430028.html"> <h2 class="article_title title">Bienvenidos a mi nuevo Blog en el que colgare</h2> <div class="article_content"> <div class="article_snippet"> Bienvenidos a mi nuevo Blog en el que colgare deliciosos postres caseros. [: </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 12:09 - <a href="http://jennymaribel.canalblog.com/archives/2013/11/14/28430028.html#ob-comments"><span>Commentaires [<span id="comment-count-7009708">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009708"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009708", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/11/14/28430028.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://jennymaribel.canalblog.com/archives/2013/11/14/28430028.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://jennymaribel.canalblog.com/archives/2013/11/14/28430028.html" data-text="Bienvenidos a mi nuevo Blog en el que colgare" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Bienvenidos%20a%20mi%20nuevo%20Blog%20en%20el%20que%20colgare&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F11%2F14%2F28430028.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009708"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009708") printElement.addEventListener("click", function() { ob.printPost("Bienvenidos a mi nuevo Blog en el que colgare", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p>Bienvenidos a mi nuevo Blog en el que colgare deliciosos postres caseros. [:<\/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-7009708" > <label class="stars-view stars-view-5-7009708 " for="rating-5-7009708" onclick="handleRate(7009708, 5, 0, 'stars-view-5-7009708', 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-7009708" > <label class="stars-view stars-view-4-7009708 " for="rating-4-7009708" onclick="handleRate(7009708, 4, 0, 'stars-view-4-7009708', 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-7009708" > <label class="stars-view stars-view-3-7009708 " for="rating-3-7009708" onclick="handleRate(7009708, 3, 0, 'stars-view-3-7009708', 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-7009708" > <label class="stars-view stars-view-2-7009708 " for="rating-2-7009708" onclick="handleRate(7009708, 2, 0, 'stars-view-2-7009708', 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-7009708" > <label class="stars-view stars-view-1-7009708 " for="rating-1-7009708" onclick="handleRate(7009708, 1, 0, 'stars-view-1-7009708', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009708"> 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_7009872"> <div class="date-header">21 novembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/11/21/28484857.html"> <h2 class="article_title title">Deliciosoo!! ^^</h2> <div class="article_content"> <div class="article_snippet"> Recette de Hamburgers maison - 750 Grammes </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 20:22 - <a href="http://jennymaribel.canalblog.com/archives/2013/11/21/28484857.html#ob-comments"><span>Commentaires [<span id="comment-count-7009872">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009872"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009872", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/11/21/28484857.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://jennymaribel.canalblog.com/archives/2013/11/21/28484857.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://jennymaribel.canalblog.com/archives/2013/11/21/28484857.html" data-text="Deliciosoo!! ^^" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Deliciosoo%21%21%20%5E%5E&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F11%2F21%2F28484857.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009872"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009872") printElement.addEventListener("click", function() { ob.printPost("Deliciosoo!! ^^", "\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\/x12fdnb_recette-de-hamburgers-maison-750-grammes_lifestyle\" target=\"_blank\">Recette de Hamburgers maison - 750 Grammes<\/a><\/span><\/h2>\r\n<p><iframe src=\"http:\/\/www.dailymotion.com\/embed\/video\/x12fdnb\" frameborder=\"0\" width=\"480\" height=\"270\"><\/iframe><\/p>\r\n<meta content=\"T2M16S\" itemprop=\"duration\" \/><meta content=\"http:\/\/s1.dmcdn.net\/CJLiy\/80x60-_Tk.jpg\" itemprop=\"thumbnailURL\" \/><meta content=\"http:\/\/www.dailymotion.com\/embed\/video\/x12fdnb\" itemprop=\"embedURL\" \/><meta content=\"Un hamburger maison, c'est quand m\u00eame bien meilleur et surtout bien plus sain ! C'est aussi amusant \u00e0 pr\u00e9parer et \u00e7a fait plaisir \u00e0 toute la famille, petits et grands y compris :) <br \/><br \/>Une recette propos\u00e9e par Chef Damien et Sandra du blog 'OK ce bon' pour 750 Grammes. <br \/><br \/>Ingr\u00e9dients pour les hamburgers maison : <br \/>4 pains bugers ou Bun's maison <br \/>Viande hach\u00e9e <br \/>Quelques feuilles de salade <br \/>Tomates <br \/>Oignon rouge <br \/>Ketchup <br \/>Miel <br \/>Moutarde \u00e0 l'ancienne <br \/>Sel et poivre <br \/>Un peu d'huile d'olive <br \/><br \/>Retrouvez nos recettes de hamburger <br \/>http:\/\/www.750g.com\/recettes_hamburger.htm <br \/><br \/>Retrouvez toutes nos recettes sur http:\/\/www.750g.com\/\" itemprop=\"description\" \/><meta content=\"750 Grammes \" itemprop=\"author\" \/><meta content=\"2013-07-29\" 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-7009872" > <label class="stars-view stars-view-5-7009872 " for="rating-5-7009872" onclick="handleRate(7009872, 5, 0, 'stars-view-5-7009872', 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-7009872" > <label class="stars-view stars-view-4-7009872 " for="rating-4-7009872" onclick="handleRate(7009872, 4, 0, 'stars-view-4-7009872', 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-7009872" > <label class="stars-view stars-view-3-7009872 " for="rating-3-7009872" onclick="handleRate(7009872, 3, 0, 'stars-view-3-7009872', 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-7009872" > <label class="stars-view stars-view-2-7009872 " for="rating-2-7009872" onclick="handleRate(7009872, 2, 0, 'stars-view-2-7009872', 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-7009872" > <label class="stars-view stars-view-1-7009872 " for="rating-1-7009872" onclick="handleRate(7009872, 1, 0, 'stars-view-1-7009872', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009872"> 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="_2cefd50"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_67c3ec6"></div> </div> </div> <div class="article article_7009884"> <div class="date-header">21 novembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/11/21/28481052.html"> <h2 class="article_title title">Mirar como se hace una tarta en cinco minutos!! delicioso! :3</h2> <div class="article_content"> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 12:07 - <a href="http://jennymaribel.canalblog.com/archives/2013/11/21/28481052.html#ob-comments"><span>Commentaires [<span id="comment-count-7009884">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009884"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009884", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/11/21/28481052.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://jennymaribel.canalblog.com/archives/2013/11/21/28481052.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://jennymaribel.canalblog.com/archives/2013/11/21/28481052.html" data-text="Mirar como se hace una tarta en cinco minutos!! delicioso! :3" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Mirar%20como%20se%20hace%20una%20tarta%20en%20cinco%20minutos%21%21%20delicioso%21%20%3A3&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F11%2F21%2F28481052.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009884"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009884") printElement.addEventListener("click", function() { ob.printPost("Mirar como se hace una tarta en cinco minutos!! delicioso! :3", "\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=\"\/\/www.youtube.com\/embed\/3XUsHZYSUZc\" frameborder=\"0\" width=\"560\" height=\"315\"><\/iframe><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-7009884" > <label class="stars-view stars-view-5-7009884 " for="rating-5-7009884" onclick="handleRate(7009884, 5, 0, 'stars-view-5-7009884', 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-7009884" > <label class="stars-view stars-view-4-7009884 " for="rating-4-7009884" onclick="handleRate(7009884, 4, 0, 'stars-view-4-7009884', 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-7009884" > <label class="stars-view stars-view-3-7009884 " for="rating-3-7009884" onclick="handleRate(7009884, 3, 0, 'stars-view-3-7009884', 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-7009884" > <label class="stars-view stars-view-2-7009884 " for="rating-2-7009884" onclick="handleRate(7009884, 2, 0, 'stars-view-2-7009884', 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-7009884" > <label class="stars-view stars-view-1-7009884 " for="rating-1-7009884" onclick="handleRate(7009884, 1, 0, 'stars-view-1-7009884', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009884"> 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_7009806"> <div class="date-header">11 décembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641881.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/OBHOewI40smdcr6j1naMsT8vgQg=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F06%2F21%2F1184635%2F92218473_o.jpg" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 23:12 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641881.html#ob-comments"><span>Commentaires [<span id="comment-count-7009806">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009806"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009806", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641881.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://jennymaribel.canalblog.com/archives/2013/12/11/28641881.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://jennymaribel.canalblog.com/archives/2013/12/11/28641881.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/06/21/1184635/92218473_o.jpg" data-pin-url="http://jennymaribel.canalblog.com/archives/2013/12/11/28641881.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%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F11%2F28641881.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009806"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009806") 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 name=\"IMG_92218473\" href=\"https:\/\/storage.canalblog.com\/06\/21\/1184635\/92218473_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/06\/21\/1184635\/92218473.jpg\" border=\"0\" alt=\"imagesCA9VLCKS\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218480\" href=\"https:\/\/storage.canalblog.com\/55\/22\/1184635\/92218480_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/55\/22\/1184635\/92218480.jpg\" border=\"0\" alt=\"imagesCAVHJ3G4\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218483\" href=\"https:\/\/storage.canalblog.com\/04\/79\/1184635\/92218483_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/04\/79\/1184635\/92218483.jpg\" border=\"0\" alt=\"imagesCA66ZYF3\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218487\" href=\"https:\/\/storage.canalblog.com\/80\/36\/1184635\/92218487_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/80\/36\/1184635\/92218487.jpg\" border=\"0\" alt=\"imagesCA350SOI\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218494\" href=\"https:\/\/storage.canalblog.com\/14\/76\/1184635\/92218494_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/14\/76\/1184635\/92218494.jpg\" border=\"0\" alt=\"imagesCAA36EDW\" class=\"widthadapted nonealign\" \/><\/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-7009806" > <label class="stars-view stars-view-5-7009806 " for="rating-5-7009806" onclick="handleRate(7009806, 5, 0, 'stars-view-5-7009806', 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-7009806" > <label class="stars-view stars-view-4-7009806 " for="rating-4-7009806" onclick="handleRate(7009806, 4, 0, 'stars-view-4-7009806', 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-7009806" > <label class="stars-view stars-view-3-7009806 " for="rating-3-7009806" onclick="handleRate(7009806, 3, 0, 'stars-view-3-7009806', 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-7009806" > <label class="stars-view stars-view-2-7009806 " for="rating-2-7009806" onclick="handleRate(7009806, 2, 0, 'stars-view-2-7009806', 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-7009806" > <label class="stars-view stars-view-1-7009806 " for="rating-1-7009806" onclick="handleRate(7009806, 1, 0, 'stars-view-1-7009806', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009806"> 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_7009785"> <div class="date-header">16 décembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678271.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/IaGVBS0cvWfFVs3xSZre8UXPfKs=/120x120/smart/filters:no_upscale()/http%3A%2F%2Fc.gigcount.com%2Fwildfire%2FIMP%2FCXNID%3D2000002.0NXC%2FbT%2AxJmx%2APTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC%2AlMjBWb2tpJTIwV2lkZ2V%2AJmc9%2FMSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI%2ANmE4NDNhOThkJm9mPTA%3D.gif" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 21:50 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678271.html#ob-comments"><span>Commentaires [<span id="comment-count-7009785">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009785"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009785", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/16/28678271.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://jennymaribel.canalblog.com/archives/2013/12/16/28678271.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://jennymaribel.canalblog.com/archives/2013/12/16/28678271.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="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9/MSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI*NmE4NDNhOThkJm9mPTA=.gif" data-pin-url="http://jennymaribel.canalblog.com/archives/2013/12/16/28678271.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%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F16%2F28678271.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009785"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009785") 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><img src=\"http:\/\/c.gigcount.com\/wildfire\/IMP\/CXNID=2000002.0NXC\/bT*xJmx*PTEzODcyMjYxNjMyNTAmcHQ9MTM4NzIyNjE4OTkyOCZwPTk3NTA3MiZkPTAwMCUyMC*lMjBWb2tpJTIwV2lkZ2V*Jmc9\/MSZvPWFlYTk1MTkzYzMyNjQyODRiYmMzMjI*NmE4NDNhOThkJm9mPTA=.gif\" border=\"0\" width=\"0\" height=\"0\" style=\"visibility: hidden; width: 0px; height: 0px;\" \/><object width=\"200\" height=\"267\" data=\"http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014\" type=\"application\/x-shockwave-flash\"><param name=\"quality\" value=\"high\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"allowNetworking\" value=\"all\" \/><param name=\"wmode\" value=\"transparent\" \/><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"src\" value=\"http:\/\/vhss-d.oddcast.com\/vhss_editors\/voki_player.swf?doc=http%3A%2F%2Fvhss-d.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm=34495038fbaa9d7d1432213b018e531d%26sc=9146014\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"allownetworking\" value=\"all\" \/><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"pluginspage\" value=\"http:\/\/www.adobe.com\/shockwave\/download\/download.cgi?P1_Prod_Version=ShockwaveFlash\" \/><\/object><\/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-7009785" > <label class="stars-view stars-view-5-7009785 " for="rating-5-7009785" onclick="handleRate(7009785, 5, 0, 'stars-view-5-7009785', 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-7009785" > <label class="stars-view stars-view-4-7009785 " for="rating-4-7009785" onclick="handleRate(7009785, 4, 0, 'stars-view-4-7009785', 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-7009785" > <label class="stars-view stars-view-3-7009785 " for="rating-3-7009785" onclick="handleRate(7009785, 3, 0, 'stars-view-3-7009785', 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-7009785" > <label class="stars-view stars-view-2-7009785 " for="rating-2-7009785" onclick="handleRate(7009785, 2, 0, 'stars-view-2-7009785', 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-7009785" > <label class="stars-view stars-view-1-7009785 " for="rating-1-7009785" onclick="handleRate(7009785, 1, 0, 'stars-view-1-7009785', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009785"> 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_7009834"> <div class="date-header">11 décembre 2013</div> <a class="article_link" href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641826.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/d3XE1ERSASKzYZ6x5Hp0y4t_QIs=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F67%2F01%2F1184635%2F92218271_o.jpg" alt=""/> </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par jennymaribel à 23:03 - <a href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641826.html#ob-comments"><span>Commentaires [<span id="comment-count-7009834">…</span><script> ob.commentCount(document.querySelector("#comment-count-7009834"), { resource: "http://jennymaribel.canalblog.com/api/comment-count/7009834", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://jennymaribel.canalblog.com/archives/2013/12/11/28641826.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://jennymaribel.canalblog.com/archives/2013/12/11/28641826.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://jennymaribel.canalblog.com/archives/2013/12/11/28641826.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/67/01/1184635/92218271_o.jpg" data-pin-url="http://jennymaribel.canalblog.com/archives/2013/12/11/28641826.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%2Fjennymaribel.canalblog.com%2Farchives%2F2013%2F12%2F11%2F28641826.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_7009834"> <img src="https://assets.canalblog.com/c/blog/v2024.08.30/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_7009834") 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 name=\"IMG_92218271\" href=\"https:\/\/storage.canalblog.com\/67\/01\/1184635\/92218271_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/67\/01\/1184635\/92218271.jpg\" border=\"0\" alt=\"imagesCA79YV3R\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218275\" href=\"https:\/\/storage.canalblog.com\/93\/11\/1184635\/92218275_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/93\/11\/1184635\/92218275.jpg\" border=\"0\" alt=\"imagesCA90ZQG8\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218286\" href=\"https:\/\/storage.canalblog.com\/15\/93\/1184635\/92218286_o.png\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/15\/93\/1184635\/92218286.png\" border=\"0\" alt=\"untitled\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218291\" href=\"https:\/\/storage.canalblog.com\/07\/70\/1184635\/92218291_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/07\/70\/1184635\/92218291.jpg\" border=\"0\" alt=\"imagesCA3NG8YN\" class=\"widthadapted nonealign\" \/><\/a><\/p>\r\n<p><a name=\"IMG_92218298\" href=\"https:\/\/storage.canalblog.com\/79\/90\/1184635\/92218298_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/79\/90\/1184635\/92218298.jpg\" border=\"0\" alt=\"imagesCAU564KC\" class=\"widthadapted nonealign\" \/><\/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-7009834" > <label class="stars-view stars-view-5-7009834 " for="rating-5-7009834" onclick="handleRate(7009834, 5, 0, 'stars-view-5-7009834', 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-7009834" > <label class="stars-view stars-view-4-7009834 " for="rating-4-7009834" onclick="handleRate(7009834, 4, 0, 'stars-view-4-7009834', 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-7009834" > <label class="stars-view stars-view-3-7009834 " for="rating-3-7009834" onclick="handleRate(7009834, 3, 0, 'stars-view-3-7009834', 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-7009834" > <label class="stars-view stars-view-2-7009834 " for="rating-2-7009834" onclick="handleRate(7009834, 2, 0, 'stars-view-2-7009834', 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-7009834" > <label class="stars-view stars-view-1-7009834 " for="rating-1-7009834" onclick="handleRate(7009834, 1, 0, 'stars-view-1-7009834', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-7009834"> 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="_f227d2f"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_ecbc8e0"></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"> Blog Maribel </div> <ul> <li> colgare cosas sobre comida (postres) </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="_ba0ecc2"></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="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-12/">Décembre</a> (6)</li> <li><a href="/archive/2013-11/">Novembre</a> (3)</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="_e1c5ec0"></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/389898"> 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: [7009905,7009768,7009778,7009708,7009872,7009884,7009806,7009785,7009834], }) }) 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="_59afa9c"></div><div id="_7a0342c"></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>
