馬の脳: Javascript

ラベル Javascript の投稿を表示しています。すべての投稿を表示

2012年8月23日木曜日

jqueryとjquery uiを使ったマウスオーバーによるポップアップ

水色のボックスにマウスをのせるとポップアップが出ます。
ツールチップ的な使い方もできます。
jquery uiのpositionを使って、ポップアップの位置をマウスのポジションからの相対的に決めています。

2012年2月29日水曜日

DOMの要素を子供ごと削除

JavaScriptでDOMの一つのエレメントを子供ごと削除したい。
参考にしたページ（英語）
単に子供たちを再帰的に削除する。
自分自身を消すメソッドがよくわからなかったので、親にもどって親から見て子供の自分自身を消すようにした。

// remove an element and its children recursively
function removeElementRecursively(node)
{
    if(!node) return;
    removeChildrenRecursively(node);
    removeElement(node);
}

// remove an element
function removeElement(node)
{
    if(!node) return;
    node.parentElement.removeChild(node);
}

// remove children of an element recursively
function removeChildrenRecursively(node)
{
    if (!node) return;
    while (node.hasChildNodes()) {
 removeChildrenRecursively(node.firstChild);
 node.removeChild(node.firstChild);
    }
}