JavaScript

Google Map 吹き出し(テキスト) カスタマイズ方法

Google Mapのカスタマイズ方法 Geocoding - 住所から緯度経度を検索 Google GeocordingでGoogle Mapで表示したい住所を入力し、検索 取得した緯度経度を以下のScriptのvar pointabs = new GLatLng(緯度,経度);部分にペースト あとは表示したいテキストを変更…

JavaScript Q1

JS(1) <script> for(var i = 1; i <= 3; i++){ alert(i); } </script> JS(2) <script> var number ; number = prompt('数字を入力して下さい','半角英数字で入力して下さい'); number = parseInt(number); number >= 70 ? document.write('合格です') : document.write('不合格です'); </script>…

JavaScriptを使って簡単な画像置換

onMouseOver = " this.src = ' images/◎◎.jpg ' " onMouseOut = " this.src = ' images/◎◎.jpg ' " <html> <head> <meta charset="utf-8"> <title>画像置換</title> <link rel="stylesheet" href="style.css" media="all"> </head> <body> <div> <h1>風景写真</h1> <p>※画像上へマウスを移動すると、その画像をカラーで表示します。</p> <ul> </ul></div></body></html>

H13 C13

<html lang="ja"> <head> <meta charset="utf-8"> <title>H13</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <div id="main"> <h1> <img src="img/logo.gif" width="267" height="129" alt="Patisserie camellia"> </h1> <ul> <li><a href="#" class="info"><span>…</span></a></li></ul></div></div></body></html>

JavaScriptを使ったサムネールの作り方

<html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="container"> <ul class="thumbnail"> <li><img src="img/thum01.jpg" width="112" height="84" alt="" onMouseOver="document.mainImg.src='img/img01.jpg'"></li> <…</ul></div></body></html>

JavaScript 基礎②

prompt( メッセージ );はダイアログボックス内の記述と入力欄の初期値を入力できる(入力しなくてもいい)。 <script> var rate = 100; var doll, yen; doll = prompt('金額をドルで入力して下さい','半角数字で入力して下さい'); yen = doll * rate; alert (yen + '円</script>…

JavaScript 基礎

alert('文字');はダイアログボックスで表示。 console.log(x);はブラウザの拡張機能のコンソールで表示。 var 変数名=値;は変数宣言。値を代入します。 document.write(c);はブラウザに表示される。 <script> var a; a = 10; a = 20; console.log(a);/* 後に書いたも</script>…