利用規約に同意

webを作っていると大体の要望は同じ事で、技術的な事はひな形にして良いと思う。

その内の一つで、利用規約に同意しないと申し込み出来ませんというヤツ。

いろいろ制約が無い場合はサクッとjsとかでボタンが押せなくしてしまうようにする。

javascript側

var checkobj
function agreesubmit(el){
checkobj=el
if (document.all||document.getElementById){
for (i=0;ivar tempobj=checkobj.form.elements[i]
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled=!checkobj.checked
}
}
}

htmlのフォーム側（sendmail.phpで確認画面を吐き出すヤツの場合）

ご利用規約に同意して頂けますか？

簡単だけどすぐ忘れるのでメモ。

lightbox.js ライトボックスの画像位置について

まずはlightbox
http://www.lokeshdhakar.com/projects/lightbox2/

target="_blank"で画像を開くよりも、javascriptでページにオーバーレイして
美しく拡大画像を表示してくれる。なんならtitle=""でキャプションも。

静的な箇所のデザインはcssで決められているが、画像サイズによりウインドウの任意の位置にレイアウトしている様な動的なレイアウトは、javascriptで画像サイズを取得してオーバレイしている箇所にスタイル記述している。

デフォルトの表示位置はユーザビリティ的に使いにくいので、10pxほど上げると良い感じ。なはず。
という事でjavascriptのファイルからこの数値を導きだしている呪文をさがす。

『lightboxTop』が表示位置上端のy座標なので、この記述がある近辺を見るとコレ。
lightbox.jsの画像表示位置に関する行は271行目

var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);

ん〜感でいくと
document.viewport.getHeight()ブラウザ表示エリアの高さを取得してるっぽいので
lightboxTopの初期値は、ブラウザ表示エリアの高さ（Y軸）の1/10の座標？

簡単にコレの半分で自分が求める高さなのでこうする

var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 20);

これで書き換え、アップロードしてチェック！
見やすくなった。

ツイッターAPI

ブログやホームページなどに貼る用に書いてみました〜

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 230,
height: 300,
theme: {
shell: {
background: '#333333',
color: '#ffffff'
},
tweets: {
background: '#000000',
color: '#ffffff',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'all'
}
}).render().setUser('ツイッターユーザー名').start();
</script>

ツイッターユーザー名を書き換えてコピペ