前回の続きです。 とりあえずダウンロードボタン仕込んだけど、余計な情報がセルに入ってたのでデータを整理してダウンロードできるようにしました。 更新内容は「ExcelっぽいHTMLテーブル」のページに反映してます。 &nb […]
カテゴリー: EXCELっぽいHTMLテーブル
テーブルのダウンロード（SheetJS – xlsx.full.min.js）テーブルのダウンロード（SheetJS – xlsx.full.min.js）
前回の続き。 「ExcelっぽいHTMLテーブル」をダウンロードできるようにしてみる。 引き続き、こちらの記事のサンプルコードをマネっこして導入してみる。 HTMLのTableをExcelに出力するJavaScript […]
セルの値計算・・・と思ったけど脱線してエラー表示セルの値計算・・・と思ったけど脱線してエラー表示
いざっ、セルの値計算！ っと思ったんだけど、型変換と型に応じた対応と、いろいろ考えることがあったので頭の中で考えながらエラー表示の部分をブラッシュアップしてみた。 最初に作ったモジュールだと普通にalert […]
編集モードでセルアドレスが画面に表示されるようにしてみる編集モードでセルアドレスが画面に表示されるようにしてみる
『ExcelっぽいHTMLテーブル』を作る企画 前回までのバージョンまででは、tdタグの中身をそのまま更新していたけど、そのままだとあんまり装飾できないなーと思ってInitalizeの処理でtdの中にセルアドレスのspa […]
編集したTableの値に循環参照が発生していないかチェックしてみる。編集したTableの値に循環参照が発生していないかチェックしてみる。
さて、今回は編集可能にしたTableに関数を実装していく前に循環参照を検出しようというところ。 編集中のセルからフォーカスアウトした時に発火するイベントにチェックを仕込みます。 循環参照のチェックを開始する部分 $("# […]
ChromeとかSafariでJavascriptの連想配列の値が更新されない。ChromeとかSafariでJavascriptの連想配列の値が更新されない。
IEでサンプルページのテストしてた時には気付かなかったんだけども、ChromeとSafariからだと表の値が更新できていなかった。 で、確認したら原因はここだったっぽい。 // 表のデータを連想配列に設定している部分 e […]
ブラウザの違いで気付いたこと。ブラウザの違いで気付いたこと。
前回の投稿のすぐあとに気付いたこと。 サンプルのページを自分でいじってて、あれっ？ってなった。 １．ＩＥだと方向キーでセル移動できるけど、Chromeだと動かない。 keydownイベントのe.keycod […]
Tableのセルにエクセルっぽいアドレスを振って矢印キー移動してみる。Tableのセルにエクセルっぽいアドレスを振って矢印キー移動してみる。
前回の続きから、選択中のセルを矢印キーで移動しようと思ったら セルの相対位置がわかるアドレスがないといけないなーと思いまして まさにエクセルの様なセルアドレスを振ってみようじゃないかと考えました。 &nbs […]
HTMLのtableをExcelみたいに編集可能にしてみる。HTMLのtableをExcelみたいに編集可能にしてみる。
jqueryの勉強してて、例えばHTMLのtableをExcelみたいにしてみたらどうだろうと思った。 まずは、Tableを編集可能にしてみるところから作ってみました。 editable-table.cssとeditab […]