Last active
August 29, 2015 14:03
-
-
Save guest271314/499b37b332d7d864deb5 to your computer and use it in GitHub Desktop.
txt.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! txt.js Copyright (C) 2014 guest271314 license http://opensource.org/licenses/BSD-2-Clause | |
* reference : http://stackoverflow.com/questions/24587514/how-to-use-a-text-files-contents-in-html-as-text | |
* usage 1 : `p[0].innerText = _$.txt.p0;` , | |
* usage 2 : `_$.txt.add(1, "p1");` , | |
* usage 3 : `for (var i = 2; i < p.length; i++) { _$.txt.add(i, "p" + i);};` , | |
* usage 4 : `var elem = document.createElement("p"); elem.id = p.length; document.body.appendChild(elem); | |
* usage 4, cont. : `_$.txt.add(5, "text\n"+ txt.p4);` | |
* jsfiddle : http://jsfiddle.net/guest271314/xCFP5/ , http://jsfiddle.net/guest271314/xF3A8/ | |
*/ | |
(function(w, el) { | |
_$ = w; | |
_$.p = p = (function(d) { | |
var q = d.querySelectorAll(el); return q; | |
}(document)); | |
document.addEventListener("DOMNodeInserted", function(e) { | |
p = (function(d) { | |
var q = d.querySelectorAll(el); return q; }(document)); | |
return false | |
}, false); | |
w.txt = _$.txt = { | |
"add" : function (i, t) { | |
return ( txt.hasOwnProperty(t) ? p[i].innerText = txt["" + t] : p[i].innerText = t ); | |
} | |
,"p0":"Introducing the new red glasses." | |
,"p1" : "Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?\n At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat..." | |
, "p2" : "Relaxing in basins at the end of inlets terminates the endless tests from the box.\n Carved symbols in a mountain hollow on the bank of an inlet irritated an eccentric person.\n Signage indicating endowments for industrial diamonds annoy filth-spreading genies. \nBeing bounced around quickly annoyed the disheveled taxi drivers.\n Public relations agent asks sports room, when do television disc jockeys fight?" | |
, "p3" : "Vestibulum volutpat facilisis nisl non convallis. Mauris eu quam elit. Fusce ullamcorper, leo ut bibendum dictum, nulla nulla porttitor orci, non congue nulla felis elementum tortor. Vivamus accumsan fringilla leo, ornare tempus tellus sodales eu. Duis ac lobortis mi. Nunc ornare mattis vulputate. Curabitur venenatis dolor a malesuada congue. Nullam congue, ipsum vitae tempor luctus, velit est blandit augue, nec accumsan justo urna sit amet eros. Duis et porttitor neque, vitae bibendum urna. Fusce interdum scelerisque luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n Maecenas at nisi quam. Ut eros tortor, imperdiet non arcu nec, aliquam imperdiet massa. Vivamus purus orci, porta vel lobortis eu, convallis sit amet ante. Curabitur fermentum egestas lorem, vel sagittis nibh consequat ac. Pellentesque vitae varius odio. Aliquam faucibus cursus nisl, eget dapibus purus fringilla id. Aenean gravida sollicitudin erat, tempor mattis nunc sollicitudin tempus. Suspendisse ultrices ante enim, sit amet bibendum dolor molestie tincidunt. Suspendisse fringilla sodales arcu, in auctor mauris pulvinar a. Curabitur eu luctus libero. Vivamus dignissim laoreet sem, lacinia vehicula nunc lacinia nec. Mauris adipiscing dolor id nulla semper fringilla. \n Etiam dignissim, orci id tempor porttitor, leo dui dapibus lacus, in blandit enim urna eget tellus. In diam nisl, suscipit eget imperdiet sit amet, consequat id nisi. Nullam condimentum metus nec arcu mollis, vel faucibus mi rhoncus. Quisque pellentesque est leo, elementum vestibulum nibh viverra ut. Praesent vel metus quis nisi molestie pulvinar eu et nunc. Phasellus non risus orci. Etiam auctor blandit nibh. In ac pulvinar magna. Proin sit amet facilisis lectus, ut rhoncus mi. Nullam risus risus, tincidunt sit amet dignissim vitae, facilisis ut lacus.\nSed eu risus quis arcu luctus vehicula. Vivamus feugiat tortor augue, id interdum velit commodo nec. Nullam blandit purus id purus porttitor, pharetra consectetur tortor convallis. Suspendisse nec mi sem. Praesent ut orci in nisl placerat vestibulum eleifend sit amet lectus. Vestibulum et sagittis turpis. Aliquam erat volutpat. Aenean eget pulvinar lectus. Aliquam eleifend orci ut est condimentum semper. Vivamus laoreet risus sit amet auctor feugiat. Maecenas pellentesque, dui non varius cursus, sem magna consectetur urna, porttitor accumsan nisl lectus vitae dui.\nPhasellus ornare magna eget felis consectetur, sed semper dolor tincidunt. Donec fringilla lorem libero, nec sollicitudin libero pretium ut. Morbi vulputate tincidunt sapien, id viverra orci pellentesque at. Sed vestibulum neque nec turpis aliquam dapibus. Mauris in blandit est. Aliquam erat volutpat. Praesent id iaculis leo." | |
, "p4" : (function(){ return new Date().toJSON();}()) | |
}; | |
return _$ && _$.txt; | |
}(window, "p")) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment