ウェブ制作.net

このWebサイトの制作、更新を通じてWeb制作について学んだことと、Web制作会社に仕事をお願いするに当たって学んだことを書いていきます。
カテゴリ一覧
お気に入りリスト
Web制作会社一覧
ウェブ制作.net とりあえず完成

ウェブ制作 完了

・・とでも言うのでしょうか。

とりあえず、やっと全カテゴリにページが出来上がりました！

気がついたらウェブ制作というキーワードで思いもよらぬ好成績。
ですので、しばらくしたら多くの方が見てくれるサイトになるでしょうからちゃんとコンテンツを作る必要があるなぁと思いました。


いやぁ、ホームページをちゃんと？作ったのは大学の時以来なので何年ぶりになるのやら・・

[ コメント ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.06
JavaScriptによるウェブ制作(フォーム編_001)

JavaScriptでフォームのコントロールをする

というお題で何かやってみたいと思います。

書きながら考えるので支離滅裂な部分があるかもしれませんが・・・・。
まずは、文字入力チェックのための下準備。
フォームで入力した値の文字アドレスを取得する技です。

このウェブ制作.netでもシステムを作る機会が利用します。（そのときは、どこで使ったかを書きますね。）
、、、というか、たぶん近いうち（1ヶ月くらい？ ＞＜；）のうちにコメント入力フォームをチャンと作りなおすので、そのときに入れようかな・・と思っています（＾－＾

↓参考にしてみてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文字アドレスチェッカー</title>
<script language="javascript" type="text/javascript">
<!--
function val_check(stname){
document.form1.outtext.value = '';
st_val = document.form1.intext.value;
for (iCount=0 ; iCount<st_val.length ; iCount++){
iCode = st_val.charCodeAt(iCount);
iCodeTag = '&#' + iCode + ';';
document.form1.outtext.value = document.form1.outtext.value + iCodeTag;
}
}
//-->
</script>
</head>
<body>
<div title="説明" align="left" style="margin:0 0 0 20px;">
<p>「入力」の中に文字を入れて、「チェック」をクリックすると、 「
&amp;#12354;」みたいにな感じで「出力」の枠にコードが出てきます。<br />
この変な呪文みたいなヤツはJavaScriptで入力された文字のチェックをするときなんかに利用出来ます。<br />
<br />
<br />
また、機種依存文字なんかもこれで出てきたコードを入れれば大体OKだったりします。</p>
</div>
<form name="form1" method="post" onsubmit="return false;" action="">
入力<input type="text" name="intext" value="" /><br />
出力<input type="text" name="outtext" value="" /><br />
<a href="javascript:val_check('intext');">チェック</a>
</form>
<div style="float:left; margin:9px 0 0 0 ;">
<address><a href="http://www.xn--gckc5l536jj8c.net/" target="_blank" title="ウェブ制作.net">&copy;ウェブ制作.net</a></address>
</div>
<div style="float:right;">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
</body>
</html>
[ JavaScriptについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.06
最近の記事一覧
最新の記事一覧
最新のコメント一覧