前提・実現したいこと
HTMLのサイト上に資料を載せ、
状況に応じて資料の内容を変更したいと思っています。
チェックリストを押していったら最終的に結果が表示されます。
チェックによって表示される文言が変わり、画像つきで内容を保存できるようにしたいと思っています。
(最終結果は画像付きの表で出力されます)
例えば、「性別」「年齢」「身長」「体重」「運動量」のリストを選択していきます。
「女」「20代」「160cm台」「50kg台」「ほぼ動かない」と選択した場合
結果の表が勝手に出力され
美容体重かどうか、お勧めの食事は何か、お勧めの運動方法は何か、を自動で表示させたいのです。
選ぶ項目によって結果が変わるようにし、画像と共に保存できるようにしたいです。
試したこと
HTMLファイル上にTable表をつくり、
選択した条件に応じて特定行の表示/非表示を行います。
最終的には、画像含めてその表を保存してみようかなと思っています。
テーブルの一部分にclassまたはIDを設定し
disableかどうかを切り替えるようにしようかと思っています。
現在はとりあえず、ネット上で見かけたソースを利用し
以下のようにテキストデータで保存しています。
javascript
1function download(){ 2var text = "<B>テキストデータ</B>"; 3var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。 4 5// IEか他ブラウザかの判定 6 if(window.navigator.msSaveBlob){ 7 // IEなら独自関数を使います。 8 window.navigator.msSaveBlob(blob, "ファイル名.html"); 9 } else { 10 // それ以外はaタグを利用してイベントを発火させます 11 var a = document.createElement("a"); 12 a.href = URL.createObjectURL(blob); 13 a.target = '_blank'; 14 a.download = 'ファイル名.txt'; 15 a.click(); 16 } 17 URL.revokeObjectURL();//キャッシュ削除 18}
アドバイス頂きたいこと
聞きたいのは3つです。
・HTML上に表示されるものをそのまま保存したい場合何が使いやすいか。
・結果を出力する場合、どの形式がいいか
スマホでも見れたら良いと思っています。やはりPDFでしょうか?
・表データの作り方
私以外も作れそうなものを考えています。
Wordで作ってHTML出力にするくらい簡単なものが良いと思っていますが難しいでしょうか。
Excelのマクロ組むのが一番かなぁ…。
・ほかにいい方法はありますでしょうか。
全ての組み合わせでPDFを作成し、それぞれ保存させればいいじゃないかって言うのも分かります。
資料が多いので、結構厳しそうですし、手直しも多いと思うので
なるべく編集可能なものにしたいと思っています。
以上、よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー