Ｊａｖａｓｃｒｉｐｔ
【今回の紹介】 ＤＯＭを使用し、対象の全ての配下ノードを削除し、ＤＢへの更新処理を行う ということを紹介します。より具体的には、ulタグ配下の指定のリストを全て削除するという処理です。 ※先日作ったWebtodoリストの機能を一部実装したものを 少し整…
【今回の紹介】 今回はシンプルにテーブルの色を一行ごとに 変化させる方法を紹介します。 【内容】 方法は知ってる方にとっては常識とか当たり前かもしれませんが、 乗算算です。 具体的なソースの該当部分はここ if(i%2){ row.style.backgroundColor = "#c…
【今回の内容】 インクリメント検索の実装したので、その紹介ををしまーす 内容としては、テキストボックスへの入力一文字ごとに ＤＢにある値に対し、検索を実行し、その結果を表示するというもの。 処理の内容としては、 一文字ごとに検索文字を提案してく…
【今回の紹介】 Ａｊａｘを使用しながら、いくつかサンプルを作ってきましたが、いったんもういちどＡｊａｘの特徴とかメリットとかをまとめましたので紹介しまーーす。 【内容】 ■Ajaxとは Ajaxとは、Asynchronous JavaScript + XML」の略称で、javascript…
【今回の紹介】 前回、完成したＷebtodoリストに少し変更を加えたのでそれを紹介します。 ちなみに、このＵＲＬにとべば実際にどんなものを作成したのかわかると思います。リンク：http://mokumoku.sub.jp/WebToDo.htm 【内容】 変更したのは以下の二点 ①リ…
【今回の紹介】 今回は、 タイトルにある通りプルダウン選択時にMysqlの値を取得し、画面上に表示するをやります 流れとしては、 ①Ａjax使用時の値の取得方法まとめ②処理の流れ③参考ソースなかんじで紹介していきます。 【内容】 ①Ａjax使用時の値の取得方法…
【今回の紹介】 前回はＤＢとWebtodoリストを連携する過程で勉強になったことを紹介しました。 勉強になったことは全体としては、 ①ＣＵＩでテーブルを定義する②複数の値をＰＯＳＴし、ＤＢへ登録する③現在のデータを見て、ＳＱＬを発行する④再度リクエスト…
【今回の紹介】 今回はＤＢとWebtodoリストを連携する過程で勉強になったことを紹介します。 まとめると、 ①ＣＵＩでテーブルを定義する②複数の値をＰＯＳＴし、ＤＢへ登録する③現在のデータを見て、ＳＱＬを発行する④再度リクエストしても整合性のあるidが…
【今回の紹介】 ＤＢを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、変更処理です。 【処理の流れ】 【変更処理】 １、画面から入力した値を取得（変更したいidを入力） ２、phpに取得した値を渡す …
【今回の紹介】 前回まででmysqlをインストールし、ＤＢの接続を確認するこ とまで完了しました。 今後は、ＤＢを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、登録処理です。 【処理の流れ】 ■登録…
【今回の内容】 今回はキャッシュについて考えてみたい 【前回までの流れ】 前回までで以下のようなデータの流れをつかむことができた。 ●入力→追加→保存→呼び出し→表示 しかし、前回記事にあげた動的要素の追加・保存・表示を行うプログラムの 動作確認を行…
【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ（概要）】 ①追加ボ…
【今回の内容】 とても簡易な商品購入サイトができましたー。 ページ遷移する際のデータの受け渡しの感覚がつかめてきたような気がします。 最近、プログラミングが結構楽しい。 ・思ったようにプログラムが動く感じ ・想像したものが少しずつ出来ていく感じ…
【今回の内容】 前回から簡単な商品購入サイトを作るみたいな流れでやっています。 今回は、情報を入力する画面の作成します。 【やること】 １、PHPにJavascriptを埋め込む ２、クライアント側でプルダウン選択時に商品の金額をで自動計算 ３、クライアント…
【今回の内容】 フォルダの整理を行っていて、出てきたものを あげてきます。 ソースをそのまま貼り付けていますので、読みにくいかもしれません。 こう書いた方がよいなどのご意見などがありましたら是非ください。 【ソース】 「ウィンドウのサイズを出力…
【今回の紹介】 今回は、 以前作成したＷｅｂＴｏＤｏリストのログをとる と言う事をしたいと思います。 【ＨＴＴＰプロトコルとは】 ＨＴＴＰプロトコルは、Ｗｅｂでデータを交換する際に、用いているルールのことだそうです。 【ＨＴＴＰプロトコルの特徴…
【今回の紹介】 今回は、 WebTodoリストを作成します。 たいした理由はなくて、 会社の先輩がJavascript・ＤＯＭを勉強をする過程でWebTodoリストとかを作成し、自分で使いながら改造していた からです。笑 【ＷｅｂＴｏＤｏ】 目的：ＤＯＭの勉強 ・各ノー…
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 ＤＯＭ、たくさん使います ざっくりいうと ・既存のプルダウ…
【今回の内容】 掲題にあるように今回は、 きれいなJavascriptについて です。 この「きれいな」には様々な解釈があると思います。 ・ロジックがしっかりとしている ・形式がしっかりしている（コメント・変数の宣言位置） ・ＨＴＭＬからしっかり外出しされ…
【本日の内容】 掲題ににあるように、今回は、 「ＪａｖａＳｃｒｉｐｔから、XMLHttpRequestを使用して外部のＸＭＬファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…
【今回の内容】 今回は、前回から調べていたページ遷移なしで同一ページないの値をサーバとやり取りを行い、更新することを行ってみたいと思います。 具体的には、 「HTMLページに外部ファイルを読み込み、ページの一部を更新する」というの行ってみます。 …
【ｘｍｌとは】 ｘｍｌとは、汎用性の高いデータを長期的に保存することができる言語。 ※自分でデータ形式（要素タグなど）を作成できるが、 大文字・小文字・タグの入れ子の関係は厳格ニ規定する必要あり。 【ｘｍｌの特徴】（CSV形式やバイナリ形式との比…
【XMLHttpRequestによりできること】 「XMLHttpRequest」とはjavaScriptなどに書き込むことができ、 指定したＵＲＬと自由にＨＴＴＰ通信を行えるもの。 Ａｊａｘ関連の書籍を読むと必ずと言っていいほど出てくるもの。 →動的なページ生成をページ遷移せずに…
【今回やること】 今回も前回の続き。 前回の動的なリストに以下の点を追加します。 ・今回はユーザが選択するリストに<a href>を追加し、リンク設定を出来るようにする 【ノードの構造】 今回のノードの構造は以下のなっていると思います。 ※bodyのところでもっと枝</a>…
今日は、ＤＯＭを使って、動的にリストを生成します。 テーブルと同様でリストを動的に生成していきたいと思います。 うまく活用出来たら、これで自分だけのリンク集とか作れるんじゃないかなと思います。（生成したＨＴＭＬをどう保存するかは学習の必要が…
今回は、イベントハンドラについて簡単なものを作ったので紹介します。 【イベントハンドラとは】 ページを閲覧していて、 ・プルダウンを選択したら、ページ繊維した ・文字や写真にマウスカーソルをあてたら、色が変わる写真が変わった ・ボタンをクリック…
今日はDOMについて。 【ＤＯＭとは】 ＤＯＭとは、「doccument object model」の略で、ＨＴＭＬやＸＭＬに含まれる要素にアクセスできる仕組みことだそうです。 【ＤＯＭでできること】 DOMを利用することによって、サーバサイドではなく、クライアント側で…
今回は、varの存在意義について。 当たり前ですが、「var」は変数の前につきますが、 ひとによってつけたり、つけなかったり まちまち そこにどんな意味があるのか？少し調べてみたので記載します。 varは通常このように書くと思います。 例）var i=0; ※ちな…
動的なテーブルシリーズです。 この前の記事の流れとして、動的にテーブルを生成して操作を行うという ことを紹介してきました。 グレープシティ社などからもエクセルライクをWebで実現するパッケージなどもでています。 参考ＵＲＬ：http://www.grapecity.c…
動的なテーブルシリーズです。 この前の記事の流れとして、 グレープシティ社などからもエクセルライクをWebで実現するスプレッドというパッケージなどもでているなどといったことを紹介しました。 参考ＵＲＬ：http://www.grapecity.com/tools/products/spr…
