{"id":1072,"date":"2012-07-27T02:26:27","date_gmt":"2012-07-26T17:26:27","guid":{"rendered":"http:\/\/www.myu-zin.com\/webridge\/?p=1072"},"modified":"2016-09-05T22:50:18","modified_gmt":"2016-09-05T13:50:18","slug":"jquery-%e9%83%bd%e9%81%93%e5%ba%9c%e7%9c%8c%e3%83%aa%e3%82%b9%e3%83%88xml%e3%82%92%e8%aa%ad%e3%81%bf%e8%be%bc%e3%81%bfhtml%e3%81%ab%e9%85%8d%e7%bd%ae%e3%80%81%e3%82%af%e3%83%aa%e3%83%83%e3%82%af","status":"publish","type":"post","link":"https:\/\/www.myu-zin.com\/webridge\/archives\/1072.html","title":{"rendered":"jquery \u90fd\u9053\u5e9c\u770c\u30ea\u30b9\u30c8xml\u3092\u8aad\u307f\u8fbc\u307fhtml\u306b\u914d\u7f6e\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u4f4d\u7f6e\u3092\u30dc\u30c3\u30af\u30b9\u57fa\u6e96\u3067\u53d6\u5f97\u3057\u3001\u30de\u30a6\u30b9\u306e\u4f4d\u7f6e\u306b\u5730\u56f3\u30e1\u30cb\u30e5\u30fc\u3092\u8868\u793a\u3059\u308b\u3000"},"content":{"rendered":"

\"\"<\/p>\n

\u305f\u3076\u3093\u79c1\u4ee5\u5916\u306e\u4eba\u304c\u307f\u305f\u3089\u306a\u3093\u306e\u3053\u3063\u3061\u3083\uff1f\u3068\u306a\u308b\u3068\u304a\u3082\u3046\u3002\u3067\u3059\u304c\u5fd8\u308c\u306a\u3044\u3088\u3046\u306b\u5099\u5fd8\u9332\u3002
\n\u4e0b\u306e\u30bd\u30fc\u30b9\u3067\u306a\u306b\u306a\u3063\u3066\u308b\u304b\u3068\u3044\u3046\u3068\u3001\u57fa\u672c\u306fjQuery\u3067\u3059\u3002
\n\uff11\u3001\u6700\u521d\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u306f\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089a\u30bf\u30b0\u306ehref\u3067\u6307\u5b9a\u3057\u305f\u5148\u3092\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3057\u3066\u306d\u3002
\n\uff12\u3001\u6b21\u306f\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u30dc\u30c3\u30af\u30b9\u306e\u89aa\u30dc\u30c3\u30af\u30b9\uff08relative\uff09\u304b\u3089\u306e\u76f8\u5bfe\u4f4d\u7f6e\u3092\u53d6\u5f97\u3057\u3066\u3001\u3055\u3089\u306b\u30af\u30ea\u30c3\u30af\u3057\u305f\u30dc\u30c3\u30af\u30b9\u5de6\u4e0a\u89d2\u3092\u57fa\u70b9\u306b\u30de\u30a6\u30b9\u306e\u4f4d\u7f6e\u3092\u53d6\u5f97\u3057\u3001\u5408\u8a08\u3057\u305f\u6570\u5024\u3092\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3057\u3066\u304f\u308b\u30dc\u30c3\u30af\u30b9\u306ecss style\u306etop\u3068left\u306b\u4ee3\u5165\u3002
\n\u203b\u306a\u3093\u3067\u3053\u3093\u306a\u3081\u3093\u3069\u304f\u3055\u3044\u304b\u3068\u3044\u3046\u3068\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u30dc\u30c3\u30af\u30b9\u3068\u3001\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3059\u308b\u30dc\u30c3\u30af\u30b9\u306f\u89aa\u5b50\u95a2\u4fc2\u306b\u7f6e\u3051\u306a\u3044\u305f\u3081\u89aa\u30dc\u30c3\u30af\u30b9\u3092\u57fa\u70b9\u306bposition\u3092\u8a2d\u5b9a\u3057\u306a\u304d\u3083\u3067\u3057\u305f\u3002
\n\u3067\u3082\u3001\u3082\u3063\u3068\u7c21\u5358\u306a\u65b9\u6cd5\u306f\u3042\u308b\u3068\u601d\u3046\u3051\u3069\u4eca\u56de\u306f\u6025\u304e\u3060\u3063\u305f\u306e\u3067\u3053\u308c\u3067\u3002<\/p>\n

jQuery\u672c\u4f53\u306f\u8aad\u307f\u8fbc\u3093\u3067\u3002<\/p>\n

js\u306e\u8a18\u8ff0\u306f\u3053\u3093\u306a\u611f\u3058<\/h3>\n
\r\n<script type="text\/javascript">\/\/ <![CDATA[\r\n\/\/\u5730\u57df\u30ea\u30b9\u30c8\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u5730\u57df\u5185\u306e\u90fd\u9053\u5e9c\u770c\u3092\u8868\u793a\r\n$(document).ready(function () {\r\n    $('div.area_map').hide();\r\n\/\/    $('.maps li:first').addClass('active');\r\n    $('.area_list li').click(function() {\r\n        $('.area_list li').removeClass('active');\r\n        $(this).addClass('active');\r\n        $('div.area_map').hide();\r\n        $($(this).find('a').attr('href')).fadeIn();\r\n    });\r\n\r\n\/\/\u30af\u30ea\u30c3\u30af\u3057\u305f\u3068\u304d\u306e\u6319\u52d5\r\n $("ul.area_list > li").click(function(event){\r\n \/\/\u30af\u30ea\u30c3\u30af\u3055\u308c\u305fli\u306eposition\u306etop\u3001left\u3092\u53d6\u5f97\r\n\tvar ptop = $(this).css('top').replace('px', '');\r\n\tvar pleft = $(this).css('left').replace('px', '');\r\n\r\n \/\/\u30af\u30ea\u30c3\u30af\u3055\u308c\u305fli\u5185\u306e\u306e\u30af\u30ea\u30c3\u30af\u3057\u305f\u5ea7\u6a19\u3092\u53d6\u5f97\/\/firefox\u306b\u5bfe\u5fdc\u3057\u305f\u8a18\u8ff0\r\n    var offset = $(event.target).offset();\r\n    var offsetX = event.pageX - offset.left;\r\n    var offsetY = event.pageY - offset.top;\r\n\r\n\t  var X = (pleft - 0) + (offsetX - 0) + "px";\/\/-0\u3067\u6570\u5024\u3068\u3057\u3066\u6271\u3046\r\n\t  var Y = (ptop - 0) + (offsetY - 0) + "px";\/\/-0\u3067\u6570\u5024\u3068\u3057\u3066\u6271\u3046\r\n\r\n\/\/\u8868\u793a\u3055\u308c\u305fdiv.area_map\u306ecss\u306etop\u3001left\u306b\u4ee3\u5165\r\n   \t$("div.area_map").css({"top": Y , "left": X});\r\n\t});\r\n});\r\n\/\/ ]]><\/script>\r\n<\/pre>\n
jQuery\u3067\u5916\u90e8xml\u3092\u8aad\u307f\u8fbc\u3093\u3067HTML\u306b\u5c55\u958b\u3059\u308b\u8a18\u8ff0\u3002<\/h3>\n
\r\n$(document).ready(function () {\r\n\t$.ajax({\r\n\t\turl: '\/pref.xml',\r\n\t\tdataType: 'xml',\r\n\t\tsuccess: xmlParser\r\n\t});\r\n});\r\nfunction xmlParser(xml) {\r\n\t$("field",xml).each(function () {\r\n    $('#footer #pref-link').append($("pref",this).text());\r\n\t});\r\n$('#footer #pref-link').prepend('<a href="\/dir\/map.php">\u30bf\u30a4\u30c8\u30eb<\/a>\r\n');\r\n}\r\n\r\n<\/pre>\n
 <\/p>\n
XML\u306f\u3053\u3093\u306a\u3093\u3002<\/h3>\n
\r\n<?xml version="1.0" encoding="UTF-8" ?>\r\n<!-- \u3053\u308c\u306f\u3061\u3087\u3063\u3068\u3044\u3044\u52a0\u6e1b\u306a\uff58\uff4d\uff4c\u3067\u3059 -->\r\n<field>\r\n<pref><dd><a href="\/dir\/find.php?pref=1">\u5317\u6d77\u9053<\/a><\/dd><\/pref>\r\n<dd><a href="\/dir\/find.php?pref=3">\u5ca9\u624b\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=6">\u5c71\u5f62\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=11">\u57fc\u7389\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=12">\u5343\u8449\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=13">\u6771\u4eac\u90fd<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=14">\u795e\u5948\u5ddd\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=20">\u9577\u91ce\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=21">\u5c90\u961c\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=23">\u611b\u77e5\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=24">\u4e09\u91cd\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=26">\u4eac\u90fd\u5e9c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=27">\u5927\u962a\u5e9c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=28">\u5175\u5eab\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=34">\u5e83\u5cf6\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=37">\u9999\u5ddd\u770c<\/a><\/dd>\r\n<dd><a href="\/dir\/find.php?pref=45">\u5bae\u5d0e\u770c<\/a><\/dd>\r\n<\/field>\r\n<\/pre>\n
\u53c2\u8003URL
\nhttp:\/\/detail.chiebukuro.yahoo.co.jp\/qa\/question_detail\/q1044549170
\nhttp:\/\/studiomikan.net\/blog\/?p=708
\nhttp:\/\/gelsol.sub.jp\/javascript\/jquery\/004.html
\nhttp:\/\/www.ezgate-mt.sakura.ne.jp\/jquery\/109.html<\/p>\n","protected":false},"excerpt":{"rendered":"
\u305f\u3076\u3093\u79c1\u4ee5\u5916\u306e\u4eba\u304c\u307f\u305f\u3089\u306a\u3093\u306e\u3053\u3063\u3061\u3083\uff1f\u3068\u306a\u308b\u3068\u304a\u3082...<\/p>\n","protected":false},"author":1,"featured_media":1086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[47,89,96],"tags":[],"class_list":["post-1072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-javascript","category-jquery"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/1072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/comments?post=1072"}],"version-history":[{"count":16,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/1072\/revisions"}],"predecessor-version":[{"id":1200,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/1072\/revisions\/1200"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/media\/1086"}],"wp:attachment":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/media?parent=1072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/categories?post=1072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/tags?post=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}