ねこみみか第7話。 サンプル：ねこみみか(7)/属性の取得 2キャラ同時表示に対応しました。 まず、とりあえず3キャラを<img>タグで表示。ただし透明gifで見えなくしておくけど。 index.html <DIV class="caracter"> <IMG class="left" ID="character_left" SRC="Transparent.gif"> <IMG class="center" ID="character" SRC="Transparent.gif"> </div>

背景も置き換えられるようにしました。 サンプル：背景の置き換え。 00000000.xml <pages> <page> <character>g.gif</character> <background>BG01.jpg</background> <text>恋歌：外……。</text> </page> <page> <text>恋歌：あっという間に……。</text> </page> <page> <character>e.gif</character> <background>BG02.jpg</background></page></pages>

サンプル：XML内にエレメントがない場合の処理。 今回は以下のような修正をしました。 XMLの情報を変数として返す。 <image>タグがない場合にはこれまでの画像をそのままセットする。 オブジェクト指向っぽく、と、XML記述を楽にするために、ってことで。 まず、XML</image>…

コメントで教えて頂いたものを使ってみました。 Web Development Bookmarklets 使用方法は以下の通り。 まず一番上の「Shell」の上で右クリックして、「このリンクをブックマーク」でブックマークに追加。 JavaScriptを動作させるページを開いて、さっき登録…

前回は複数のXMLファイルを用意しましたが、今回は1ファイルにしました。 サンプル：XML1つに複数page。 XMLファイルでは複数の<pages>タグ内の<page>タグを複数にしてあります。 00000000.xml <pages> <page> <image>c.jpg</image> <text>恋歌：宿題がいっぱいだよぅ</text> </page> <page> <image>c.jpg</image> <text>風太：俺んちで一緒にやるか？</text> </page></pages></page></pages>…

XMLから「次に読み込むXML」を取ってくるようにしました。 サンプル：XMLを続けて読み込む。 XMLファイルに<next>タグを追加して、それで「次のXMLファイル」を指定します。 00000000.xml <pages> <page> <image>a.jpg</image> <text>恋歌：おはよー！</text> <next>00000001.xml</next> </page> </pages> JavaScriptでは、「次のXML」を</next>…

FireFox対応版、解決編。 XMLの各要素のアクセスにインデックスナンバーじゃなく文字列で指定したい。 実は、XMLの処理に関しても、FireFoxでは動かない所があって、結果的にこの処理をすることで解決したとゆー。 とりあえず、テスト用のサンプルを。 サン…

昨日のをFireFoxに対応しました。 サンプル：XMLの読み込み（FireFox対応版） 昨日挙げたみっつの課題。 <IMG NAME="char">と<DIV ID="maintext">で渡し方が違うので統一したい。 XMLの各要素のアクセスにインデックスナンバーじゃなく文字列で指定したい。 ……FireFoxだと動かない（汗）。 を解決</div>…

XMLを読み込んで、画像とテキストまとめて変えるようにしてみました。 サンプル：XMLの読み込み まずはXMLファイルの用意。 dataKi.xml <pages> <page> <image>Ki.jpg</image> <text>あははー</text> </page> </pages> 画像ファイルとテキストをこんなふうにXMLに持たせます。 JavaScriptでこれをパーシングします………