この記事は abicky.net の JavaScriptからローカルファイルを作成する方法まとめ に移行しました
この記事は abicky.net の JavaScriptからローカルファイルを作成する方法まとめ に移行しました
jQueryで外部ファイル(XMLデータ)を解析し、HTMLに表示する jQuery2011年9月29日 MovableTypeやWordPressなどのCMSツールを使用せず、ニュースリリースなどが静的HTMLで構築されているサイトの場合、HTMLを直接修正して更新する必要があります。 そこで、ニュースリリースなどの情報をひとつのXMLファイルで管理し、HTMLを触らずともあたかもデータベースのようにXMLを扱うことで、XMLファイルの更新のみでサイトの管理が可能になり、メンテナンス性が向上します。 jQueryを使用すると実装が比較的容易なので、今回サンプルを作成してみました。 jQueryはこちらからダウンロード 実際のサンプル HTML <table cellpadding="0" cellspacing="0" border="0" class="tbl"> <col width
お世話になります。 blue-horse と申します。 JQueryでXML文書の検索・抽出を行おうとしています。 が、フィルタが上手く行きません。 どこがどうおかしいのでしょうか。 ご教示ください。 参考になるサイト等も教えて頂ければありがたいです。 [XML例] <?xml version='1.0' encoding='UTF-8'?> <xml_recordset> <record> <field_A>北海道</field_A> <field_B>北海道</field_B> <field_C>札幌市</field_C> </record> <record> <field_A>青森</field_A> <field_B>東北</field_B> <field_C>青森市</field_C> </record> <record> <field_A>秋田</field_A> <field
■ XML文書内を検索 javascriptとDOMを利用して、XML文書内を検索・表示する機能を作成します。 HTMLの入力欄(inputタグ)に入力されたキーワードに合致するデータを検索して、 画面に表示します。以下は具体的な機能・処理の流れです。 HTML文書内の入力欄にキーワードを入力し、検索を実行 ▼ ▼ javascriptによってXML文書が読み込まれ、DOMツリーを生成 ▼ ▼ 入力されたキーワードに合致するデータを検索 ▼ ▼ キーワードに合致するデータを新しいDOMツリーに追加 ▼ ▼ XSLTスタイルシートを読み込み、ツリーに適用 ▼ ▼ 結果を表示 これらの機能を実現する為に、これから何回かにわたって一つ一つの機能を 説明・追加作成していきます。今回は 入力欄の検索キーをクリックすると、DOMツリーを参照して表示してみます。 では、例題を取り上げてみましょう。 以下
JavaScript や XML 周辺で compareString() なる標準関数は(現状)ありませんので、独自関数・システムのお話であればもう少し詳細を説明なさった方が回答がつくと思います。 とにかく、XML を読み込めるブラウザ(メジャー所では IE、Fx、Op、Sa、Ch)なら最低限 XPath 1.0 を使えるはずですので、 ・OR 検索例:文字列値が 1 または 2 の HUGA 要素を持つ HOGE 要素 /descendant::HOGE[child::HUGA = "1" or child::HUGA = "2"] ・AND 検索例:文字列値が 1 の HUGA 要素と、3 の GEHO 要素を持つ HOGE 要素 /descendant::HOGE[child::HUGA = "1" and child::GEHO = "3"] のような XPath 式を作れば良い。
顧客一覧をXMLで管理したいと考えています。データベースを使うほどで大げさなものにしたくないので、下記のようなXML文書でデータ管理をしようと思っています。こうしたデータから目的の人を検索して、その人の名前、住所、電話番号を表示するようなプログラムはXSLT、DOM、SAXなどのどれかで開発可能ですか? また、どんなプログラムになるのか、例示してもらえるとうれしいです。 <person> <name>山田太郎</name> <address>東京都千代田区</address> <phone>03-xxxx-yyyy</phone> </person> <person> <name>田中次郎</name> <address>東京都世田谷区</address> <phone>03-AAAA-BBBB</phone> </person> <person> <name>佐藤三郎</name> <a
先日、北海道WEBコンソーシアムで知り合ったとある人とメールをしている時に、 AdobeのSpryの話になった。 そこででた話題は、Dreamweverだと簡単にxmlを読み込めて、 データベースが無い環境でも使える!的なことだった。 そしてそのソースを見せてもらったのだが、 これならjQueryでもできるんじゃないかなーなんて思ってしまった。 jQueryならソースも汚さずに作れるかなとも思ったので、 さっそく勉強してみることにした。 サンプルを作ってみた xmlの読み込みとかすら全くわからなかったのだが、 調べていたらなんとなくわかったので作ってみた。 ● サンプル サンプルのソースを下記にも示しておくが、 まずjQueryのコードも一部よくわかっていなかったりする。 また勉強せねば!! サンプルで利用したソース ■スクリプトソース $(function(){ $.ajax({ url
2012年の初めに、筆者は開発業界で勢いを増しつつある技術に関する記事を書いた。1年近くたって振り返ってみると、2012年の流行のいくつかがあまりにも早く進んだことに驚く。もちろん、モバイル開発が重要になることは予想されていた。しかし、タブレットの成長、特に「Android」タブレットの急速な伸びが、この市場を新たな高みに導いた。本記事では、そのことを振り返りながら2013年に目を向ける。 頻繁にアップデートされるモバイルデバイス(特に「iOS」デバイス)と、「Chrome」と「Firefox」の短いリリースサイクルのおかげで、HTML5が多くのほかの方法を押しのけて、非常に重要な技術になった。ウェブ開発の世界は、次の2つに分割されている。 Javaと.NETをバックエンドで動かし、通信にSOAPを用いるエンタープライズ市場 PHP、Ruby、Pythonをバックエンドで動かし、軽量なRE
業界人としてではなくて個人として 僕はいわゆるインターネット業界で働いていて、Webサービスを作っていたりするので、どうしてもWebサービスを見る時に、業界人目線で見てしまったりします。 つまり「この仕組みは素晴らしい」とか、「これはビジネス的にいけてるねえ」とかそういう感じで見ちゃうのですね。 そして、業界人として言及したいサービスなどをFacebookやTwitterで紹介してしまうということも多々ありました。すでに知られているサービスよりも新しいサービスを紹介しがちだったり、応援している人がやっているサービスなどを紹介しがちだったりします。 しかし、そんな業界目線をすっとばして、本当にユーザーとして素晴らしいと思ったサービスこそ紹介する価値があるんじゃないかなあ、という気持ちもあります。そこで、今回は、完全にユーザー目線として、ここ最近感動したサービスなどを紹介したいと思います。 コ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く