JSFiddle - React, Tailwind, and code Playground

by Adrià Vilanova Martínez

HTML

<div id="cmdDescargar" class="botonFicha" onmouseover="$(this).css('background','url(/plantillas/smconectados/imgs/btnFichaLibroOver.png)');" onmouseout="$(this).css('background','url(/plantillas/smconectados/imgs/btnFichaLibro.png)');" onclick="
								Descarga(0, 0, 173960, 'P+L', '271405');
							" style="background: url(http://www.smconectados.com/plantillas/smconectados/imgs/btnFichaLibro.png);">
							Descargar libro
						</div>


<div slide="1" id="div_15287"><div class="categoriaDescargable" style="cursor:pointer; text-align:right;opacity:0.6;" onclick="DescargaCategoria(1, '173960', '61', '1', '3');"><img src="/plantillas/smconectados/imgs/tiposContenidos/ico-zip.png" style="width:20px; vertical-align: middle; margin-right: 3px;"><span class="txtRecurso" style="float:none; line-height:20px;color:gray;">
											Descargar Guía didáctica</span></div><div style="margin-left:28px;width:520px;font-size:12px;color:#555555;font-style:italic;"></div><div style="margin-top:6px;"><img class="imgRecurso" src="/plantillas/smconectados/imgs/tiposContenidos/v2/ico-cont-libre.png"><div class="txtRecurso" onclick="
													accesoContenido('', 1, 0, 0, 0, false, 'false', '57E5F768-5021-48CC-B2AC-410F5A696F4E', 1, '_blank', false, this, 367775);
												">¿Qué contiene?</div><div style="clear:both"></div><div style="margin-left:28px;width:500px;font-size:11px;color:#555555;font-style:italic;">Para organizar tu trabajo administrativo y preparar tus clases dispondrás de material <span style="font-weight: bold;">descargable en Word</span> para <span style="font-weight: bold;">cada unidad didáctica</span> y <span style="font-weight: bold;">cada sección trimestral</span> del libro del alumno. Cada unidad contiene: <br><span style="font-weight: bold;">1) programación de aula</span> y <span style="font-weight: bold;">orientaciones metodológicas</span>, como previsión de dificultades y temporalización; <span style="font-weight: bold;">2) sugerencias...

JavaScript

var links = document.querySelectorAll("div.txtRecurso");

for (var i = 0; i < links.length; i++) {
    var link = links[i];
    var onclick = link.getAttribute("onclick");
    var attributes = onclick.split("(")[1].split(")")[0].split(", ");
    var newonclick = "accesoContenido("+attributes[0]+", 1, "+attributes[2]+", "+attributes[3]+", "+attributes[4]+", "+attributes[5]+", "+attributes[6]+", "+attributes[7]+", "+attributes[8]+", "+attributes[9]+", "+attributes[10]+", "+attributes[11]+", "+attributes[12]+");";
    link.setAttribute("onclick", newonclick);
    link.setAttribute("style", "");
    link.parentNode.style.opacity="1";
}

function Descarga(libroMIOXSLT, muestraMIOXSLT, idCmsContenidoXSLT, tipo, idLirAsociado) {
    libroMIO = 1;
    muestraMIO = 1;
    var so = 1;
    var soText;
    var navInfo = window.navigator.platform.toLowerCase();
    if (navInfo.indexOf('win') != -1) {
        so = 1;
        soText = 'Windows';
    } else if (navInfo.indexOf('linux') != -1) {
        so = 2;
        soText = 'Linux';
    } else if (navInfo.indexOf('mac') != -1) {
        so = 3;
        soText = 'Macintosh';
    }
    TipoSO = so;
    $('#dvMiSO').html(soText);
    if (tipo == null || tipo == '-1') {
        tipo = $("#foreachBook" + idCmsContenidoXSLT).attr('tipo');
    }
    if (tipo == 'P+L') {
        if (idLirAsociado == null || idLirAsociado == "") {
            idLirAsociado = $("#foreachBook" + idCmsContenidoXSLT).attr('idMetadato154');
        }
        idCmsContenidoDescarga = idLirAsociado;
    } else {
        idCmsContenidoDescarga = idCmsContenidoXSLT;
    }
    seguimientoAccesos(5, idCmsContenidoDescarga);
    PageMethods.ObtenerDisponibilidades(idCmsContenidoXSLT, so, callback_ObtenerDisponibilidades);
}