Dessin hugo - tests2divers2010

Canalblog

Editer l'article Suivre ce blog

Administration + Créer mon blog

Publicité

21 novembre 2010

Dessin hugo

compteur gratuit

Posté par gazette à 18:50 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?

0 vote

10 technologies emergentes pour 2010...

@media only screen and (min-width: 970px) { .ob-Related-posts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flexbox-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -moz-box-direction: row; -webkit-box-direction: row; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flexbox-direction: row; -ms-flex-direction: row; flex-direction: row; } .ob-Related-post { -webkit-box-basis: auto; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1 0 auto; flex: 1; margin-bottom: 0; } .ob-Related-post:not(:last-child) { margin-right: 10px; } }

Publicité

Publicité

function loadScript(url, callback) { var script = document.createElement("script") script.type = "text/javascript"; script.async = true if(script.readyState) { // only required for IE <9 script.onreadystatechange = function() { if ( script.readyState === "loaded" || script.readyState === "complete" ) { script.onreadystatechange = null; callback(); } }; } else { //Others script.onload = function() { callback(); }; } script.src = url; document.body.appendChild(script); } function renderOutbrain(doc) { var a = document.createElement('a') a.className = "ob-Outbrain_item" a.href = doc.orig_url a.addEventListener("click", trackAndRedirect(doc.url, doc.orig_url)) a.target = "_BLANK" a.innerHTML = '<img class="ob-Outbrain_img" ' + (doc.thumbnail ? 'src="' + doc.thumbnail.url + '"' : '') + '/>'+ '<span class="ob-Outbrain_titleitem">' + doc.content + '</span>'+ '<span class="ob-Outbrain_source">' + doc.source_name + '</span>' return a } function trackAndRedirect(track, redirect) { return function(e) { e.preventDefault() OBR.extern.callClick({ link: track }) window.open(redirect, '_blank') } } function loadOutbrain(){ loadScript("https://widgets.outbrain.com/outbrain.js?i=fabf7bc8", function() { var requestData = { permalink: "https://www.over-blog.com/fr_CB", widgetId: "AR_1" } OBR.extern.callRecs(requestData, function(json) { var container = document.querySelector('.ob-Outbrain') var content = document.createElement('div') content.className = "ob-Outbrain_content" var items = document.createElement('div') items.className = "ob-Outbrain_items" for (var i = 0; i < json.doc.length; i++) { items.appendChild(renderOutbrain(json.doc[i])) } content.appendChild(items) var recommended = document.createElement('div') recommended.className = "ob-Outbrain_recommandedBy" recommended.innerHTML = '<span>Recommandé par</span>'+ '<a class="ob-Outbrain_outbrainLogo" href="https://www.outbrain.com/what-is/default/fr" target="_BLANK"></a>' content.appendChild(recommended) var title = document.createElement('h3') title.className = "ob-Outbrain_title" title.innerHTML = "À lire aussi" container.appendChild(title) container.appendChild(content) }) }); } window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function (Didomi) { __tcfapi("addEventListener", 2, function(e, t) { if (t && (e.eventStatus === "tcloaded" || e.eventStatus === "useractioncomplete")) { loadOutbrain(); __tcfapi("removeEventListener", 2, function() {}, e.listenerId) } }) });

Commentaires

Publicité

Publicité

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() })

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: [1147393], }) }) 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() }) (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");