JavaScript

Google Maps JavaScript API

○ルート検索マップ2点間のルート検索ができる。 ルートのみの表示で、詳細なし。東京タワー 〜 通天閣のルート <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps API SDK</title> </meta></head></html>

Google Map API

○Static Maps API緯度経度を検索する↓ クネヒト API (日本と世界の数値が若干違う。世界の方を基準に考えた方がよさそう) http://maps.google.com/maps/api/staticmap?center=<緯度>,<軽度>&zoom=<ズーム値>&size=<画像横幅>x<画像縦幅>&sensor=<ユーザー…

JavaScript練習課題(7)

【J03】 「h1要素」と「p要素」を、下記のように表示するJavaScriptを記述しなさい。

JavaScript練習課題(5)

【J05】 クリックでアラートを表示するJavaScriptを記述しなさい。J01と同じ結果です。「function」を使用しなさい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>J05 クリックでアラートfunction</title> <style type="text/css"> p img { cursor: pointer; } </style> <script> function Photoinfo(){ alert('アマルフィの写真です!') } </script> </head> …</html>

JavaScript練習課題(4)

【J04】 ページを開いた瞬間にアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J04 ページを開いた瞬間にアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(3)

【J03】 マウスアウトでアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J03 マウスアウトでアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(2)

【J02】 マウスオーバーでアラートを表示するJavaScriptを記述しなさい。(写真は自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J02 マウスオーバーでアラート</title> <style type="text/css"> p img { cursor: pointer; } </style> </head> <body> <p></p></body></html>

JavaScript練習課題(6)

【J06】 ボタンをクリックしたらアラートで答えを表示するJavaScriptを記述しなさい。「function」を使用します。(質問と答えは自由。) <html lang="ja"> <head> <meta charset="UTF-8"> <title>J06 ボタンをクリックしたらアラートで答えを表示</title> <style type="text/css"> <!-- p img { cursor: pointer; } </style> <script> function ans(){ var answ</meta></head></html>…

JavaScript まとめ01

noscript スクリプトが動作しない環境用の表示内容を指定する body onLoad="処理" ブラウザがホームページの読み込み完了時に何らかの処理を行いたい場合、 タグの中でonLoadを使って記述。 onLoad ページが読み込まれたとき。 onLoad="window.defaultStatus…