「ガントチャートをつくってみる」の記事一覧

チャートの表示色を変える ガントチャートをWebアプリとしてつくる(11)

ガントチャートをつくってみる JavaScript PHP

ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)で色を選択することができるようになったので、今回は選択した色を反映させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパ・・・

ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)

ガントチャートをつくってみる JavaScript PHP

チャートのバーの色は青で固定でしたが、今回はこれを変更できるようにします。まずポップアップで色を選択するためのスライドバーとセレクトボックスを表示させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワード・・・

誰でも編集できないようにパスワードをかける ガントチャートをWebアプリとしてつくる(9)

ガントチャートをつくってみる JavaScript PHP

今回は誰でも編集できないようにパスワードをかけます。本当はデータベースを作成するときにパスワードのカラムも作っておくべきだったのですが、あとになってカラムを追加したくなったとき用のコードを書いてみることにします。 ⇒ 動・・・

要らなくなったチャートを削除する ガントチャートをWebアプリとしてつくる(8)

ガントチャートをつくってみる JavaScript PHP

前回のチャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)ではチャートを追加しましたが、今回はチャートを削除します。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワードをかけています・・・

チャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)

ガントチャートをつくってみる JavaScript PHP

これまではひとつのチャートしか表示させることができませんでした。今回はひとつのアプリ内に複数のチャートを表示できるようにします。 ⇒ 動作確認はこちらから いったんトップページに戻って新規ボタンを押すと追加できます。 ト・・・

編集した項目を完全に保存できるようにする ガントチャートをWebアプリとしてつくる(6)

ガントチャートをつくってみる JavaScript PHP

編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)ではタスクを編集して反映ボタンをおすとチャートが表示されるようになりましたが、もう一度編集画面のページに移動するとタスクは一から編集し・・・

編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)

ガントチャートをつくってみる JavaScript PHP

前回のドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)では項目をドラッグアンドドロップで移動できるようにしました。 しかしこれをチャートに表示させることができないのあれば意味がな・・・

ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)

ガントチャートをつくってみる JavaScript

ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4) drag-drop-task-js カテゴリを作成してドラッグアンドドロップでカテゴリの表示順序やタスクを別カテゴリに移動できる・・・

カレンダーをポップアップ表示させる ガントチャートをWebアプリとしてつくる(3)

ガントチャートをつくってみる JavaScript

ガントチャートとして使えるようにするためにカレンダーをポップアップ表示させる方法を考えます。 ⇒ 動作確認はこちらから カレンダーを表示させる まず普通にカレンダーを表示させます。そのためのクラスを作成します。 コンスト・・・

ページの先頭へ