Web備忘録でタグ「javascript」が付けられているもの
http://www.h5.dion.ne.jp/~tangos/zencart/charCheck2.html
上記サイトの3つの Javascript ファイルを「includes/templates/template_default/jscript/」ディレクトリに配置するだけで簡単に可能です！
Javascript でメールアドレスの書式をチェックする正規表現。
※20080809修正
if (!document.form.name.value.match(/^[A-Za-z0-9]+[\w-]+@[\w\.-]+\.\w{2,}$/)){
alert("e-mailアドレスをご確認ください。");
return false;
}
if (!document.form.name.value.match(/^[A-Za-z0-9._-]+[\w-]+[\w-]+@[\w\.-]+\.\w{2,}$/)) {
alert("メールアドレスの書式を正しく入力してください");
return;
}
ラジオボタンを選択させる
document.myform.myRadioName[n].checked = true;
※ n を同 name のラジオボタンの配列番号を割り当てる
セレクトメニューを選択させる
document.myform.mySelectName[n].checked = true;
※ n を select 内の option の配列番号を割り当てる
テキストを画像に置き換える場合は CSS で background に画像を指定するが、この「jQir」を使うと簡単なコードだけでテキストを画像に置き換えることが出来る。
必要な Javascript
Javascript を使用し、CSSを動的に切り替え、その情報が cookie により保存される。
使用 Javascript
下記のいずれかを使用
アクセス解析 Google Analytics のトラッキングコード（旧）は SSL と 非SSL ページでは別のものになるが、以下のような新トラッキングコードで、共通して使用が可能。
まずは...
非SSL ページ用の Google Analytics 旧トラッキングコード
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "xx-xxxxxx-x";
urchinTracker();
</script>SSL ページ用の Google Analytics 旧トラッキングコード
<script src="http://ssl.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "xx-xxxxxx-x";
urchinTracker();
</script>両者の違いは赤字（www or ssl）の部分
SSL 非SSL 共通の Google Analytics 新トラッキングコード
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
</script>※ 赤字の部分は自分のアカウントにより異なる
画像をかっこよく表示してくれる Lightbox2設置方法
- ダウンロード＆アップロード
- テンプレートのヘッダを編集
<link rel="stylesheet" href="<$MTBlogURL$>/lightbox.cssへのパス" type="text/css" media="screen" /><script type="text/javascript" src="<$MTBlogURL$>/prototype.jsへのパス"></script> <script type="text/javascript" src="<$MTBlogURL$>/scriptaculous.jsへのパス?load=effects"></script> <script type="text/javascript" src="<$MTBlogURL$>/lightbox.jsへのパス"></script>※ 赤字は要修正
- lightbox.js を修正
line 65,204の loading.gif の設置場所を指定
line 66,217の closelabel.gifの設置場所を指定
65行目：var fileLoadingImage = "http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"; 66行目：var fileBottomNavCloseImage = "http://ブログのURL/lightboxディレクトリへのパス/images/closelabel.gif"; 204行目：<img src="http://ブログのURL/lightboxディレクトリへのパス/images/loading.gif"> 217行目：<img src="http://ブログのURL/lightboxディレクトリへのパス/images/close.gif">※ 赤字は要修正
MT4 への Lightbox2 設定方法の全文を読む
下記のソースを<head>～</head>内に挿入することで、IE6 以下などのブラウザでも IE7 などのWeb標準に準拠（ある程度）した表示をさせてくれる、すばらしいライブラリ。
（IE7と同じような xhtml/css の解釈をしてくれる）
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script>
<![endif]-->※赤字の部分を現在のバージョン「2.0(beta)」に変更（2008/1/12現在）
バージョンでわかる通り、今のところ ベータ
モバイルサイト
