Ads by Google
その１２〜コメント入力画面内〜
やってます。やってます。
急に元気になったので、今日からばりばり、やるぞお！
だんだんむづかしくなってくるので、
１日目に写して、２日目に解読+記事UP。。になりそうです。
前回の宿題も残ってるし。。
コメントの続きを写しました。
だいぶん、わかってきた。（調べ方が）
必死に調べまわって、ここに書き留めてるけど、
結構、頭に入ってるかな。覚えてる。
お師匠さまの補足や、ご同志の方からのお助けの手なども
ありがたく、ちょこちょこ加えていますので、
文面が変わってきてます。
それに追いついてきてるのかな。。びおびお？（へへへ）
●見出し（たぶんコメント入力画面で）
＜h3＞＜a name="comment_post"＞＜commentするぞ！＞
＜/a＞＜/h3＞ （これはどこに表示されているのかな〜）
●入力欄
＜form method="post" action="./"＞
[メモ]
＊＜form＞＜/form＞→ページ上に入力欄、選択肢を設けて
入力された結果を送信できるもの。アンケートなどに使われる。
＊method→送信形式を指定。一般的に"post"
＊action→入力結果の送信先。ここでは「./」なので
「http://blog1.fc2.com/yu-e/index.php」ですね。へへ
＜div＞ ●入力欄をひとくくり
●入力欄の□一行をつくる
＜input type="hidden" name="mode" value="regist"＞
[メモ]
＊input→入力欄を設けるタグ
＊input type="hidden"→ブラウザには表示されない。
name→入力の内容を書いておく（modeって？）
value→最初に□に入れておく文字（registって？）
→ブラウザには表示されないが、nameで指定した「mode」名で
valueで指定されたregist(書込みモード）を送る？？
。。というかこのタグ。どういうことなのかは、わかるんだけど
どういう時に使うのかが、具体的にわからないなあ。
表示を隠すくらいだったら、外しておけばいいのに。。
（なんて、初心者の発想。。）
●親記事ナンバー。。。？？
＜input type="hidden" name="comment[no]"
value="＜%pno＞"＞
●記入欄
＜dl class="reaf"＞
＜dt＞＜label for="name"＞Name:＜/label＞＜/dt＞
＜dd＞＜input id="name" type="text"
name="comment[name]" size="30"＞＜/dd＞
[メモ]
＊＜label for="name"＞Name:＜/label＞
「入力フォームの"name"に関わる部分」と「ラベル"name"」を
結びつける。「ラベルの"name"」を押すと「入力フォームの
"name"に関わる部分」を押したのと、いっしょ。試したよ。
＜dt＞＜label for="subject"＞Subject:＜/label＞
＜/dt＞＜dd＞＜input id="subject" type="text"
name="comment[title]" size="30"＞＜/dd＞
＜dt＞＜label for="mail"＞Mail:＜/label＞＜/dt＞＜dd＞
＜input id="mail" type="text" name="comment[mail]"
size="30"＞＜/dd＞
＜dt＞＜label for="url"＞URL:＜/label＞＜/dt＞
＜dd＞＜input id="url" type="text" name="comment[url]"
size="30"＜/dd＞
＜dt＞＜lebel for="comment"＞comment:＜/label＞＜/dt＞
＜dd＞＜textarea id="comment" cols="40" rows="8"
name="comment[body]"＞＜/textarea＞＜/dd＞
＜dt＞＜label for="pass"＞Pass:＜/label＞＜/dt＞
＜dd＞＜input id="pass" type="password"
name="comment[pass]" size="20"＞＜/dd＞
＜dt＞＜label for="himitu"＞＜Secret:＜/label＞＜/dt＞
＜dd＞＜input id="himitu" type="checkbox" name="comment
[himitu]"＞びおびおに、表示を許可する＜/dd＞
＜/dl＞
●送信ボタン
＜p＞＜input type="submit" value="送信"＞＜/p＞
[メモ]
＊input type="submit"→送信ボタンを作るタグ。
もうひとつ、イメージを表示させる
input type="image" SRC=というのもある。
＜/div＞
＜/form＞。。。ここまで。
[メモ]
＊＜dl＞ 項目入りリストのはじまり
＜dt＞＜/dt＞ 項目名
＜dd＞＜/dd＞ 項目の内容
＜/dl＞
と、このパートは、こんな感じでした。
次は、「コメント編集画面」。
＊コメントに関係するものは、あと、編集画面だけで
一応、終わりなので、さっそく！お手本の[default2]から
びおのつくってる[default]に表示を変えました。（やた！）
コメントが出来ることは確認。編集がまだ、できませぬ。
（なんか、かなりうれしいぞお〜 ふふふ）
<<その１３〜コメント編集画面〜 | ホーム | その１1〜コメント部分〜>>
急に元気になったので、今日からばりばり、やるぞお！
だんだんむづかしくなってくるので、
１日目に写して、２日目に解読+記事UP。。になりそうです。
前回の宿題も残ってるし。。
コメントの続きを写しました。
だいぶん、わかってきた。（調べ方が）
必死に調べまわって、ここに書き留めてるけど、
結構、頭に入ってるかな。覚えてる。
お師匠さまの補足や、ご同志の方からのお助けの手なども
ありがたく、ちょこちょこ加えていますので、
文面が変わってきてます。
それに追いついてきてるのかな。。びおびお？（へへへ）
●見出し（たぶんコメント入力画面で）
＜h3＞＜a name="comment_post"＞＜commentするぞ！＞
＜/a＞＜/h3＞ （これはどこに表示されているのかな〜）
●入力欄
＜form method="post" action="./"＞
[メモ]
＊＜form＞＜/form＞→ページ上に入力欄、選択肢を設けて
入力された結果を送信できるもの。アンケートなどに使われる。
＊method→送信形式を指定。一般的に"post"
＊action→入力結果の送信先。ここでは「./」なので
「http://blog1.fc2.com/yu-e/index.php」ですね。へへ
＜div＞ ●入力欄をひとくくり
●入力欄の□一行をつくる
＜input type="hidden" name="mode" value="regist"＞
[メモ]
＊input→入力欄を設けるタグ
＊input type="hidden"→ブラウザには表示されない。
name→入力の内容を書いておく（modeって？）
value→最初に□に入れておく文字（registって？）
→ブラウザには表示されないが、nameで指定した「mode」名で
valueで指定されたregist(書込みモード）を送る？？
。。というかこのタグ。どういうことなのかは、わかるんだけど
どういう時に使うのかが、具体的にわからないなあ。
表示を隠すくらいだったら、外しておけばいいのに。。
（なんて、初心者の発想。。）
●親記事ナンバー。。。？？
＜input type="hidden" name="comment[no]"
value="＜%pno＞"＞
●記入欄
＜dl class="reaf"＞
＜dt＞＜label for="name"＞Name:＜/label＞＜/dt＞
＜dd＞＜input id="name" type="text"
name="comment[name]" size="30"＞＜/dd＞
[メモ]
＊＜label for="name"＞Name:＜/label＞
「入力フォームの"name"に関わる部分」と「ラベル"name"」を
結びつける。「ラベルの"name"」を押すと「入力フォームの
"name"に関わる部分」を押したのと、いっしょ。試したよ。
＜dt＞＜label for="subject"＞Subject:＜/label＞
＜/dt＞＜dd＞＜input id="subject" type="text"
name="comment[title]" size="30"＞＜/dd＞
＜dt＞＜label for="mail"＞Mail:＜/label＞＜/dt＞＜dd＞
＜input id="mail" type="text" name="comment[mail]"
size="30"＞＜/dd＞
＜dt＞＜label for="url"＞URL:＜/label＞＜/dt＞
＜dd＞＜input id="url" type="text" name="comment[url]"
size="30"＜/dd＞
＜dt＞＜lebel for="comment"＞comment:＜/label＞＜/dt＞
＜dd＞＜textarea id="comment" cols="40" rows="8"
name="comment[body]"＞＜/textarea＞＜/dd＞
＜dt＞＜label for="pass"＞Pass:＜/label＞＜/dt＞
＜dd＞＜input id="pass" type="password"
name="comment[pass]" size="20"＞＜/dd＞
＜dt＞＜label for="himitu"＞＜Secret:＜/label＞＜/dt＞
＜dd＞＜input id="himitu" type="checkbox" name="comment
[himitu]"＞びおびおに、表示を許可する＜/dd＞
＜/dl＞
●送信ボタン
＜p＞＜input type="submit" value="送信"＞＜/p＞
[メモ]
＊input type="submit"→送信ボタンを作るタグ。
もうひとつ、イメージを表示させる
input type="image" SRC=というのもある。
＜/div＞
＜/form＞。。。ここまで。
[メモ]
＊＜dl＞ 項目入りリストのはじまり
＜dt＞＜/dt＞ 項目名
＜dd＞＜/dd＞ 項目の内容
＜/dl＞
と、このパートは、こんな感じでした。
次は、「コメント編集画面」。
＊コメントに関係するものは、あと、編集画面だけで
一応、終わりなので、さっそく！お手本の[default2]から
びおのつくってる[default]に表示を変えました。（やた！）
コメントが出来ることは確認。編集がまだ、できませぬ。
（なんか、かなりうれしいぞお〜 ふふふ）
Thanks Comment ！
hidden 属性のものですが、通常の自分で作るフォームの場合もそうですが、何らかの理由があって必要とされているものなので、FC2の流儀に乗っ取って付けておきましょう。
参考の為に：こんな風に使います
最初のページが名前、次のページがメールアドレスを入力、名前を入力したらOKを押して、次のページでメールアドレスを入力したらOKを押す、というようなページを想像してください。
最初のページでは保存するべきものは名前だけなので普通に作れますが、次のページでは名前とメールアドレスを保存しなければなりませんよね。デザイン上とかいろいろな理由で、１枚のページに出来なかったり、ユーザーに入力を必要としない項目（ページの情報とか）を最終的にサーバーに保存したりする目的で使います。
よくやるのは１つのページを沢山の（なんらかの）モードで使いまわすとき、hidden に mode というのを作って "mode1" "mode2" とかやりますね。
FORM は突き詰めると結構難しいので、最初から全てを理解する必要はないです。時間があるときにゆっくりいじってみる、テストサイトを作ってみて変更してみるとかが良いでしょう。
参考の為に：こんな風に使います
最初のページが名前、次のページがメールアドレスを入力、名前を入力したらOKを押して、次のページでメールアドレスを入力したらOKを押す、というようなページを想像してください。
最初のページでは保存するべきものは名前だけなので普通に作れますが、次のページでは名前とメールアドレスを保存しなければなりませんよね。デザイン上とかいろいろな理由で、１枚のページに出来なかったり、ユーザーに入力を必要としない項目（ページの情報とか）を最終的にサーバーに保存したりする目的で使います。
よくやるのは１つのページを沢山の（なんらかの）モードで使いまわすとき、hidden に mode というのを作って "mode1" "mode2" とかやりますね。
FORM は突き詰めると結構難しいので、最初から全てを理解する必要はないです。時間があるときにゆっくりいじってみる、テストサイトを作ってみて変更してみるとかが良いでしょう。
なんとなく、わかるような。わからないような。。（笑）
意味はわかっても、「それを使ってみよ」という問題は、
解けませんです。たぶん。
「３歩進んで２歩さがる」状態で、来てますが、
しばらくして、「あ、わかったあ！」って
気がつくことがあるので、気長に。。ですね〜。（ほへへ）
意味はわかっても、「それを使ってみよ」という問題は、
解けませんです。たぶん。
「３歩進んで２歩さがる」状態で、来てますが、
しばらくして、「あ、わかったあ！」って
気がつくことがあるので、気長に。。ですね〜。（ほへへ）
- 2004/12/13(Mon) 14:15:43 |
- URL |
- びおびお #-
- [ちょと手直し]
びおびお(02/21)
せんちゃん(02/20)
高橋孤舟(02/19)
びおびお(11/28)
みんなのプロフィール
(09/04)