JavaScriptについて質問がございます。
現在あるPC用サイトをレスポンシブ対応に修正してます。
ページのソース構成は以下のようになっています。
<body> --------------
コンテンツ1.PC用
コンテンツ1.スマホ用
コンテンツ2.PC用
コンテンツ2.スマホ用
…というような構成になります
(デバイスワイドでコンテンツ表示が切り替ります)。
質問内容はPC用コンテンツにあるJavaScriptを
同じ内容でスマホ用にも使用したいのですが
共通して使用する方法はないでしょうか?
短文であればID名をそれぞれ用意するだけいいものの
長文になるとソースが長くなり(関数や変数等もそれぞれで必要)
作業が非常に大変になります。
どうか分かる方教えていただけないでしょうか?
よろしくお願いします。
【一例】
コンテンツ1.PC用にあるhtml
<div id="map"></div> <script type="text/javascript"> loadmap("○○○○○","○○○○○"); function loadmap(lat,lng) { var canvas = document.getElementById('map') ; geocoders = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(lat,lng); var mapOptions = { zoom: 15 , center: latlng , mapTypeId: google.maps.MapTypeId.ROADMAP }; maps = new google.maps.Map( canvas , mapOptions ) ; markers = new google.maps.Marker({ map: maps , position: latlng, }) ; } </script>
上記のhtml、javascriptはコンテンツ1.PC用内で
グーグルマップを呼び出すものです。
これをコンテンツ1.スマホ用にも共通して使用するには
どうすればいいでしょうか?
回答2件
あなたの回答
tips
プレビュー