Yahoo YUIでWYSIWYG

2011年01月20日(木)

Yahoo YUI2の Rich Text Editorを試しに導入してみましたのでメモします。

まず以下を読み込みます。












次に設定をしてレンダリングします。

var myEditor = new YAHOO.widget.Editor('#ID名', {
    height: '300px',
    width: '75%',
    dompath: true,
    animate: true,
    handleSubmit:true
});
myEditor.render();

その後、bodyタグにクラスを入れました。

<body class="yui-skin-sam">

以上です。
最初、POSTしたときに行きませんでしたが
configulationでhandleSubmit:trueを記述するといけました。

jQueryUI tabのアクティブなタブにつくスタイルって

2010年10月18日(月)

ui-tabs-selectedでした。

jQueryUI のtabではアクティブなタブにクラス「 ui-tabs-selected 」が
付加されるようです。
知りませんでした。常識っぽいです。

jQuery simplyscrollの件

2010年10月09日(土)

simplyscrollのサンプルがありました。
というか、simplyscroll知りませんでした。
そんなに有名なんでしょうか?

あとgoogleコードでホスティングされてるのが
探すの下手くそです。



JavaScript JS版のbox2dが開発されているみたいです。

2010年10月09日(土)

as3でもあったあの物理エンジンがjsでも開発されているようです。
すごく楽しみです。

http://box2d-js.sourceforge.net/
サンプル
http://box2d.heroku.com/

JS 無名関数

2010年09月26日(日)

js.do itで無名関数のテストをしているのがあったので
メモしておきます。
http://jsdo.it/hilotter/kRlf

無名関数を作ってすぐ実行するとか

(function(){document.write("test");})();

関数を返す関数をつくるとか

function hello2() {
  var hello = function (){
    document.write("hello2");
  };
  return hello; //()なし
}

変数に、関数を格納するこの表現とか

var h2 = hello2();
h2();

面白かったです。
自分は何も知らないなと感じます。

jQuery UI tabsのサンプル

2010年09月15日(水)

とりあえず、よく使いそうなものだけまとめました。


jQuery UI タブでやっちまった!

2010年09月15日(水)

動くはずなんだけどなーとおもいつつ
はまってしまいましたのでメモします。

以下の記述がないと駄目だったんですね。

.ui-tabs .ui-tabs-hide {
     display: none;
}

雰囲気でやるとダメってことです。
気をつけます。

jQuery UI datepickerでカレンダーから日付を作成

2010年09月14日(火)

http://jqueryui.com/demos/datepicker/

なんだよーこれ。
しらなかったぜ。

jHtmlAreaのデフォルトのツールバー

2010年09月09日(木)

jHtmlAreaのデフォルトのツールバー
デフォルトであるサイズを変更するボタンとか追加したいなと思ったのですが
いまいちどこにあるのかわかりませんでしたので。

["html"], ["bold", "italic", "underline", "strikethrough", "|", "subscript", "superscript"],
["increasefontsize", "decreasefontsize"],
["orderedlist", "unorderedlist"],
["indent", "outdent"],
["justifyleft", "justifycenter", "justifyright"],
["link", "unlink", "image", "horizontalrule"],
["p", "h1", "h2", "h3", "h4", "h5", "h6"],
["cut", "copy", "paste"]

そしてツールバーの項目を変更する際のスクリプト

$(function(){
   $("textarea#content").htmlarea({
    toolbar: [
     ["html","|", "bold", "italic", "underline", "|", "forecolor"],
     ["increasefontsize", "decreasefontsize"],
     ["link", "unlink", "|", "image"],
     ["cut", "copy", "paste"]
	  ]
   });
});

jQueryのWYSIWYGエディタ

2010年08月19日(木)

WYSIWYG(ウィジウィグ)エディタ探していましたが
jQueryで動くモノがあったのでメモっときます。

http://jhtmlarea.codeplex.com/