[新着] Webテンプレートを仮オープンしました
「質問にならないような「コードの作成依頼のみ」の投稿はご遠慮ください。（どうしてもという場合には、事情を説明した上でお願いしてみてください）」
window.onload = function()
{
var tables = [];
tables[0] = "<table><tbody><tr><td>あいうえお</td></tr></tbody></table>";
tables[1] = "<table><tbody><tr><td>かきくけこ</td></tr></tbody></table>";
tables[2] = "<table><tbody><tr><td>さしすせそ</td></tr></tbody></table>";
var index = parseInt(Math.random() * tables.length);
setHTML.call(document.body, tables[index]);
}
function setHTML(htmlText)
{
//元の子ノードを削除する。
while(this.hasChildNodes())
this.removeChild(this.firstChild);
var lastChild = this;
for(var ix = 0; ix < htmlText.length; ) {
var nextIx = ix + 1;
switch(htmlText.charAt(ix)) {
case "<":
nextIx = htmlText.indexOf(">", ix) + 1;
//属性の開始まで。
var tagEnd = htmlText.indexOf(" ", ix);
if(tagEnd < ix || tagEnd > nextIx)
tagEnd = nextIx - 1;
var tag = htmlText.substring(ix + 1, tagEnd);
//終了タグであれば最終要素を親要素に置き換える。
if(tag.charAt(0) == "/") {
lastChild = lastChild.parentNode;
break;
}
//開始タグであれば要素を追加し、最終要素にする。
var tagElement = document.createElement(tag);
lastChild.appendChild(tagElement);
lastChild = tagElement;
//属性をセットする。
var attributeText = htmlText.substring(tagEnd + 1, nextIx - 1);
setAttributes(tagElement, attributeText);
break;
default:
//テキストノードを追加する。
nextIx = htmlText.indexOf("<", ix);
if(nextIx < 0)
nextIx = htmlText.length;
var text = htmlText.substring(ix, nextIx);
lastChild.appendChild(document.createTextNode(text));
}
ix = nextIx;
}
//属性セット関数
function setAttributes(targetElement, attributeText)
{
for(var ix = 0; ix < attributeText.length; ) {
//属性名称取得
var nextIx = attributeText.indexOf("=", ix);
var name = attributeText.substring(ix, nextIx);
//属性内容取得
ix = nextIx + 1;
nextIx = attributeText.indexOf(" ", ix);
if(nextIx < 0)
nextIx = attributeText.length;
var value = attributeText.substring(ix + 1, nextIx - 1);
//属性の追加
if(name.substring(0, 2) == "on")
addEvent.call(targetElement, name.substring(2), new Function("event", value));
else
targetElement.setAttribute(name, value);
ix = nextIx + 1;
}
//対象にイベントを追加する。
function addEvent(eventName, eventFunction)
{
if(this.addEventListener)
this.addEventListener(eventName, thatEvent, false);
else if(this.attachEvent)
this.attachEvent("on" + eventName, ieEvent);
//IE用イベント
function ieEvent() {
if(typeof eventFunction == "function")
return eventFunction.call(window.event.srcElement, window.event);
}
//その他用イベント
function thatEvent(e) {
if(typeof eventFunction == "function")
return eventFunction.call(e.target, e);
}
}
}
}msg[0]='<TABLE border="1"><TBODY><TR><TD><A href="リンク"><IMG src="画像.gif" /></A></TD></TR></TBODY></TABLE>';
msg[0]='<TABLE border="1"> <TBODY> <TR> <TD> <A href="リンク"><IMG src="画像.gif" /></A> </TD> </TR> </TBODY> </TABLE>';
var fragment = document.createDocumentFragment (); var lastChild = fragment; ... this.appendChild (fragment); // DocumentFragment の子ノード群がまとめて append される
var str ='<table>\ <tr><td>あ<\/td><\/tr>\ <\/table>';
document.addEventListener ('load', {
sources : [
'<table><tr><td>あいうえお</td></tr></table>',
'<table><tr><td>かきくけこ</td></tr></table>',
'<table><tr><td>さしすせそ</td></tr></table>'
],
handleEvent : function (event) {
var implementation = event.target.implementation;
var context = event.target.body;
var parser = implementation.createLSParser (implementation.MODE_SYNCHRONOUS, null);
var input = implementation.createLSInput ();
input.stringData = this.sources[ Math.floor (Math.random () * this.sources.length) ];
parser.parseWithContext (input, context, LSParser.ACTION_APPEND_AS_CHILDREN);
}
}, false);<div> <p>..</p> <p>..</p> <p>..</p> </div>