もぐたんのブックれびゅーとかプログラム勉強とか

もぐたんのブックれびゅーとかプログラム勉強とか

プログラムのど素人もぐたんが、読んだ本の感想を書いたり、勉強中のPHP/MySQLの内容を上から目線で解説するブログ

1 / 52 >>

Selected Entry

2008.10.06 Monday

ブラウザ間の違い⑤、widthとpaddingの解釈

まずは、下記の画面をご覧下さい。同じhtml/cssであるにもかかわらず、IE6とFF3で表示画面が違います。

（IE6)

(FF)

こちらのhtm/css（の概要）は以下です。

(html)
<div id="primary-column">
<a href="./index.html">ホーム</a>＞<strong>部の紹介</strong>
<br />
<p>
<strong>部の歩み</strong>
</p>

<table>
・・・
</table>

</div>

(css)
/* 本文部分 */
div#primary-column {
padding-right:40px;
width: 640px;
float:right;
}
div#primary-column table {
width : 600px;
}

続きを読む＞＞

2008.09.30 Tuesday

メールフォームを作ろう④

で、最後の送信画面です。以下、サンプル。

(mail2.php)
<?php
mb_language("ja");
mb_internal_encoding("EUC-JP");
?>
<html>
<head>
<title>メール送信フォーム</title>
</head>
<body>
<?php
//メール送信先を指定します
$to = "aaa@bbb.co.jp";

//フォームの値を取得します
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach($_POST as $k => $v){
if (get_magic_quotes_gpc()){
$v = stripslashes($v);
}
$v = htmlspecialchars($v);
$$k = $v;
}
}
else {
exit();
}
//メール本文を組み立てます
$naiyou = "以下の内容でうけたまわりました。内容を確認の上回答しますので、
しばらくお待ち下さい。¥n
お名前：$name¥n
メールアドレス：$from¥n
題名：$title¥n
内容：¥n
$naiyou¥n";

if ($name !="" and $from !="" and $title !="" and $naiyou !="" ){
if (mb_send_mail($from, $title, $naiyou, "From:$from", "Bcc:$to")) {
echo "メールを送信しました";
}
else {
echo "メールを送信できませんでした";
}
}
?>
</body>
</html>

続きを読む＞＞

2008.09.29 Monday

メールフォームを作ろう③

今回は内容確認画面です。では、まずサンプルから。

(kakunin2.php)
<?php
mb_language("ja");
mb_internal_encoding("EUC-JP");
?>
<html>
<head>
<title>メール送信フォーム</title>
</head>
<body>
<h2>メール送信内容確認画面</h2>
<?php
//フォームの値を取得します
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach($_POST as $k => $v){
if (get_magic_quotes_gpc()){
$v = stripslashes($v);
}
$v = htmlspecialchars($v);
$$k = $v;
}
}
else {
exit();
}

//値をチェックします
$ErrFlag = 0;
if ($name == "") {
echo "<p>お名前を入力して下さい</p>";
$ErrFlag = 1;
}
if ($from="")) {
echo '<p>メールアドレスを入力して下さい</p>';
$ErrFlag = 1;
}
if ($title == "") {
echo "<p>メールタイトルを入力して下さい</p>";
$ErrFlag = 1;
}
if ($naiyou == "") {
echo "<p>メッセージを入力して下さい。</p>";
$ErrFlag = 1;
}
if ($ErrFlag) {
echo "<input type=¥"submit¥" value=¥"戻る¥" onClick=¥"form.action='mailhome.php';return true¥">";
exit();
}
$name = mb_substr($name, 0, 15);
$from = mb_substr($from, 0, 60);
$title = mb_substr($title, 0, 30);
$naiyou = mb_substr($naiyou, 0, 500);
?>
<p><strong>内容を確認して送信ボタンをクリックして下さい。</strong><br />
・メールアドレスを正しく入力しないと返信できませんので、よくご確認下さい。<br />
・確認のため、記載のアドレス宛てに下記内容のメールを送付します。万一届かない場合は、<br />
メールアドレスに誤りがあると思われますので、恐れ入りますが、再度ご入力下さい。
</p>
<form method="POST" action="mail2.php">
<table border="0">
<tr>
<td width="100">お名前</td>
<td width="300"><?php echo $name ?></td>
</tr>
<tr>
<td width="100">メールアドレス</td>
<td width="300"><?php echo $from ?></td>
</tr>
<tr>
<td width="100">メールタイトル</td>
<td width="300"><?php echo $title ?></td>
</tr>
<tr>
<td width="100">メッセージ</td>
<td width="300"><?php echo nl2br($naiyou) ?></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="送信" onClick="form.action='mail2.php';return true">
<input type="submit" value="戻る" onClick="form.action='mailhome.php';return true"></td>
</tr>
</table>
<input type="hidden" name="name" value="<?php echo $name?>">
<input type="hidden" name="from" value="<?php echo $from?>">
<input type="hidden" name="title" value="<?php echo $title?>">
<input type="hidden" name="naiyou" value="<?php echo $naiyou?>">
</form>
</body>
</html>

