タグ

ブックマーク / allabout.co.jp (2)

  • jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About

    jQuery Draggablesで簡単ドラッグドロップ今回は、jQuery UIの中からDraggablesを紹介します。DOM要素を、極めて簡単にドラッグ可能にしてくれるツールです。 前回は、プラグインから紹介しましたが 今回は、再度、jQuery UIの中から紹介します。Draggablesです。 極めて手軽にDOM要素をドラッグ可能にしてくれるプラグインです。 jQuery Download jquey.js(-min.js) UI/Draggables Draggables デモ ダウンロード jquery.ui-1.0.zip (101 KB) jQueryのダウンロードと設置 Draggables Draggablesを使うためには、jquery.jsの他にjquery.dimensions.js、ui.mouse.js、ui.draggable.js、ui.draggabl

    jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About
  • DOM InsertBefore()

    下記の文字に触ってください 最初の文字 下記の文字に触ってください <p onmouseover=" // TEXT_NODEを作り変数ndへ入れる nd = document.createTextNode('どう?') ; // 最初の子(firstChild)の前へndを挿入 this.insertBefore( nd , this.firstChild ) ">最初の文字</p> 「最初の文字」の前へ「どう?」が挿入されます。つまり、 「どう?最初の文字」 となるのです。 ここで、ちょっと気をつけたいのは、下記のようにinsertBefore()の 第二引数が無い場合は「前」ではなく「末尾」に挿入されることです。つまり、上とは逆に、 「最初の文字どう?」 となるのです。 最初の文字 下記の文字に触ってください <p onmouseover=" /

  • 1