[JavaScript] オブジェクトのプロパティ名と値を取得

8:44 PM on 2012年2月17日

var result; for (var prop in obj) { // [プロパティ名] : [値] / [プロパティ名] : [値] / … result += prop + ‘ : ‘ + obj[prop] + ‘ / ‘; } alert(result);

jQuery版のLightboxを使う

10:05 PM on 2012年1月18日 , ,

Lightbox2 http://lokeshdhakar.com/projects/lightbox2/ 内部的にprototype.jsを使っている。 prototype.jsとjQueryはコンフリクトを起こすため サイトでjQueryを使っていた場合、エラーになってしまう。 そのため、jQuery版のLightbox「jQuery lightBox plugin」を使って回避する。 http://leandrovieira.com/projects/jquery/lightbox/ ※prototype.jsのjQueryを共存させる方法もある。

SVGオブジェクトの塗りを透明にする場合

8:57 PM on 2011年9月6日 ,

「fill:none」を指定 ↓ 対象オブジェクト表示後、onclick等のイベントが有効になるまで時間がかかる。 ↓ 「fill:transparent」を指定することで回避可能

jQueryのコードサンプル

11:21 PM on 2011年6月15日 ,

$(document).ready(function(){ $(‘#main’).css({opacity:0}).animate({opacity:1},1000); $(‘a’).click(function(){ var url = $(this).attr(“href”); $(‘#main’).animate({“opacity”:0},500,”linear”,function(){ location.href = url; }); return false; }); $(‘.className’).each(function(){ $(this).css({opacity:”1.0″}); }); $(‘.className’).hover( function(){ $(this).fadeTo(‘fast’,0.4); }, function(){ $(this).fadeTo(‘fast’,1.0); } ); $(‘.className’).click(function(){ $(this).css({opacity:”0.4″}); }); });

インストールされているSilverlightのバージョンをJavaScriptで取得

10:42 PM on 2011年2月24日 ,

function getSilverlightVersion() { var version = 0; try { var plugin = navigator.plugins["Silverlight Plug-In"]; if (plugin) { version = parseInt(plugin.description); } else { var agControl = new ActiveXObject(“AgControl.AgControl”); if (agControl != null) { var i = 1; while (true) { if (agControl.IsVersionSupported(i + “.0″)) { version = i; i++; } else { break; } } [...]

[JavaScript] node.firstChild

7:50 PM on 2010年11月17日

ex. document.getElementById("id").firstChild.data = "data";

[JavaScript] setIntervalでthisを使う場合

9:52 AM on 2010年10月30日

var test = { val : 1, func : function() { setInterval(function() { exec(); }, 100); function exec() { alert(this.val); } }; alertで表示されるのは「null」。 「1」を表示させるためには以下のようにする。 var test = { val : 1, func : function() { var self = this; setInterval(function() { exec(); }, 100); function exec() { alert(self.val); } };

Google AJAX Feed API の実装例

1:42 AM on 2010年10月4日 ,

<html> <head> <script type=”text/javascript”> google.load(“feeds”, “1″); function init() { var feed = new google.feeds.Feed(“http://~”); feed.setNumEntries(10); // フィード取得数を設定 feed.load(function(result) { if (!result.error) { var div_feed = document.getElementById(“feed”); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var div_entry = document.createElement(“div”); var anchor = document.createElement(“a”); anchor.href = entry.link; anchor.target = “_blank”; anchor.appendChild(document.createTextNode(entry.title)); [...]