[B! xml] lastelのブックマーク

jQuery.Deferredを使って、xml読み込んでから他の処理を実行する方法

前回の続きな感じですが、今回はxmlで内容を読み込んだあとに、それぞれの高さを合わせるために heightLine.jsを使うというお話です。コード的に変な箇所がありましたらすみません。高さを取得してみるまずはxmlを読み込んだだけのコードです。それぞれのカラムには高さが解りやすいように青色の背景を、その親divには緑の背景を敷いてます。 $(function(){ function textView01(){ $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text

lastel 2014/07/28

jquery
xml

リンク

xmlをjQueryで読み込んで表示する時に注意すること

サンプルコードひとまず例として以下のコードがあります。ajaxで読み込みます。 $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text + '</p>'); }); } }); この場合、処理のところで内容を取得するのですが、そのとき.text()で取得するとテキスト内容がそのまま表示されます。それで問題なければそれでよいのですが、aタグなどのリンクを反映したい場合はこれではダメです。 <text><a href="#">リンク部分</a>テキスト</text> この

lastel 2014/07/23

jquery
xml

リンク

[JS]観光写真に最適なGoogle Mapsを使った地図ベースの画像ギャラリー

デモページ [ad#ad-2] データの管理画像ギャラリーで使用する画像や地図のローケーションなどはXMLで管理されています。 XML <place> <name>Bangkok</name> <location> <lat>13.696693336737654</lat> <lng>100.57159423828125</lng> </location> <photos> <photo> <thumb>photos/Bangkok/thumbs/1.jpg</thumb> <source>photos/Bangkok/1.jpg</source> <description>Some description</description> <location> <lat>13.710035342476681</lat> <lng>100.52043914794922</lng> </loca

lastel 2011/09/29

リンク

『jQueryでサクッとXMLを解析して表示させる簡単な方法』

本を買わずに解決するWeb制作の小技ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ jQueryでXMLを解析して表示させるサンプルコードが紹介されていたのでメモ簡単にXMLを扱えるんですね。 jQueryでXMLをパースして表示するコードサンプル例 Parse XML with jQuery jQueryでXMLをパースして表示する方法 $(document).ready(function () { $.ajax({ type: "GET", url: "books.xml", dataType: "xml", success: xmlParser }); }); function xmlParser(xml) { $('#loa