rsvp-reader/alt-implementations/readifry-master/hyphenator/testsuite/test94.html

99 lines
3.0 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Hyphenator.js &ndash; Test 94</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
width:50%;
margin-left:25%;
margin-right:25%;
}
#test {
background-color: #ffd6d6;
}
#ref {
background-color: #d6ffd6;
}
</style>
<!--<script src="../Hyphenator.js" type="text/javascript"></script>-->
<script type="text/javascript">
function init() {
document.getElementById('log').innerHTML+='Hyphenator loaded<br>';
if (parent != window) {
Hyphenator.config({
'onhyphenationdonecallback': function () {
var t1 = document.getElementById('test').innerHTML,
t2 = document.getElementById('ref').innerHTML,
desc = document.getElementById('desc').firstChild.data,
msg = {
desc: desc,
index: 94
};
if (t1 == t2) {
msg.result = 'passed';
} else {
msg.result = 'failed';
}
parent.postMessage(JSON.stringify(msg), window.location.href);
}
});
}
Hyphenator.config({
hyphenchar:'|',
classname:'content'
});
document.getElementById('log').innerHTML+='run Hyphenator<br>';
Hyphenator.run();
}
window.onload = function () {
document.getElementById('log').innerHTML+='onload event fired<br>';
var head, script, loaded = false, interval;
createElem = function (tagname, context) {
context = context || window;
if (document.createElementNS) {
return context.document.createElementNS('http://www.w3.org/1999/xhtml', tagname);
} else if (document.createElement) {
return context.document.createElement(tagname);
}
};
if (createElem) {
head = window.document.getElementsByTagName('head').item(0);
script = createElem('script', window);
script.src = '../Hyphenator.js';
script.type = 'text/javascript';
script.onload = function () {
loaded = true;
init()
};
if (!loaded) {
//fallback for ie<9
interval = setInterval(function() {
if (!!Hyphenator) {
clearInterval(interval);
if(!loaded) {
init();
}
}
}, 50);
}
head.appendChild(script);
document.getElementById('log').innerHTML+='Hyphenator added<br>';
}
};
</script>
</head>
<body>
<p><a href="index.html">&lt;&lt;- index</a> | <a href="test93.html">&lt;- Prev</a> | <a href="test95.html">Next -&gt;</a></p>
<h1>Test 94</h1>
<p id="desc">Tests if Hyphenator.js runs when it is loaded after onload-event.</p>
<p id="test" class="content" lang="en">Hyphenation</p>
<p id="ref">Hy|phen|ation</p>
<pre id="log"><br></pre>
</body>
</html>