前回の続きです。 とりあえずダウンロードボタン仕込んだけど、余計な情報がセルに入ってたのでデータを整理してダウンロードできるようにしました。 更新内容は「ExcelっぽいHTMLテーブル」のページに反映してます。 &nb […]
月: 2018年11月
テーブルのダウンロード（SheetJS – xlsx.full.min.js）テーブルのダウンロード（SheetJS – xlsx.full.min.js）
前回の続き。 「ExcelっぽいHTMLテーブル」をダウンロードできるようにしてみる。 引き続き、こちらの記事のサンプルコードをマネっこして導入してみる。 HTMLのTableをExcelに出力するJavaScript […]
ブラウザからファイル出力（FileSaver.js）ブラウザからファイル出力（FileSaver.js）
HTMLのテーブルで擬似Excel作ろうとしてましたが、やっぱりファイルとしての入出力ほしいよなーって思ってたら、世の中いろんなものがあるもんですねー。 とっても関心しました。 FileSaver.jsっていうのを使うと […]
セルの値計算・・・と思ったけど脱線してエラー表示セルの値計算・・・と思ったけど脱線してエラー表示
いざっ、セルの値計算！ っと思ったんだけど、型変換と型に応じた対応と、いろいろ考えることがあったので頭の中で考えながらエラー表示の部分をブラッシュアップしてみた。 最初に作ったモジュールだと普通にalert […]
編集モードでセルアドレスが画面に表示されるようにしてみる編集モードでセルアドレスが画面に表示されるようにしてみる
『ExcelっぽいHTMLテーブル』を作る企画 前回までのバージョンまででは、tdタグの中身をそのまま更新していたけど、そのままだとあんまり装飾できないなーと思ってInitalizeの処理でtdの中にセルアドレスのspa […]
『ExcelっぽいHTMLテーブル』作ってみた。『ExcelっぽいHTMLテーブル』作ってみた。
ブログ形式だと企画の全体像が見づらいなーと思ったのでメニューに『ExcelっぽいHTMLテーブル』ページを作ってみました。 今後は、このページにできるようにしたことを纏めながらTipsをブログに綴っていくようにします。 […]
『さんぷるこーどばんく』を作ってみた。『さんぷるこーどばんく』を作ってみた。
せっかくajaxの勉強したので、PHPとajax使って１つのページの中でいろんなデータを引き出せるページを作ってみた。 トップメニューに『さんぷるこーどばんく』を追加してみました。 いろんなもの作ってると、それぞれの言語 […]
編集した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 […]
JavascriptのDate型を和暦対応させてみる。JavascriptのDate型を和暦対応させてみる。
前回に引き続き、JavascriptのDate型に優しさを加えるサンプルコード Date型のコンストラクタにそのまま突っ込んでも「Invalid Date」になってしまう日付書式を強制的にDate型へ変換する関数を作って […]
JavascriptでVBAのFormat（日付）みたいなことをやってみる。JavascriptでVBAのFormat（日付）みたいなことをやってみる。
JavascriptのDateオブジェクトが使いにくかったのでOffice VBAで良く使うFormat関数みたいな処理ができるものを書いてみました。 主な書式は、ＭＳＤＮを参考にしてExcelマクロの実行結果と見比べな […]