memo.xight.org

日々のメモ

JavaScript で指定の HTML 要素を動的に角丸デザインにする方法

Source

Rounded("div#nifty","#377CB1","#9BD1FA"); // この1行だけで要素を角丸にすることが可能


<div id="nifty"><p>test</p></div>


Reference

Nifty Corners
http://pro.html.it/esempio/nifty/

via

phpspot開発日誌 - Javascriptで指定のHTML要素を動的に角丸デザインにする方法
http://phpspot.org/blog/archives/2006/03/javascripthtml.html

target="_blank" を使わないで新しいウィンドウでリンクを開く方法

Summary

target="_blank" を使わないで新しいウィンドウでリンクを開くための手法.
Behaviour.js を利用すればより簡単,かつHTMLを汚さずに実装可能.
Sample

Source

var myrules = {
	'.popup' : function(el){
		var href = el.getAttribute('href');
		if (href){
			el.onclick    = function(){ window.open(href); return false;}
			el.onkeypress = function(){ window.open(href); return false;}
		}
	}
};
Behaviour.register(myrules);


<script type="text/javascript" src="behaviour.js"></script>

<a href="index.html">Normal</a>
<a class="popup" href="index.html">Pop up</a>


Reference

Behaviour : Using CSS selectors to apply Javascript behaviours
http://bennolan.com/behaviour/

via

cl.pocari.org - 2006-03-14
http://cl.pocari.org/2006-03-14-5.html