articles

2013 年 8 月 11 日

jQuery jquery transit

CATEGORYjQuery   2:17 AM

最近ゴリゴリにダイナミックにアニメーションさせる案件が多く、昔の知識だけだとパフォーマンス的に厳しい状況が出て来ました。

なのでこちらを実戦で利用してみようと思います。
ベンダープレフィックス等も対応しており、cssでキーフレーム書いたりなどするより早いし管理しやすそうです。

http://ricostacruz.com/jquery.transit/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.transit.min.js">
		

2013 年 7 月 21 日

jQueryプラグイン 星用

CATEGORYjQuery   12:58 AM

星がきらめくようなプラグインです。
別に星じゃなくてもいいんですが、フェードインしてまたフェードアウトするような
オプションをとっていないので適当に調整する必要がありますが。

$("#star img").star();//フェードあり
$("#star img").star2();//明滅のみ

(function($) {
    
	/*初期設定*/
	$.fn.star=function(options){
		this.each(function(){
			var $this=$(this);
			$this.starFadeIn();
		});
		return this;
	};

	$.fn.starFadeIn=function(){
		p_obj=makePoint();
	$(this).css({"left":p_obj.x+"px","top":p_obj.y+"px"}).fadeIn(100).delay(p_obj.d).fadeOut(300,starFadeIn);
	}
	
	function starFadeIn(){
		$(this).starFadeIn();
	}


	$.fn.star2=function(){
		this.each(function(){
			var $this=$(this);
			$this.starShow();
		});
		return this;
	}

	$.fn.starShow=function(){
		// alert("s");
		p_obj=makePoint();
		// alert(p_obj);
		$(this).css({"left":p_obj.x+"px","top":p_obj.y+"px"}).delay(p_obj.d).show().delay(p_obj.d).hide(0,starShow);
		// delete p_obj;
	}

	function starShow(){
		$(this).starShow();
	}
    

    function makePoint(){
    	var x=Math.floor(Math.random()*1000)-200;
		var y=Math.floor(Math.random()*400);
		var d=Math.floor(Math.random()*1000)+300;
		obj={};
		obj.x=x;
		obj.y=y;
		obj.d=d;
		return obj;
    }
    
})(jQuery);


2013 年 2 月 7 日

Word PressでjQueryを利用したい

CATEGORYjQueryWordPress   9:41 PM

Word PressでjQueryを利用したい場合noConflict();が入っているので
以下のように修正しました。

$(function(){
 $('a.blank').attr("target","_blank");	
});

jQuery(function(){
 jQuery('a.blank').attr("target","_blank");	
});

・・・面倒だなあ。

2012 年 6 月 23 日

Javascriptのreplaceは最初のマッチだけ変換?

CATEGORYjavascript   11:46 AM

evernoteにメモするようになってblogは放置していましたが
アクセスが増えているみたいなのでまたコチラにもメモしておこうと思ってます。

jsのreplace
正規表現を使い//gで全文字列を置換するのが一般的!

str.replace(/テスト/g,"テスト2")

なにもしないと最初の文字列だけ!

jsの方が少なくともPHPよりはオブジェクト指向的かしら。
文字列オブジェクトのメソッドを呼び出してる形で。

PHPだと、str_replce()とかpreg_replace()とかになるので
なんとなく格好悪くはあります。

2011 年 1 月 20 日

Yahoo YUIでWYSIWYG

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を記述するといけました。

2010 年 10 月 18 日

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

ui-tabs-selectedでした。

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

2010 年 10 月 9 日

jQuery simplyscrollの件

CATEGORYjQuery   TAG 11:43 AM

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

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




2010 年 9 月 26 日

JS 無名関数

CATEGORYjavascript   12:40 PM

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

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

2010 年 9 月 15 日

jQuery UI tabsのサンプル

CATEGORYjQuery UItabs   TAG 6:22 PM

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