現在MonacaでHTML5とCSS、JavaScriptを使って時間割表を作ろうと思ってますコードは // Set virtual screen width size to 320 pixels monaca.viewport({width: 320}); // // TODO: Please edit your JavaScript code here // 戻る時間科目教室備考 1 2 3 4 5 です理想では科目、教室、備考のところを自由に書き換え保存できるのが作りたいですを使うとスマホのサイズ的に横にはみ出すし、Excelのようなものにしたいですどうすればよいのでしょうか？ご回答お願いします

HTML5について

解決済

質問者：DreamyLife_615
質問日時：2014/04/13 22:23
回答数：2件

現在MonacaでHTML5とCSS、JavaScriptを使って時間割表を作ろうと思ってます
コードは
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="plugins/plugin-loader.js"></script>
<link rel="stylesheet" href="plugins/plugin-loader.css">
<script>
// Set virtual screen width size to 320 pixels
monaca.viewport({width: 320});

//
// TODO: Please edit your JavaScript code here
//
</script>
</head>
<body>
<center>
<a href="index.html">戻る</a>
<table border="5">
<tr bgcolor="#1FD3DF"><th>時間</th><th>科目</th><th>教室</th><th>備考</th></tr>
<tr><td width="20" height="80">1</td><td width="70"></td><td width="60"></td><td width="100"></td>
<tr><td width="20" height="80">2</td><td width="70"></td><td width="60"></td><td width="100"></td>
<tr><td width="20" height="80">3</td><td width="70"></td><td width="60"></td><td width="100"></td>
<tr><td width="20" height="80">4</td><td width="70"></td><td width="60"></td><td width="100"></td>
<tr><td width="20" height="80">5</td><td width="70"></td><td width="60"></td><td width="100"></td>

</body>
</html>
です
理想では科目、教室、備考のところを自由に書き換え保存できるのが作りたいです
<input>を使うとスマホのサイズ的に横にはみ出すし、Excelのようなものにしたいです
どうすればよいのでしょうか？ご回答お願いします

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： ORUKA1951
回答日時：2014/04/14 09:43

HTML5じゃない!!!

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
・・・【中略】・・・
</head>
<body>
<center>
<a href="index.html">戻る</a>
<table border="5">
<tr bgcolor="#1FD3DF">
・・・以下width,height,bgcolorは使ってはなりません。
</body>
</html>

★javascriptではなくCGIを使うほうが良いでしょう。
★widthやheightを指定せず、スタイルシートで%指定しましょう。
★表は表示幅に合わせて伸縮してくれます。

その内容でしたら、HTML5の必要はない。簡単なHTML4.01で十分です。ただしstrictにして、デザインはスタイルシートで。

この回答への補足

詳しい回答ありがとうございます
ですが始めたばかりでまだ右も左もわかりません＞＜
もう少し噛み砕いて教えていただきたいです＞＜

補足日時：2014/04/15 22:45

通報する

- 0
- 件

通報する

No.1

回答者： taloo
回答日時：2014/04/14 01:03

monaca（Phonegap、webkit）で作るなら、contenteditableが使えます。

https://developer.mozilla.org/ja/docs/Web/HTML/C …
実装例に保存方法も書かれています。

<input>にするならスタイルシートを適用してサイズを調整してください。

編集した内容を複数人で共有するのであれば、サーバーのプログラムを作成してサーバーに保存する必要があります。
オリジナルのプロトコルを作る事も可能ですがそれでは敷居が高くなるので、CGIと同じ仕組みで作るのが簡単です。
サーバーサイドの作り方はウェブページ（BBS）を作るときと全く同じです。
（クライアントサイドの作り方もウェブサイトと全く同じで行けます。）