jQuery simplyscrollの件

2010年10月09日(土)

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

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



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/

jQuery トランジションありのスライドショー

2010年06月24日(木)

こんなのあればいいなーと思ってました。
トランジションありのスライドショーです。

http://workshop.rs/projects/coin-slider/

jQuery li複数のシミュレーション用

2010年06月21日(月)

良くレイアウトをCSSで組む際に
リストが複数ある状態をシミュレーションするためにわざわざli要素をコピーとかするんですが
このスクリプトを制作のときに入れておけば楽でした。
li要素を変更したときにも役立ちます。

list='<li>'+$("#sample_list li:first").html()+'</li>';
for(i=0;i<10;i++){
    $("#sample_list ul").append(list);
}

テスト用なので、稼働時には外しますが。

jQuery キューはqueue()

2010年06月17日(木)

要素のqueueはqueue()で配列として取得できるそうです。

 $("#animatede_id").queue().length;

これつかっとけばよかったです。

jQuery プラグイン修正版

2010年05月03日(月)

前回のエントリーを修正しました。
というより前のがひどすぎました。

jQuery.fn.biyoon = function(scale,duration,easing){

		//var target = this;
		return this.each(function(){
			ini_width=jQuery(this).attr("width");
			ini_height=jQuery(this).attr("height");
			jQuery(this).data({"ini_width":ini_width,"ini_height":ini_height});
			jQuery(this).bind("mouseover",biyon).bind("mouseout",rbiyon);
		//return target;
		});

		//拡大
		function biyon(e){
			selector=e.target;
			after_width=selector.width*scale+"px";
			after_height=selector.height*scale+"px";
			$(selector).stop().animate({width:after_width,height:after_height},duration,easing);
		}

		//戻す
		function rbiyon(e){
			selector=$(e.target);
			selector.stop().animate({width:selector.data("ini_width"),height:selector.data("ini_height")},duration,easing);
		}

	};

jQuery はじめてのjQueryプラグイン(駄作)

2010年05月01日(土)

初めてのjQueryぷらぐいんです。しょぼー!
画像がびよーんってなります。
jquery.easing.jsが必要です。

2010.5.1 追記:
この内容、あまりにひどすぎたので修正版を次回エントリーに。
http://blog.macaroniworks.net/2010/05/jquery-プラグイン修正版/

jQuery.fn.biyoon = function(scale,duration,easing){

		var target = this;
		target.bind("mouseover",biyon).bind("mouseout",rbiyon);
		ini_width=target.attr("width");
		ini_height=target.attr("height");
		return target;

		function biyon(e){
			selector=e.target;
			after_width=selector.width*scale+"px";
			after_height=selector.height*scale+"px";
			       target.animate({width:after_width,height:after_height},duration,easing);
		}

		function rbiyon(e){
			target.animate({width:ini_width,height:ini_height},duration,easing);
		}

};