×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="yui/tabview/assets/border_tabs.css" /> <link rel="stylesheet" type="text/css" href="yui/tabview/assets/tabview.css" /> <script type="text/javascript" src="yui/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="yui/element/element-min.js"></script> <script type="text/javascript" src="yui/tabview/tabview-min.js"></script> <script type="text/javascript"> //<![CDATA[ YAHOO.util.Event.addListener(window, "load", loadFunc); function loadFunc() { var options = { orientation: "bottom" }; var myTabs = new YAHOO.widget.TabView("myTab", options); } //]]> </script> </head> <body> <div id="myTab" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="#tab1">tab1</a></li> <li><a href="#tab2">tab2</a></li> <li><a href="#tab3">tab3</a></li> </ul> <div class="yui-content"> <div id="tab1"><p>akfsdljfalsfjal</p></div> <div id="tab2"><p>jfaslkfjaskdfjofwigjawojow</p></div> <div id="tab3"><p>worueqmcbnweuqp</p></div> </div> </div> </body> </html> |
tabmenuをつくる。
orientation でタブの方向を決める。
element script はなくても動く模様。
PR
ハマッったのでメモ。
読み込むXML
HTML + JS
同じくハマってた方 http://liosk.blog103.fc2.com/blog-entry-34.html
ここを見て解決。
Firefoxで DOMをなぞってみても null とかでてくるが、どうやら空白が原因らしい。
読み込むXML
| <?xml version="1.0" encoding="utf-8" ?> <person-list> <person><name>shinji</name><age>14</age><sex>male</sex></person> <person><name>asuka</name><age>14</age><sex>famale</sex></person> <person><name>rei</name><age>14</age><sex>famale</sex></person> </person-list> |
HTML + JS
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script type="text/javascript"> //<![CDATA[ // ---------------------------------------------------- // HTTP通信オブジェクト生成メソッド // @param checkFunc : リクエスト・レスポンス状態監視コールバック // ---------------------------------------------------- function createXMLHttpObj(checkFunc) { var httpObj; try { // IE以外 httpObj = new XMLHttpRequest(); } catch(e) { try { // IE6以上 httpObj = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { // IE5以下 httpObj = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { // その他 return null; } } } // コールバック登録 if(httpObj) { httpObj.onreadystatechange = checkFunc; } return httpObj; } var httpObj = createXMLHttpObj(checkState); function setListener(obj, type, func) { if(obj.attachEvent) { obj.attachEvent("on" + type, func); } else if(obj.addEventListener) { obj.addEventListener(type, func, false); } } setListener(window, "load", loadFunc); function loadFunc() { var btn = document.textform.btn; setListener(btn, "click", clickFunc); } function clickFunc(){ if (httpObj) { httpObj.open("GET", "test.xml?" + new Date().getTime(), true); httpObj.send(null); } } function checkState() { if(httpObj.readyState == 4 && httpObj.status == 200) { var xmlData = httpObj.responseXML; var person = xmlData.getElementsByTagName("person"); var text = ""; for(var i = 0; i < person.length; i++) { var childNum = person[i].childNodes.length; for(var j = 0; j < childNum; j ++) { console.log(j); text += person[i].childNodes[j].nodeName + ":" + person[i].childNodes[j].firstChild.nodeValue + "\n"; } } document.textform.text.value = text; } else { document.textform.text.value = "Now Loading..."; } } //]]> </script> </head> <body> <form name="textform"> <input type="button" name="btn" value="Read" /> <input type="reset" value="Reset" /><br /> <textarea name="text" style="width: 40em; height: 5em;"></textarea> </form> </body> </html> |
同じくハマってた方 http://liosk.blog103.fc2.com/blog-entry-34.html
ここを見て解決。
Firefoxで DOMをなぞってみても null とかでてくるが、どうやら空白が原因らしい。
で，出回っているらしい．
CMで人気が出たらしいですが
本当は
「創聖のアクエリオン」
ですからー
それにしても
菅野さんはいつもよい曲を作られる．
CMで人気が出たらしいですが
本当は
「創聖のアクエリオン」
ですからー
それにしても
菅野さんはいつもよい曲を作られる．
ある地点にマーカーをつけます．
マーカーをつけるには，addOverlay()を使用．
マーカー自体を作成するために，GMarker()で座標値を引数にマーカーを作成．
map.addOverlay(new GMarker(経度, 緯度));
前回，吹き出しは
map.openInfoWindow()だった．
openInfoWindowをmapに対して指定していたのを，
マーカーに指定する，らしい．
なので，マーカーは入れ子にしないで別に宣言する．
var mark = new GMarker(lat, lng);
map.addOverlay(mark);
で，クリックイベント中の map -> mark
イベントリスナ自体もmarkに設定する．
GEvent.addListener(mark, 'click',function(){ });
マーカーをつけるには，addOverlay()を使用．
マーカー自体を作成するために，GMarker()で座標値を引数にマーカーを作成．
map.addOverlay(new GMarker(経度, 緯度));
前回，吹き出しは
map.openInfoWindow()だった．
openInfoWindowをmapに対して指定していたのを，
マーカーに指定する，らしい．
なので，マーカーは入れ子にしないで別に宣言する．
var mark = new GMarker(lat, lng);
map.addOverlay(mark);
で，クリックイベント中の map -> mark
イベントリスナ自体もmarkに設定する．
GEvent.addListener(mark, 'click',function(){ });
前回の吹き出しを改良
一回閉じると再読み込みしない限り現れない吹き出しさん，
クリック毎に吹き出しを呼び出すのじゃー
by Geekなページさんより
GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
map.openInfoWindow(point,
document.createTextNode("クリックしないでってば"));
}
でリスナーを登録してマウスクリックを感知．
あとはopenInfoWindowで文字を表示．
一回閉じると再読み込みしない限り現れない吹き出しさん，
クリック毎に吹き出しを呼び出すのじゃー
by Geekなページさんより
GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
map.openInfoWindow(point,
document.createTextNode("クリックしないでってば"));
}
でリスナーを登録してマウスクリックを感知．
あとはopenInfoWindowで文字を表示．