JSFiddle - React, Tailwind, and code Playground

by paska

HTML

<div id="popupdivMessageBox" style="display:none;">
    <div style="padding: 1px 1px 1px 1px; margin: 4px;">
        <table>
            <tr>
                <td>
                    <img id="_dialogIconMessage" src="/SitioNosisWeb/Images/1x1_Transparente.gif" alt="" width="48px" height="48px" style="margin-right:15px;" />
                </td>
                <td>
                    <b><span id="_dialogMessageBoxTexto"></span><br /></b>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <span id="_dialogMessageBoxRespuesta" style="color:Red"></span>
                </td>
            </tr>
        </table>
    </div>
    <div style="text-align:center;padding:0px;margin: 0px -10px 0px -10px;padding-bottom:6px;padding-top:6px; border-top: 1px solid #6093B0;" onkeypress="MessageBox.click();" id="botonera">
        <button id="_btnBotonDialogoAceptar" class="BotonDialogo">Aceptar</button>
        <button id="_btnBotonDialogoCancelar" class="BotonDialogo">Cancelar</button>
        <button id="_btnBotonDialogoSalir" class="BotonDialogo">Salir</button>
    </div>
</div>

JavaScript

/// <reference path="./jquery-1.4.4-vsdoc.js">

var Helper = {};

// Miembros privados
Helper._controls    = null;
Helper._wndImagenes = null;
Helper._wndHelps = null;
Helper._elementsIds = {};

Helper._minWidthOnResize = 370;
Helper._windowMargen     = 215;

Helper.windowSize = function() 
{
    var myWidth = 0, myHeight = 0;

    if (typeof(window.innerWidth) == 'number') //Non-IE
    {
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } 
    else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) //IE 6+ in 'standards compliant mode'
    {
        myWidth = document.body.parentNode.clientWidth;
        myHeight = document.body.parentNode.clientHeight;
    } 
    else if(document.body && (document.body.clientWidth || document.body.clientHeight)) //IE 4 compatible
    {
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    
    return { width: myWidth, height: myHeight };
}

Helper.elementDel = function(id) 
{
    if (id in Helper._elementsIds)
        delete Helper._elementsIds[id];
}
    
Helper.elementClear = function(id) 
{
    Helper._elementsIds = {};
}

Helper.elementGet = function(id) 
{
    var retorno;
    var doc = document;
    
    try
    {
        if (!(id in Helper._elementsIds))
        {
            var element = doc.getElementById(id);
            if (element == null)
                retorno = null;
            else
            {
                Helper.elementAdd(doc.getElementById(id));
                retorno = Helper._elementsIds[id];
            }
        }
        else
        {
            if ((Helper._elementsIds[id].sourceIndex == 0) || (Helper._elementsIds[id].parentNode == null)) /* verifica si el elemento fue removido del DOM */
            {
                Helper._elementsIds[id] = null;
                Helper._elementsIds[id] = doc.getElementById(id);
            }
            retorno =...