jQuery simplyscrollの件

2010年10月09日（土）

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

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

Tags: ,
カテゴリ:jQuery | Comments Closed

関連記事

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

2010年09月15日（水）

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

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

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

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

Tags: ,
カテゴリ:jQuery, jQuery UI, tabs | Comments Closed

関連記事

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

2010年09月14日（火）

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

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

カテゴリ:jQuery, jQuery UI | Comments Closed

関連記事

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"]
	　　]
　　　});
});

カテゴリ:WYSIWYG, jQuery, javascript | Comments Closed

関連記事

jQueryのWYSIWYGエディタ

2010年08月19日（木）

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

http://jhtmlarea.codeplex.com/

カテゴリ:jQuery | Comments Closed

関連記事

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

2010年06月24日（木）

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

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

Tags:
カテゴリ:jQuery | Comments Closed

関連記事

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);
}

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

Tags: ,
カテゴリ:Manipulation, jQuery, javascript | Comments Closed

関連記事

jQuery キューはqueue()

2010年06月17日（木）

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

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

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

Tags:
カテゴリ:Effect, jQuery, javascript | Comments Closed

関連記事

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);
		}

	};

Tags:
カテゴリ:jQuery | Comments Closed

関連記事

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);
		}

};

カテゴリ:jQuery | Comments Closed

関連記事
« Older Entries