ＤＯＭ
【今回の紹介】 掲題の通り 【内容】 jsonの配列から動的にリストを生成する ■参考ソース <script> window.onload=function(){ addProblem(); addOption(); } function addOption(){ for(var i=0;i<4;i++){ var add_li=document.createElement('li'); add_li.id='res…
【今回の紹介】 簡易なWebアプリを作ってみたいということから、Webtodoリストを作成しました。 その振り返りとメモを兼ねて紹介します。 【内容】 ■当初の目的 ①Webアプリ作成の全体像をつかむ ①-①汎用的な機能（登録・変更・削除・検索）を作成してみる ①-…
【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ（概要）】 ①追加ボ…
【今回の内容】 とても簡易な商品購入サイトができましたー。 ページ遷移する際のデータの受け渡しの感覚がつかめてきたような気がします。 最近、プログラミングが結構楽しい。 ・思ったようにプログラムが動く感じ ・想像したものが少しずつ出来ていく感じ…
【今回の内容】 前回から簡単な商品購入サイトを作るみたいな流れでやっています。 今回は、情報を入力する画面の作成します。 【やること】 １、PHPにJavascriptを埋め込む ２、クライアント側でプルダウン選択時に商品の金額をで自動計算 ３、クライアント…
【今回の内容】 フォルダの整理を行っていて、出てきたものを あげてきます。 ソースをそのまま貼り付けていますので、読みにくいかもしれません。 こう書いた方がよいなどのご意見などがありましたら是非ください。 【ソース】 「ウィンドウのサイズを出力…
【今回の紹介】 今回は、 WebTodoリストを作成します。 たいした理由はなくて、 会社の先輩がJavascript・ＤＯＭを勉強をする過程でWebTodoリストとかを作成し、自分で使いながら改造していた からです。笑 【ＷｅｂＴｏＤｏ】 目的：ＤＯＭの勉強 ・各ノー…
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 ＤＯＭ、たくさん使います ざっくりいうと ・既存のプルダウ…
【今回の内容】 掲題にあるように今回は、 きれいなJavascriptについて です。 この「きれいな」には様々な解釈があると思います。 ・ロジックがしっかりとしている ・形式がしっかりしている（コメント・変数の宣言位置） ・ＨＴＭＬからしっかり外出しされ…
【本日の内容】 掲題ににあるように、今回は、 「ＪａｖａＳｃｒｉｐｔから、XMLHttpRequestを使用して外部のＸＭＬファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…
【今回の内容】 今回は、前回から調べていたページ遷移なしで同一ページないの値をサーバとやり取りを行い、更新することを行ってみたいと思います。 具体的には、 「HTMLページに外部ファイルを読み込み、ページの一部を更新する」というの行ってみます。 …
【ｘｍｌとは】 ｘｍｌとは、汎用性の高いデータを長期的に保存することができる言語。 ※自分でデータ形式（要素タグなど）を作成できるが、 大文字・小文字・タグの入れ子の関係は厳格ニ規定する必要あり。 【ｘｍｌの特徴】（CSV形式やバイナリ形式との比…
【XMLHttpRequestによりできること】 「XMLHttpRequest」とはjavaScriptなどに書き込むことができ、 指定したＵＲＬと自由にＨＴＴＰ通信を行えるもの。 Ａｊａｘ関連の書籍を読むと必ずと言っていいほど出てくるもの。 →動的なページ生成をページ遷移せずに…
【今回やること】 今回も前回の続き。 前回の動的なリストに以下の点を追加します。 ・今回はユーザが選択するリストに<a href>を追加し、リンク設定を出来るようにする 【ノードの構造】 今回のノードの構造は以下のなっていると思います。 ※bodyのところでもっと枝</a>…
今日は、ＤＯＭを使って、動的にリストを生成します。 テーブルと同様でリストを動的に生成していきたいと思います。 うまく活用出来たら、これで自分だけのリンク集とか作れるんじゃないかなと思います。（生成したＨＴＭＬをどう保存するかは学習の必要が…
今日はDOMについて。 【ＤＯＭとは】 ＤＯＭとは、「doccument object model」の略で、ＨＴＭＬやＸＭＬに含まれる要素にアクセスできる仕組みことだそうです。 【ＤＯＭでできること】 DOMを利用することによって、サーバサイドではなく、クライアント側で…