続きを読む＞＞

2008.09.28 Sunday

メールフォームを作ろう②

ではまず、入力画面のサンプルからです。

(mailhome.php)
<?php
mb_language("ja");
mb_internal_encoding("EUC-JP");
?>
<html>
<head>
<title>メール送信フォーム</title>
<meta http-equiv="Content-Type" content="text/html; charset=ECU-JP">
</head>
<body>
<h2>メール送信フォーム</h2>
<?php
//フォームの値を取得します
if ($_SERVER["REQUEST_METHOD"] == "POST") {
foreach($_POST as $k => $v){
if (get_magic_quotes_gpc()){
$v = stripslashes($v);
}
$v = htmlspecialchars($v);
$$k = $v;
}
}
if (isset($del)){
$name="";
$from="";
$title="";
$naiyou="";
$del="";
}
echo "<form method=¥"POST¥" action=¥"kakunin2.php¥">
<p>お名前（15字以内）：<br />
<input type=¥"text¥" name=¥"name¥" value='$name' size=40></p>";

echo "<p>メールアドレス（60字以内）：<br />
<input type=¥"text¥" name=¥"from¥" value='$from' size=60></p>
<p>題名（30字以内）：<br />
<input type=¥"text¥" name=¥"title¥" value='$title' size=40></p>
<p>本文（500字以内）：<br />
<textarea rows=5 name=¥"naiyou¥" cols=60>$naiyou</textarea></p>

<input type=¥"submit¥" value=¥"内容を確認¥">
<input type=¥"submit¥" name=¥"del¥" value=¥"内容を消去¥" onClick=¥"form.action='mailhome.php';return true¥">
</form>
";
?>
</body>
</html>

続きを読む＞＞

2008.09.27 Saturday

メールフォームを作ろう①

このブログでプログラムの勉強を始めて、はや4ヶ月。そろそろメールフォームでも作るかな、ということでメールフォームの作成にチャレンジしました。といっても、サンプル集を見ながらですが（＾＾；
で、サンプル集を見ながらなんとか作成できたのですが（メールフォームの文字化けで捕まりましたが・・）、使い勝手もよくないし、これだけだと勉強にならないので少し改良しました。

改良前のメールフォームは、単純に「入力画面」→「確認画面」→「送信画面」という流れだけでしたが、改良後は、
・「確認画面」から「入力画面」に戻るを導入
・「入力画面」で、内容消去のボタンを追加
・入力文字数の制限を追加
・送信したメッセージと同じ内容のメールを、送信者のアドレス宛てにも送る

一見当たり前の機能ばかりなのですが、実装するとなるとある程度苦戦しました。が、実は今回一番苦戦したのは、メールフォームとは直接関係のないところでした。サンプル集の入力画面がhtmlで書かれていたため、これに追記する形で色々書き加えていったのですが、アップするとブラウザ上で変な文字ばかりでます。いくら修正してもうまくいきません。ここで、ふと立ち止まります。「拡張子をphpにすればいいのでは・・・」。で、試したところ上手く行きました・・・。

続きを読む＞＞

2008.09.26 Friday

CSSを使って、ロールオーバー効果を出す②（画像あり）

前回に引き続き、CSSを使ったロールオーバー効果の設定です。今回はロールオーバー時に画像ボタンが変わるというものです。同じことはjavascriptを使ってもできるのですが、スクリプトが長いのと、何より表示が遅くなる要因ともなる（らしい）ので、cssでの方法を紹介したいと思います。変更前の画像はコチラ。

下記のhtml/cssが設定前のものです。

(html)
<div id="menu-column">
＜メニュー＞<br /><br />

<a href="./index.html">ホーム</a><br />
<a href="./new_product.html">新商品の紹介</a><br />
<a href="./product_line.html">取扱商品</a><br />
<a href="./shizai.html">部の紹介</a><br />
</div>

(css)
div#menu-column {
width: 170px;
float:left;
background: #ccffff;
border: 1px solid #6699FF;
padding: 0px 0px 5px 5px;
}

続きを読む＞＞

<< October 2008 >>