美容室のウェブサイトを作成しています。
スタッフは全員プログラミングができないのですが、
デザインとxhtmlのコーディングくらいはできるので
自分たちで作ることになりました。
ですがその中に1つ難題がありまして、それがphpなのかJavaScriptなのか、
はたまた何らかのcgiを探すべきなのか皆目見当もつかないので、
調べようにも抽象的にしか検索できず困っています。
作りたいのは美容師の出席簿のようなものなんですが、
店長がスタッフのスケジュールをxmlで書いてアップするので
そのxmlを読み込んで表示してほしいというのです。
サイトは男性向けと女性向けと2パターン作るのですが
店自体は同じなので出勤する美容師も同じ、ということで
1つのファイルで同時に2サイトを更新したいとのこと。
ちょうど外注で作成中のFlashサイトがそういう造りになっているので
同じ要領で更新できると便利なのだそうです。
ページ構成は当日、翌日、翌々日の3ページで、やりたいことは、
1.仮に3ページをtoday.html、tomorrow.html、da_tomorrow.htmlとすると
それぞれ日付が変わったら1日づつ内容もずれて、da_tomorrow.htmlとtomorrow.htmlの内容がtomorrow.htmlとtoday.htmlに置き換わり、
さらにもう翌日の予定がda_tomorrow.htmlに表示されるようにしたい
2.写真に枠(背景画像で表現)をつけ、横1列あたり4~5人で人数分並べたい
3.xmlから引っ張りたいのは、
・日付
・その日に出勤する美容師の写真(url)、名前(文字列)、予約の空いている時間帯(文字列)
です。
xmlはテキストエディタで更新するので、その程度の知識はあるようです。
必要によってはtxtでも、さらに言えばcsvでもたぶん大丈夫です。
汎用のものや、掲示板の応用などで使えそうなcgiがあるのであれば
もちろんそれでも結構です。(設置はわたしができます)
ただ、デザイン(テンプレ)は数人で作成することと、
デザインとコーディングをやる子たちは本当にそれしかできないので
できればhtml側を複雑にしたくありません。理想としては、
<hN><!-- 日付 -->出勤美容師一覧</hN>
<!-- 人数分繰り返し ここから -->
<div style="background:url(xx.gif); float:left;">
<img src="<!-- 美容師の写真画像 url -->" style="margin:5px;" />
<!-- 美容師の名前 --><br /><!-- 出勤時間 -->
</div>
<!-- 人数分繰り返し ここまで -->
というイメージで(伝わりますか?)、
何らかの短いプログラムか独自タグのようなもののコピペでもって、
html側に「ここですよ~」と指定するだけにしたいのです。
(※わかりやすいよう、例ではスタイルをインライン指定しています)
これを実現するためにはどうしたらいいでしょうか?
もしご説明の足りない部分がありましたらご指摘ください。
どうぞよろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
この回答への補足
重ね重ね、ありがとうございます。
お礼が遅くなりましてすみません。
たぶん、もう1歩手前から調べないといけないようで、
悲しいほどにわからないので、まだ格闘しています(;_;)
もう少し頑張ってみて、またご報告します!
その節はお世話になりました。
色々調べまして、結局 Adobe Spry を利用して実装しようと思います。
デザイナー目線でいくと一番簡単そうでしたので…(^-^;)
詳しく教えていただいたおかげで、今まで何となく見過ごしていた
JavaScriptライブラリというものを、具体的に知ることができました。
Spryに慣れてきたらjQueryやprototype.jsにも挑戦してみようと思います。
ご回答ありがとうございました!
No.3
- 回答日時:
「上に挙げたような目的のためのTIPS」
↓はどうでしょう。動的にXMLデータから<TABLE>の中身を書き換えています。
http://allabout.co.jp/internet/javascript/closeu …
No.2
- 回答日時:
javascriptの知識があるなら、xmlからデータを取得するのはそんなに難しくないと思います。
AJAXという技術を使ってXMLファイルからデータを読み込み中身をパース(解析)して、必要なデータを、DOM操作関数でhtmlの要素にセットするだけですね。prototype.jsとかJqueryとかを使えば、必要な機能が関数(クラス)化されているので、適時にアレンジするだけです。
ページの見栄えを良くするデザインの方がよっぽど難しいです。
さらに、サーバーサイドのプログラム(PHP)で、予めデザインされた
ページ(テンプレ)に、XMLを読み込んだデータをセットして出力するようにすれば、応用範囲が広がります。
XMLのアップデート機能や、個人別スケジュールの取得、ダウンロード
なんかも出来ます。
基本的な機能だけなら、難易度は低いです。従業員数名ならDBにする必要も無くXMLがよい選択だと思います。
丁寧なご回答ありがとうございます。
XMLがよい選択だと言っていただけてホッとしました。
方向性は間違っていないのですね。
PHPのほうが後々の使い勝手は良さそうですが、
自分でガリガリ書けないので5000円程度で探しているところです。
HTMLスキン式アイコン日記帳なんていうものがあれば応用できそうだと思うんですけど…
これがなかなか見つかりません・゜・(>_<)・゜・
Javascriptに関しても同じで、配布されているソースを応用するとか
DWで書ける程度の簡単なものなら使ったことはあるんですが、
1からは書けないのが困りものです。
で、「DOM操作関数」「prototype.js」「Jquery」について今少し検索してみました。
慣れるまではデバッグでつまづくかもしれませんが、面白そうですしJqueryあたりはじっくり見ていけば何とかなりそうな気もします。
上に挙げたような目的のためのTIPSが載っていたり、
または易しめの解説サイトでお勧めなどがありましたら、ご紹介いただけると嬉しいです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- 美容師・理容師 理容師さんが 3 2022/06/18 23:25
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html→xmlの変換
-
CPUの考え方を教えてください ...
-
XMLで要素が記述された順番に意...
-
バッチファイルでテキストファ...
-
昔Winnyってありましたけど、あ...
-
あせんうぶり言語
-
XSLで、XMLの空タグを制御したい。
-
VB6でXMLを作成しているのです...
-
SNMP リンクダウンとノードダ...
-
あるノードリストに、特定の名...
-
HTTPステータス 404 - There is...
-
コンテキストメニュークリック...
-
ノードの並び替え
-
Listからのnull要素を削除方法は?
-
ルート要素ノードが2個ある場合?
-
ノードとは
-
このエラー、何とかなりません...
-
xmlファイルが上手にHTMLに変換...
-
Excel-VBAでXMLの複数ノードの...
-
競技プログラミングに関する質...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
XMLで特殊文字を扱うにはどうし...
-
終了タグが認識されない?
-
XMLでホームページ
-
文字列や画像のurlをhtmlに代入...
-
ほんとにすみません。XLMって・...
-
html→xmlの変換
-
DOMってxmlとhtml以外に、何が...
-
特定の文字列間の削除について
-
XMLとXHTMLの違いって??
-
asp.netでxml→webパーツを表...
-
JavaScriptを使うとXMLで実体参...
-
[<a href=imgboard.php?res=☆☆>...
-
東芝のDynabookなのですがアン...
-
CPUの考え方を教えてください ...
-
昔Winnyってありましたけど、あ...
-
SNMP リンクダウンとノードダ...
-
ルート要素ノードが2個ある場合?
-
バッチファイルでテキストファ...
-
XMLで要素が記述された順番に意...
-
UTF-8でエンコーディングとはど...
おすすめ情報