articles

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 年 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

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

2010 年 9 月 15 日

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

CATEGORYjQueryjQuery UItabs  TAG 2:12 PM

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

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

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

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