JSFiddle - React, Tailwind, and code Playground

by JCapriotti

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script src="module.js"></script>
 
</head>
<body>
 
    <div>
        <input type="button" id="buttPerm" value="Perm" />
        <input type="button" id="buttUM" value="UM" />
    </div>
 
</body>
</html>

JavaScript

dialogShared = function () {
 
    return {
        // Callback from priceUpdate; sets prices from ajax call
        LoadPrices: function () {
            this.InitializeView();
        },
 
        // Callback function to set internal data, signalling that we don't have any prices available.
        InitializeView: function () {
            alert('shared version');
        }
    }; // return
 
} ();
 
 
productOptionsDialog = (function (shared) {
    var ret = $.extend({}, shared);
 
    ret.InitializeView = function () {
        shared.InitializeView.call();
        alert('product options version');
    };
 
    return ret;
 
} (dialogShared));
 
 
umDialog = (function (shared) {
    var ret = $.extend({}, shared);
 
    ret.InitializeView = function () {
        shared.InitializeView.call();
        alert('um version');
    };
 
    return ret;
} (dialogShared));


 
$(document).ready(function () {
 
    $("#buttPerm").click(function () {
        productOptionsDialog.LoadPrices();
    });
 
    $("#buttUM").click(function () {
        umDialog.LoadPrices();
    });
 
});