Chris Wainwright cjwainwright

## html-fallback-content.md

      
              1 file
            
          
              1 fork
            
          
              1 comment
            
          
              0 stars
            
          
                cjwainwright
                / html-fallback-content.md
            
            
              Last active
              December 16, 2015 05:09
            
          
    HTML fallback content

Wouldn't it have been nice if HTML had fully embraced the approach it takes for iframe and object tags by having fallback content for other elements.
Images could have not only alt text, but also fallback images.
<img src="banana.png">
  A very tasty banana

  
## 1.js
/x/==x

## withDefaults.js
Function.prototype.withDefaults = function () {
    var defaults = [].slice.call(arguments);
    var f = this;
    return function () {
        arguments.__proto__ = defaults;
        arguments.length = f.length;
        return f.apply(this, arguments);
    };
};

## event.js
function event() {
    var a = [].slice.call(arguments);
    var fn = function() {
        var scope = this;
        var args = [].slice.call(arguments);
        a.forEach(function(f){f.apply(scope, args);});
    };
    fn.add = function() {
        a.push.apply(a, arguments);
        return fn;

## make.js
// A function to create a new object using a constructor function when you only
// have an array of arguments, analogous to how you would use "apply" to call a
// function, but for "new".

function make(C, args) {
    function T(){
        C.apply(this, args);
    }
    T.prototype = C.prototype;
    return new T();

## selector
function $(selector) {
    return Array.apply(null, document.querySelectorAll(selector));
}

## innerHTMLissue.html
<!doctype html>
<html>
	<body>
        <div id="a">
            <div id="b">
                <div id="c">Original Child 1</div>
                <div>Original Child 2</div>
            </div>
        </div>
        <script type="text/javascript">

## proxyNamespace.js
function ns(x) {
    return new Proxy(x, {
        get: function(target, name) {
            if(target.hasOwnProperty(name)) {
                return target[name];
            }
            return target[name] = ns({});
        }
    });
}
	Function.prototype.withDefaults = function () {
	var defaults = [].slice.call(arguments);
	var f = this;
	return function () {
	arguments.__proto__ = defaults;
	arguments.length = f.length;
	return f.apply(this, arguments);
	};
	};
	function event() {
	var a = [].slice.call(arguments);
	var fn = function() {
	var scope = this;
	var args = [].slice.call(arguments);
	a.forEach(function(f){f.apply(scope, args);});
	};
	fn.add = function() {
	a.push.apply(a, arguments);
	return fn;
	// A function to create a new object using a constructor function when you only
	// have an array of arguments, analogous to how you would use "apply" to call a
	// function, but for "new".

	function make(C, args) {
	function T(){
	C.apply(this, args);
	}
	T.prototype = C.prototype;
	return new T();
	function $(selector) {
	return Array.apply(null, document.querySelectorAll(selector));
	}
	<!doctype html>
	<html>
	<body>
	<div id="a">
	<div id="b">
	<div id="c">Original Child 1</div>
	<div>Original Child 2</div>
	</div>
	</div>
	<script type="text/javascript">
	function ns(x) {
	return new Proxy(x, {
	get: function(target, name) {
	if(target.hasOwnProperty(name)) {
	return target[name];
	}
	return target[name] = ns({});
	}
	});
	}