Suivre ce blog
Administration
Connexion
+
Créer mon blog
DEMO SCRIPTS
7 décembre 2009
public Senat
id="player1" style="visibility: visible;"><embed id="single" width="320" height="276" flashvars="file=http://flash.live.tv-radio.com/ps/all/ps_350k.flv&width=320&height=276&volume=100&autostart=true&timer=0&autostart=true" allowfullscreen="true" quality="high" name="single" style="" src="/zp/templates/vod/player/flvplayer.swf" type="application/x-shockwave-flash"/></embed></frame> </div> </div> <div class="article_footer"> <div class="article_footer_info"> Posté par gazette à 21:28 - <a href="http://demowhitehouse.canalblog.com/archives/2009/12/07/16067866.html#ob-comments"><span>Commentaires [<span id="comment-count-1039104">…</span><script> ob.commentCount(document.querySelector("#comment-count-1039104"), { resource: "http://demowhitehouse.canalblog.com/api/comment-count/1039104", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://demowhitehouse.canalblog.com/archives/2009/12/07/16067866.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://demowhitehouse.canalblog.com/archives/2009/12/07/16067866.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://demowhitehouse.canalblog.com/archives/2009/12/07/16067866.html" data-text="public Senat" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=public%20Senat&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdemowhitehouse.canalblog.com%2Farchives%2F2009%2F12%2F07%2F16067866.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1039104"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1039104") printElement.addEventListener("click", function() { ob.printPost("public Senat", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<iframe> id=\"player1\" style=\"visibility: visible;\"><embed id=\"single\" width=\"320\" height=\"276\" flashvars=\"file=http:\/\/flash.live.tv-radio.com\/ps\/all\/ps_350k.flv&width=320&height=276&volume=100&autostart=true&timer=0&autostart=true\" allowfullscreen=\"true\" quality=\"high\" name=\"single\" style=\"\" src=\"\/zp\/templates\/vod\/player\/flvplayer.swf\" type=\"application\/x-shockwave-flash\"\/><\/embed><\/frame> <\/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-1039104" > <label class="stars-view stars-view-5-1039104 " for="rating-5-1039104" onclick="handleRate(1039104, 5, 0, 'stars-view-5-1039104', 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-1039104" > <label class="stars-view stars-view-4-1039104 " for="rating-4-1039104" onclick="handleRate(1039104, 4, 0, 'stars-view-4-1039104', 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-1039104" > <label class="stars-view stars-view-3-1039104 " for="rating-3-1039104" onclick="handleRate(1039104, 3, 0, 'stars-view-3-1039104', 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-1039104" > <label class="stars-view stars-view-2-1039104 " for="rating-2-1039104" onclick="handleRate(1039104, 2, 0, 'stars-view-2-1039104', 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-1039104" > <label class="stars-view stars-view-1-1039104 " for="rating-1-1039104" onclick="handleRate(1039104, 1, 0, 'stars-view-1-1039104', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1039104"> 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="_afa0524"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_6dbd479"></div> </div> </div> <div class="article article_1039102"> <div class="date-header">4 novembre 2009</div> <a class="article_link" href="http://demowhitehouse.canalblog.com/archives/2009/11/04/15680655.html"> <h2 class="article_title title">sbibd</h2> </a> <div class="ob-sections"> <div class="ob-section ob-section-html " > <a title="View EMF Dossier pédagogique Climats on Scribd" href="http://www.scribd.com/doc/22076446/EMF-Dossier-pedagogique-Climats" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">EMF Dossier pédagogique Climats</a> <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="doc_59684922478227" name="doc_59684922478227" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle" height="500" width="100%" > <param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf?document_id=22076446&access_key=key-9i7tcqpfdwfrf4k805w&page=1&version=1&viewMode=list"> <param name="quality" value="high"> <param name="play" value="true"> <param name="loop" value="true"> <param name="scale" value="showall"> <param name="wmode" value="opaque"> <param name="devicefont" value="false"> <param name="bgcolor" value="#ffffff"> <param name="menu" value="true"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="salign" value=""> <param name="mode" value="list"> <embed src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=22076446&access_key=key-9i7tcqpfdwfrf4k805w&page=1&version=1&viewMode=list" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque" devicefont="false" bgcolor="#ffffff" name="doc_59684922478227_object" menu="true" allowfullscreen="true" allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" mode="list" height="500" width="100%"></embed> </object> </div> </div> <div class="article_footer"> <div class="article_footer_info"> Posté par gazette à 15:21 - <a href="http://demowhitehouse.canalblog.com/archives/2009/11/04/15680655.html#ob-comments"><span>Commentaires [<span id="comment-count-1039102">…</span><script> ob.commentCount(document.querySelector("#comment-count-1039102"), { resource: "http://demowhitehouse.canalblog.com/api/comment-count/1039102", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://demowhitehouse.canalblog.com/archives/2009/11/04/15680655.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://demowhitehouse.canalblog.com/archives/2009/11/04/15680655.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://demowhitehouse.canalblog.com/archives/2009/11/04/15680655.html" data-text="sbibd" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=sbibd&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdemowhitehouse.canalblog.com%2Farchives%2F2009%2F11%2F04%2F15680655.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1039102"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1039102") printElement.addEventListener("click", function() { ob.printPost("sbibd", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<a title=\"View EMF Dossier p\u00e9dagogique Climats on Scribd\" href=\"http:\/\/www.scribd.com\/doc\/22076446\/EMF-Dossier-pedagogique-Climats\" style=\"margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;\">EMF Dossier p\u00e9dagogique Climats<\/a> <object codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=9,0,0,0\" id=\"doc_59684922478227\" name=\"doc_59684922478227\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" align=\"middle\"\theight=\"500\" width=\"100%\" >\t\t<param name=\"movie\"\tvalue=\"http:\/\/d1.scribdassets.com\/ScribdViewer.swf?document_id=22076446&access_key=key-9i7tcqpfdwfrf4k805w&page=1&version=1&viewMode=list\"> \t\t<param name=\"quality\" value=\"high\"> \t\t<param name=\"play\" value=\"true\">\t\t<param name=\"loop\" value=\"true\"> \t\t<param name=\"scale\" value=\"showall\">\t\t<param name=\"wmode\" value=\"opaque\"> \t\t<param name=\"devicefont\" value=\"false\">\t\t<param name=\"bgcolor\" value=\"#ffffff\"> \t\t<param name=\"menu\" value=\"true\">\t\t<param name=\"allowFullScreen\" value=\"true\"> \t\t<param name=\"allowScriptAccess\" value=\"always\"> \t\t<param name=\"salign\" value=\"\"> \t\t\t \t<param name=\"mode\" value=\"list\">\t \t\t<embed src=\"http:\/\/d1.scribdassets.com\/ScribdViewer.swf?document_id=22076446&access_key=key-9i7tcqpfdwfrf4k805w&page=1&version=1&viewMode=list\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" play=\"true\" loop=\"true\" scale=\"showall\" wmode=\"opaque\" devicefont=\"false\" bgcolor=\"#ffffff\" name=\"doc_59684922478227_object\" menu=\"true\" allowfullscreen=\"true\" allowscriptaccess=\"always\" salign=\"\" type=\"application\/x-shockwave-flash\" align=\"middle\" mode=\"list\" height=\"500\" width=\"100%\"><\/embed>\t<\/object>\t <\/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-1039102" > <label class="stars-view stars-view-5-1039102 " for="rating-5-1039102" onclick="handleRate(1039102, 5, 0, 'stars-view-5-1039102', 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-1039102" > <label class="stars-view stars-view-4-1039102 " for="rating-4-1039102" onclick="handleRate(1039102, 4, 0, 'stars-view-4-1039102', 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-1039102" > <label class="stars-view stars-view-3-1039102 " for="rating-3-1039102" onclick="handleRate(1039102, 3, 0, 'stars-view-3-1039102', 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-1039102" > <label class="stars-view stars-view-2-1039102 " for="rating-2-1039102" onclick="handleRate(1039102, 2, 0, 'stars-view-2-1039102', 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-1039102" > <label class="stars-view stars-view-1-1039102 " for="rating-1-1039102" onclick="handleRate(1039102, 1, 0, 'stars-view-1-1039102', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1039102"> 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_1039098"> <div class="date-header">2 novembre 2009</div> <a class="article_link" href="http://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.html"> <h2 class="article_title title">demo image</h2> </a> <div class="ob-sections"> <div class="ob-section ob-section-html " > <p><img src="http://api.ning.com/files/BthUcnT6mnqQJ6L7mdeikz0pJcAybZX1E4n2k8SjUU8Zmuz15bnF8dCxHuoYz2SFuNKathJzSzuxD4YqcEtosqCl0-xNM8r5/275057336.jpeg?width=136" alt="Waste=Food: An inspiring documentary on the Cradle to Cradle design concept." width="136" /></p> </div> </div> <div class="article_footer"> <div class="article_footer_info"> Posté par gazette à 17:07 - <a href="http://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.html#ob-comments"><span>Commentaires [<span id="comment-count-1039098">…</span><script> ob.commentCount(document.querySelector("#comment-count-1039098"), { resource: "http://demowhitehouse.canalblog.com/api/comment-count/1039098", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.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://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.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://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.html" data-text="demo image" 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="demo image" data-pin-media="http://api.ning.com/files/BthUcnT6mnqQJ6L7mdeikz0pJcAybZX1E4n2k8SjUU8Zmuz15bnF8dCxHuoYz2SFuNKathJzSzuxD4YqcEtosqCl0-xNM8r5/275057336.jpeg?width=136" data-pin-url="http://demowhitehouse.canalblog.com/archives/2009/11/02/15657402.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=demo%20image&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdemowhitehouse.canalblog.com%2Farchives%2F2009%2F11%2F02%2F15657402.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1039098"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1039098") printElement.addEventListener("click", function() { ob.printPost("demo image", "\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:\/\/api.ning.com\/files\/BthUcnT6mnqQJ6L7mdeikz0pJcAybZX1E4n2k8SjUU8Zmuz15bnF8dCxHuoYz2SFuNKathJzSzuxD4YqcEtosqCl0-xNM8r5\/275057336.jpeg?width=136\" alt=\"Waste=Food: An inspiring documentary on the Cradle to Cradle design concept.\" width=\"136\" \/><\/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-1039098" > <label class="stars-view stars-view-5-1039098 " for="rating-5-1039098" onclick="handleRate(1039098, 5, 0, 'stars-view-5-1039098', 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-1039098" > <label class="stars-view stars-view-4-1039098 " for="rating-4-1039098" onclick="handleRate(1039098, 4, 0, 'stars-view-4-1039098', 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-1039098" > <label class="stars-view stars-view-3-1039098 " for="rating-3-1039098" onclick="handleRate(1039098, 3, 0, 'stars-view-3-1039098', 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-1039098" > <label class="stars-view stars-view-2-1039098 " for="rating-2-1039098" onclick="handleRate(1039098, 2, 0, 'stars-view-2-1039098', 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-1039098" > <label class="stars-view stars-view-1-1039098 " for="rating-1-1039098" onclick="handleRate(1039098, 1, 0, 'stars-view-1-1039098', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1039098"> 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_1039094"> <div class="date-header">30 octobre 2009</div> <a class="article_link" href="http://demowhitehouse.canalblog.com/archives/2009/10/30/15620073.html"> <h2 class="article_title title">calend</h2> </a> <div class="ob-sections"> <div class="ob-section ob-section-html " > <p><script type="text/javascript" language="JavaScript" src="http://www.chocoholic.free.fr/avent07.js"><a href="http://www.chocoholic.free.fr/avent2007/"›<img alt="" src="http://www.chocoholic.free.fr/images/noel07/att/avent.jpg"/> </script></p> <p><script src="http://www.chocoholic.free.fr/avent07.js" language="JavaScript" type="text/javascript"></script> </p><noscript> <a href="http://www.chocoholic.free.fr/avent2007/"›<img alt="" src="http://www.chocoholic.free.fr/images/noel07/att/avent.jpg" /> </noscript> </div> </div> <div class="article_footer"> <div class="article_footer_info"> Posté par gazette à 13:29 - <a href="http://demowhitehouse.canalblog.com/archives/2009/10/30/15620073.html#ob-comments"><span>Commentaires [<span id="comment-count-1039094">…</span><script> ob.commentCount(document.querySelector("#comment-count-1039094"), { resource: "http://demowhitehouse.canalblog.com/api/comment-count/1039094", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://demowhitehouse.canalblog.com/archives/2009/10/30/15620073.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://demowhitehouse.canalblog.com/archives/2009/10/30/15620073.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://demowhitehouse.canalblog.com/archives/2009/10/30/15620073.html" data-text="calend" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=calend&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdemowhitehouse.canalblog.com%2Farchives%2F2009%2F10%2F30%2F15620073.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1039094"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1039094") printElement.addEventListener("click", function() { ob.printPost("calend", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><script type=\"text\/javascript\" language=\"JavaScript\" src=\"http:\/\/www.chocoholic.free.fr\/avent07.js\"><a href=\"http:\/\/www.chocoholic.free.fr\/avent2007\/\"\u203a<img alt=\"\" src=\"http:\/\/www.chocoholic.free.fr\/images\/noel07\/att\/avent.jpg\"\/>\r\n <\/script><\/p>\r\n\r\n<p><script src=\"http:\/\/www.chocoholic.free.fr\/avent07.js\" language=\"JavaScript\" type=\"text\/javascript\"><\/script>\r\n <\/p><noscript>\r\n <a href="http:\/\/www.chocoholic.free.fr\/avent2007\/"\u203a<img alt="" src="http:\/\/www.chocoholic.free.fr\/images\/noel07\/att\/avent.jpg" \/>\r\n <\/noscript> <\/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-1039094" > <label class="stars-view stars-view-5-1039094 " for="rating-5-1039094" onclick="handleRate(1039094, 5, 0, 'stars-view-5-1039094', 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-1039094" > <label class="stars-view stars-view-4-1039094 " for="rating-4-1039094" onclick="handleRate(1039094, 4, 0, 'stars-view-4-1039094', 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-1039094" > <label class="stars-view stars-view-3-1039094 " for="rating-3-1039094" onclick="handleRate(1039094, 3, 0, 'stars-view-3-1039094', 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-1039094" > <label class="stars-view stars-view-2-1039094 " for="rating-2-1039094" onclick="handleRate(1039094, 2, 0, 'stars-view-2-1039094', 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-1039094" > <label class="stars-view stars-view-1-1039094 " for="rating-1-1039094" onclick="handleRate(1039094, 1, 0, 'stars-view-1-1039094', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1039094"> 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_1039089"> <div class="date-header">28 octobre 2009</div> <a class="article_link" href="http://demowhitehouse.canalblog.com/archives/2009/10/28/15599380.html"> <h2 class="article_title title">You are missing some Flash content that should</h2> </a> <div class="ob-sections"> <div class="ob-section ob-section-html " > <p class="swftools-wrapper swftools-swf"><p class="swftools"> <object width="640" height="400" id="swf12567399762" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://www.whitehouse.gov/sites/default/modules/wh_multimedia/EOP_OVP_player.swf" name="movie" /> <param value="sameDomain" name="allowScriptAccess" /> <param value="opaque" name="wmode" /> <param value="#FFFFFF" name="bgcolor" /> <param value="showall" name="scale" /> <param value="best" name="quality" /> <param value="l" name="align" /> <param value="true" name="allowfullscreen" /> <param value="http://www.whitehouse.gov/sites/default/files/" name="base" /> <param value="false" name="play" /> <param value="false" name="menu" /> <param value="false" name="loop" /> <param value="src=rtmp:%2F%2Fcp68969.live.edgefcs.net%2Flive%2FWHLive1%404853&scaleMode=stretch&link=http:%2F%2Fwww.whitehouse.gov%2Flive%2Fclean-energy-economy-forum-with-sec-steven-chu&player=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fmodules%2Fwh_multimedia%2FEOP_OVP_player.swf&path_to_image=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fthemes%2Fwhitehouse%2Fimg%2Ffacebook_bubble.gif&width=640&height=400" name="flashvars" /> <object width="640" height="400" data="http://www.whitehouse.gov/sites/default/modules/wh_multimedia/EOP_OVP_player.swf" type="application/x-shockwave-flash"> <param value="sameDomain" name="allowScriptAccess" /> <param value="opaque" name="wmode" /> <param value="#FFFFFF" name="bgcolor" /> <param value="showall" name="scale" /> <param value="best" name="quality" /> <param value="l" name="align" /> <param value="true" name="allowfullscreen" /> <param value="http://www.whitehouse.gov/sites/default/files/" name="base" /> <param value="false" name="play" /> <param value="false" name="menu" /> <param value="false" name="loop" /> <param value="src=rtmp:%2F%2Fcp68969.live.edgefcs.net%2Flive%2FWHLive1%404853&scaleMode=stretch&link=http:%2F%2Fwww.whitehouse.gov%2Flive%2Fclean-energy-economy-forum-with-sec-steven-chu&player=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fmodules%2Fwh_multimedia%2FEOP_OVP_player.swf&path_to_image=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fthemes%2Fwhitehouse%2Fimg%2Ffacebook_bubble.gif&width=640&height=400" name="flashvars" /> <p>You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.</p> </object> </object> </p> </p> </div> </div> <div class="article_footer"> <div class="article_footer_info"> Posté par gazette à 16:03 - <a href="http://demowhitehouse.canalblog.com/archives/2009/10/28/15599380.html#ob-comments"><span>Commentaires [<span id="comment-count-1039089">…</span><script> ob.commentCount(document.querySelector("#comment-count-1039089"), { resource: "http://demowhitehouse.canalblog.com/api/comment-count/1039089", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://demowhitehouse.canalblog.com/archives/2009/10/28/15599380.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://demowhitehouse.canalblog.com/archives/2009/10/28/15599380.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://demowhitehouse.canalblog.com/archives/2009/10/28/15599380.html" data-text="You are missing some Flash content that should" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=You%20are%20missing%20some%20Flash%20content%20that%20should&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fdemowhitehouse.canalblog.com%2Farchives%2F2009%2F10%2F28%2F15599380.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_1039089"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_1039089") printElement.addEventListener("click", function() { ob.printPost("You are missing some Flash content that should", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p class=\"swftools-wrapper swftools-swf\"><p class=\"swftools\">\r\n<object width=\"640\" height=\"400\" id=\"swf12567399762\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\">\r\n<param value=\"http:\/\/www.whitehouse.gov\/sites\/default\/modules\/wh_multimedia\/EOP_OVP_player.swf\" name=\"movie\" \/>\r\n<param value=\"sameDomain\" name=\"allowScriptAccess\" \/>\r\n<param value=\"opaque\" name=\"wmode\" \/>\r\n<param value=\"#FFFFFF\" name=\"bgcolor\" \/>\r\n<param value=\"showall\" name=\"scale\" \/>\r\n<param value=\"best\" name=\"quality\" \/>\r\n<param value=\"l\" name=\"align\" \/>\r\n<param value=\"true\" name=\"allowfullscreen\" \/>\r\n<param value=\"http:\/\/www.whitehouse.gov\/sites\/default\/files\/\" name=\"base\" \/>\r\n<param value=\"false\" name=\"play\" \/>\r\n<param value=\"false\" name=\"menu\" \/>\r\n<param value=\"false\" name=\"loop\" \/>\r\n<param value=\"src=rtmp:%2F%2Fcp68969.live.edgefcs.net%2Flive%2FWHLive1%404853&scaleMode=stretch&link=http:%2F%2Fwww.whitehouse.gov%2Flive%2Fclean-energy-economy-forum-with-sec-steven-chu&player=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fmodules%2Fwh_multimedia%2FEOP_OVP_player.swf&path_to_image=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fthemes%2Fwhitehouse%2Fimg%2Ffacebook_bubble.gif&width=640&height=400\" name=\"flashvars\" \/>\r\n\r\n<object width=\"640\" height=\"400\" data=\"http:\/\/www.whitehouse.gov\/sites\/default\/modules\/wh_multimedia\/EOP_OVP_player.swf\" type=\"application\/x-shockwave-flash\">\r\n<param value=\"sameDomain\" name=\"allowScriptAccess\" \/>\r\n<param value=\"opaque\" name=\"wmode\" \/>\r\n<param value=\"#FFFFFF\" name=\"bgcolor\" \/>\r\n<param value=\"showall\" name=\"scale\" \/>\r\n<param value=\"best\" name=\"quality\" \/>\r\n<param value=\"l\" name=\"align\" \/>\r\n<param value=\"true\" name=\"allowfullscreen\" \/>\r\n<param value=\"http:\/\/www.whitehouse.gov\/sites\/default\/files\/\" name=\"base\" \/>\r\n<param value=\"false\" name=\"play\" \/>\r\n<param value=\"false\" name=\"menu\" \/>\r\n<param value=\"false\" name=\"loop\" \/>\r\n<param value=\"src=rtmp:%2F%2Fcp68969.live.edgefcs.net%2Flive%2FWHLive1%404853&scaleMode=stretch&link=http:%2F%2Fwww.whitehouse.gov%2Flive%2Fclean-energy-economy-forum-with-sec-steven-chu&player=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fmodules%2Fwh_multimedia%2FEOP_OVP_player.swf&path_to_image=http:%2F%2Fwww.whitehouse.gov%2Fsites%2Fdefault%2Fthemes%2Fwhitehouse%2Fimg%2Ffacebook_bubble.gif&width=640&height=400\" name=\"flashvars\" \/>\r\n\r\n<p>You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.<\/p>\r\n\r\n<\/object>\r\n\r\n<\/object>\r\n<\/p>\r\n<\/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-1039089" > <label class="stars-view stars-view-5-1039089 " for="rating-5-1039089" onclick="handleRate(1039089, 5, 0, 'stars-view-5-1039089', 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-1039089" > <label class="stars-view stars-view-4-1039089 " for="rating-4-1039089" onclick="handleRate(1039089, 4, 0, 'stars-view-4-1039089', 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-1039089" > <label class="stars-view stars-view-3-1039089 " for="rating-3-1039089" onclick="handleRate(1039089, 3, 0, 'stars-view-3-1039089', 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-1039089" > <label class="stars-view stars-view-2-1039089 " for="rating-2-1039089" onclick="handleRate(1039089, 2, 0, 'stars-view-2-1039089', 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-1039089" > <label class="stars-view stars-view-1-1039089 " for="rating-1-1039089" onclick="handleRate(1039089, 1, 0, 'stars-view-1-1039089', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-1039089"> 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="_0aa0725"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_6550cd9"></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"> DEMO SCRIPTS </div> <ul> <li> cdfv </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="_19098c0"></div> </div> <div class="ob-widget ob-widget_search" > <div class="ob-h3 ob-widget_search_title ob-widget_title"> Recherche </div> <form action="/search" method="post"> <input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" /> <input type="submit" value="Recherche" class="ob-widget_search_submit" /> </form> </div> <div class="ob-widget ob-widget_rss"> <div class="ob-widget_rss_element ob-widget_social-share"> <a class="ob-widget_rss_link" href="/rss" target="_blank"> <i class="fa-solid fa-rss"></i> <span>Flux RSS</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_aaf179f"></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/47590"> 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: [1039104,1039102,1039098,1039094,1039089], }) }) 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="_34e23b8"></div><div id="_7687cca"></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>
