2011年12月8日木曜日

JQueryライブラリ

ダウンロードせず、Googleにリンクしたほうが簡単。


cssは、テーマがいくつかあり、見た目が変更出来ます。


<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/blitzer/jquery-ui.css
" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js
"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js
"></script>

jQueryやUI、PrototypeなどのライブラリーをGoogleライブラリAPIから読み込む方法
http://worldwidedeb.net/2011/05/09/jquery-ui-prototype-google-api-url

2011年10月6日木曜日

JQueryでEメールアドレスをカウント。その2

フィールドに入力したEメールアドレスの数をJQueryを使ってカウント。

アドレスの件数をインプットフィールドに表記する。

$("#num").val(count);

と、val() を使う。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE></TITLE>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
"></script>
<script type="text/javascript"><!--
$(function(){
$("#message").keyup(function(){
var txt = $(this).val();
$("#ct").val(
txt.replace(/[^@]/g,'')
);
var count = $("#ct").val().length;
$("#num").val(count);
});
});


// --></script>

</HEAD>
<BODY>

<br><br>
Eメール数をチェック
<br><br>


アドレス数: 
<input type="text" size="8" maxlength="" name="" value="" id="num">件
<br><br>
Eメール: 
<input type="text" size="80" maxlength="" name="" value="" id="message">
<br><br>

<input type="hidden" id="ct">
</div>
<br><br>


</BODY>
</HTML>

2011年10月5日水曜日

JQueryでEメールアドレスをカウント。

フィールドに入力したEメールアドレスの数をJQueryを使ってカウント。

実際はアドレスのチェックはせず、@の数をカウントしています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE></TITLE>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
"></script>
<script type="text/javascript"><!--
$(function(){
$("#message").keyup(function(){
var txt = $(this).val();
$("#ct").val(
txt.replace(/[^@]/g,'')
);
var count = $("#ct").val().length;
$("#num").text(count);
});
});


// --></script>

</HEAD>
<BODY>

<br><br>
Eメール数をチェック
<br><br>


アドレス数: <div id="num">0</div>
<br><br>
Eメール
<input type="text" size="80" maxlength="" name="" value="" id="message">
<br><br>

<input type="hidden" id="ct">
</div>
<br><br>


</BODY>
</HTML>

2011年9月27日火曜日

スマホアプリ開発Monaca

Monaca
http://monaca.mobi/


WEBでスマートフォン用アプリの環境を提供。

どんなソフトが作れるんだろうか?

2011年9月15日木曜日

半角カタカナをチェック

データに含まれているかをチェック。

全角と違い意外と面倒!

●半角カタカナチェック
----------------------------------
SELECT field FROM `table`
WHERE field like '%ア%' or
field like '%イ%' or
field like '%ウ%' or
field like '%エ%' or
field like '%オ%' or
field like '%カ%' or
field like '%キ%' or
field like '%ク%' or
field like '%ケ%' or
field like '%コ%' or
field like '%タ%' or
field like '%チ%' or
field like '%ツ%' or
field like '%テ%' or
field like '%ト%' or
field like '%ナ%' or
field like '%ニ%' or
field like '%ヌ%' or
field like '%ネ%' or
field like '%ノ%' or
field like '%ハ%' or
field like '%ヒ%' or
field like '%フ%' or
field like '%ヘ%' or
field like '%ホ%' or
field like '%マ%' or
field like '%ミ%' or
field like '%ム%' or
field like '%メ%' or
field like '%モ%' or
field like '%ヤ%' or
field like '%ユ%' or
field like '%ヨ%' or
field like '%ラ%' or
field like '%リ%' or
field like '%ル%' or
field like '%レ%' or
field like '%ロ%' or
field like '%ワ%' or
field like '%ヲ%' or
field like '%ン%'