fujillin の回答履歴

全4393件中61～80件表示
  • DreamWeaverでJS

    Webデザイン初心者です。 jQuery初チャレンジということで、DWにてJSファイルを作って、JSのコードを入力したところ結果がHTMLの画面に反映されませんでした汗 "jQuery練習"を赤文字にするだけというロジックのかけらもほとんどないようなコードなんですが、sublimeでは結果は出ました。ですがDWでは駄目でした。 『HTMLのファイル』 <!DOCTYPE html> <html lang= "ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <script type="javascript" src="JS練習.js"></script> </head> <body> <p>jQueryの練習</p> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> </body> </html> 『JSファイル』 $(function(){ $('p').css('color' , 'red'); }); 何が足りないのでしょうか。ググってもピンポイントででませんでした。すみませんがわざわざお時間を割いていただけるかた、お助けお願いいたします。 どなたか教えてください。よろしくお願いいたします。

  • 楽天APIについて、グーグルマップ上に表示させる

    楽天APIについて、詳しい方、ご教授をお願いします。 観光地で飲食店や体験ものの店舗を紹介するサービスを提供しているサイトの運営者からの依頼で、自社で紹介している店舗は40店程度をグーグルマップ上に表示させているのですが、登録の店舗数が少なく、かなり寂しい地図になっています。そこで楽天トラベルのAPIから食事施設やホテルなどを表示させて、そこからのリンクから楽天アフィリエイトや楽天ポイントにつなげられないかとの依頼がありました。 ここで質問なのですが、上記のような事はAPIなどを利用して可能なのでしょうか また、可能ならば、どんなAPIや仕組みで成り立ってるのでしょうか。 詳しい方がおられましたらご教授の程、お願いします。

  • 楽天APIについて、グーグルマップ上に表示させる

    楽天APIについて、詳しい方、ご教授をお願いします。 観光地で飲食店や体験ものの店舗を紹介するサービスを提供しているサイトの運営者からの依頼で、自社で紹介している店舗は40店程度をグーグルマップ上に表示させているのですが、登録の店舗数が少なく、かなり寂しい地図になっています。そこで楽天トラベルのAPIから食事施設やホテルなどを表示させて、そこからのリンクから楽天アフィリエイトや楽天ポイントにつなげられないかとの依頼がありました。 ここで質問なのですが、上記のような事はAPIなどを利用して可能なのでしょうか また、可能ならば、どんなAPIや仕組みで成り立ってるのでしょうか。 詳しい方がおられましたらご教授の程、お願いします。

  • GoogleMapで設定したルート上の曲角の座標

    GoogleMapで設定したルート上の曲がり角の座標を表示させたいです。 現在のソースは以下↓なのですがこれだと 目的地A、目的地Bの座標が出てしまうのですが、設定した目的地までの曲がり角全ての座標を出したいです。 よろしくお願いします。 計算しているソース //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. 　　　　document.getElementById("disp_total").innerHTML = total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat(); 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng(); 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat(); 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng(); }

  • GoogleMapで設定したルート上の曲角の座標

    GoogleMapで設定したルート上の曲がり角の座標を表示させたいです。 現在のソースは以下↓なのですがこれだと 目的地A、目的地Bの座標が出てしまうのですが、設定した目的地までの曲がり角全ての座標を出したいです。 よろしくお願いします。 計算しているソース //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. 　　　　document.getElementById("disp_total").innerHTML = total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat(); 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng(); 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat(); 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng(); }

  • GoogleMapで設定したルート上の曲角の座標

    GoogleMapで設定したルート上の曲がり角の座標を表示させたいです。 現在のソースは以下↓なのですがこれだと 目的地A、目的地Bの座標が出てしまうのですが、設定した目的地までの曲がり角全ての座標を出したいです。 よろしくお願いします。 計算しているソース //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. 　　　　document.getElementById("disp_total").innerHTML = total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat(); 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng(); 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat(); 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng(); }

  • GoogleMapで設定したルート上の曲角の座標

    GoogleMapで設定したルート上の曲がり角の座標を表示させたいです。 現在のソースは以下↓なのですがこれだと 目的地A、目的地Bの座標が出てしまうのですが、設定した目的地までの曲がり角全ての座標を出したいです。 よろしくお願いします。 計算しているソース //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. 　　　　document.getElementById("disp_total").innerHTML = total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat(); 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng(); 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat(); 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng(); }

  • GoogleMapで設定したルート上の曲角の座標

    GoogleMapで設定したルート上の曲がり角の座標を表示させたいです。 現在のソースは以下↓なのですがこれだと 目的地A、目的地Bの座標が出てしまうのですが、設定した目的地までの曲がり角全ての座標を出したいです。 よろしくお願いします。 計算しているソース //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. 　　　　document.getElementById("disp_total").innerHTML = total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat(); 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng(); 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat(); 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng(); }

  • Googlemapで始点～次のステップ間の距離を

    私は現在、GoogleMapで現在地から指定した目的地までのルートを表示させたあとに、 始点（Start_location）から次のステップ（曲がり角）の緯度経度を次々と表示させていき、 最終的に 1、現在地の緯度経度 2、曲がり角(1)の緯度経度 3、曲がり角(2)の緯度経度 4、曲がり角(3)～ というようにを表示させたいのですが、 緯度経度（X,Y）を表示させると　function (){return this[a]} 　で文字が表示されます。 緯度経度を表示させるためにはどういった書き方なのかを教えてください。 計算を行っているソースは以下です。 //◆総距離合計 function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; 　　　　for (i = 0; i < myroute.legs.length; i++) 　　　　{ 　　　　total += myroute.legs[i].distance.value; 　　　　} 　　　　total = total / 1000. var disp_total = document.getElementById("disp_total"); 　　　　disp_total.innerHTML = "total:" + total + " km"; document.getElementById("X1").innerHTML = myroute.legs[0].start_location.lat; 　　　　document.getElementById("Y1").innerHTML = myroute.legs[0].start_location.lng; 　　　　document.getElementById("X2").innerHTML = myroute.legs[1].start_location.lat; 　　　　document.getElementById("Y2").innerHTML = myroute.legs[1].start_location.lng; }

  • GoogleMapで始点からルート上の点の間の距離

    http://okwave.jp/qa/q8790394.html こちらで質問したご回答を頼りにプログラミングしたいのですが GoogleMapで始点からルート上の点の間の距離をどう定義すればいいのか分からないので教えてください。 ↑の質問で ＞距離を累計していって指定距離を超えたところで、その区間内を補間して座標を求めるといった感じでいかがでしょうか？ とご回答を頂いたのですが具体的にどう累計していけばいいかも分かりません。 また、2点間の直線距離ではなく、ルート上を辿った距離です。

  • 外部JSファイルで値を受け取る方法

    以下の記述 <script src="…">★</script> で★の部分に「値」を書くことによって外部JSファイルに値を渡せるようです。がどう受け取るのかが判りません。 ★に記述するのはあくまでも値です。「var a = "…";」等の式ではありません。具体的にはGoogle+の「+1 ボタン」の設置の際のコードで <script src="https://apis.google.com/js/platform.js" async defer> {lang: 'ja'} </script> のように記述します。こうすると「Google でおすすめする」となり、「{lang: 'en'}」とすると「Recommend this on Google」となります。(反映されたのはIE11。Chromeでは効かない) なので少なくともIEではオブジェクトの受け渡しができているようです。 script要素でsrcを書くときにも閉じタグが必須である理由が今までわからなかったのですが、このためなのかなと今更ながらにカルチャーショックを受けました。 一応ググってみたのですが、グローバル領域に変数を定義してしまう方法や、クエリパラメータで指定する方法ばかりがヒットしてしまい、上記の方法に関する情報は見つけられませんでした。 https://apis.google.com/js/platform.js を丁寧に読めば判るはずですが、コードが圧縮されていて非常に読みにくくなっており断念してしまいました。 <script src="…">★</script> で★の部分に「値」を書いてそれを外部JSファイルで受け取る方法を教えてください。 よろしくお願いします。

  • GoogleMapsでルート内の座標を認識したい

    Google Maps API で目的地を設定しそれまでのルートを表示することはできるのですが、そのルート上に数メートル間隔で座標をマーカーなどで表示させたり、100m毎くらいに座標を認識したいのですが可能でしょうか？ 可能であればAPIとどういったソースなのか教えてください。 よろしくお願いします。

  • transform(-1, 0, 0, 1, 0,

    HTML5 CANVASで transform(-1, 0, 0, 1, 0, 0) と書かれているコードがあるのですが、どういう意味でしょうか？ ・特に第1引数が分かりません ・伸縮xが-1？

  • CSS 3つのタブの中にgoogle mapを表示

    いつも助けていただいています。 今回、表題のとおり3つのタブを設け、それぞれのタブにgoogle mapを表示させていますが、 2つ目、3つ目と切り替えると地図が正常に表示されません。 色々なサイトを参考にしていると、再読み込みをするとよい？というようなことが記載されていましたが、 まだコーディング歴が浅いものでこの場を借りてご助力を頂ければと思います。 該当項目を記載します。 【HTML】 <div id="contents"> <div id="tabmenu"> <ul> <li>タブ1</li> <li>タブ2</li> <li>タブ3</li> </ul> </div> <div id="box"> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> </div> </div> 【CSS】 iframe { width: 510px; height: 280px; } #contents { width: 800px; padding: 0; margin: 50px auto 0; } #tabmenu { margin: 0; width: 200px; padding: 0; float: left; } #tabmenu ul li { width: 242px; padding-bottom: 10px; font-size: 1.1em; display: block; text-align: center; list-style-type: none; cursor: pointer; } #box { width: 510px; float: right; } 【JavaScript】 $(function($) { var tabmenu = $('#tabmenu ul li'); $('#box div').hide(); $('#box div').eq(0).show(); tabmenu.eq(0).addClass('navhit'); tabmenu.click(function () { var no = $(this).parent().children().index(this); tabmenu.removeClass('navhit'); $(this).addClass('navhit'); $('#box div').hide().eq(no).show(); }); }); 足りないところが多くありご迷惑をおかけしますがよろしくお願い致します。

  • CSS 3つのタブの中にgoogle mapを表示

    いつも助けていただいています。 今回、表題のとおり3つのタブを設け、それぞれのタブにgoogle mapを表示させていますが、 2つ目、3つ目と切り替えると地図が正常に表示されません。 色々なサイトを参考にしていると、再読み込みをするとよい？というようなことが記載されていましたが、 まだコーディング歴が浅いものでこの場を借りてご助力を頂ければと思います。 該当項目を記載します。 【HTML】 <div id="contents"> <div id="tabmenu"> <ul> <li>タブ1</li> <li>タブ2</li> <li>タブ3</li> </ul> </div> <div id="box"> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> </div> </div> 【CSS】 iframe { width: 510px; height: 280px; } #contents { width: 800px; padding: 0; margin: 50px auto 0; } #tabmenu { margin: 0; width: 200px; padding: 0; float: left; } #tabmenu ul li { width: 242px; padding-bottom: 10px; font-size: 1.1em; display: block; text-align: center; list-style-type: none; cursor: pointer; } #box { width: 510px; float: right; } 【JavaScript】 $(function($) { var tabmenu = $('#tabmenu ul li'); $('#box div').hide(); $('#box div').eq(0).show(); tabmenu.eq(0).addClass('navhit'); tabmenu.click(function () { var no = $(this).parent().children().index(this); tabmenu.removeClass('navhit'); $(this).addClass('navhit'); $('#box div').hide().eq(no).show(); }); }); 足りないところが多くありご迷惑をおかけしますがよろしくお願い致します。

  • CSS 3つのタブの中にgoogle mapを表示

    いつも助けていただいています。 今回、表題のとおり3つのタブを設け、それぞれのタブにgoogle mapを表示させていますが、 2つ目、3つ目と切り替えると地図が正常に表示されません。 色々なサイトを参考にしていると、再読み込みをするとよい？というようなことが記載されていましたが、 まだコーディング歴が浅いものでこの場を借りてご助力を頂ければと思います。 該当項目を記載します。 【HTML】 <div id="contents"> <div id="tabmenu"> <ul> <li>タブ1</li> <li>タブ2</li> <li>タブ3</li> </ul> </div> <div id="box"> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> <div> <iframe src="google map"></iframe> </div> </div> </div> 【CSS】 iframe { width: 510px; height: 280px; } #contents { width: 800px; padding: 0; margin: 50px auto 0; } #tabmenu { margin: 0; width: 200px; padding: 0; float: left; } #tabmenu ul li { width: 242px; padding-bottom: 10px; font-size: 1.1em; display: block; text-align: center; list-style-type: none; cursor: pointer; } #box { width: 510px; float: right; } 【JavaScript】 $(function($) { var tabmenu = $('#tabmenu ul li'); $('#box div').hide(); $('#box div').eq(0).show(); tabmenu.eq(0).addClass('navhit'); tabmenu.click(function () { var no = $(this).parent().children().index(this); tabmenu.removeClass('navhit'); $(this).addClass('navhit'); $('#box div').hide().eq(no).show(); }); }); 足りないところが多くありご迷惑をおかけしますがよろしくお願い致します。

  • アコーディオンメニューの開閉制御

    私webデザイナーをしています。 アコーディオンメニューで（開くのは１つのパネルのみ）ページ遷移してもアコーディオンの開いている部分が閉じないものを作りたいと思っています。 しかし、下記のコードでどうしても実装できません。 技術のある方、間違いを教えていただけないでしょうか？ 【ｈｔｍｌ】 <dl class="accordion_dl"> <dt>アコーディオンメニュー.1</dt> <dd>アコーディオンメニュー.1のテキスト表示</dd> <dt>アコーディオンメニュー.2</dt> <dd>アコーディオンメニュー.2のテキスト表示</dd> <dt>アコーディオンメニュー.3</dt> <dd>アコーディオンメニュー.3のテキスト表示</dd> <dt>アコーディオンメニュー.4</dt> <dd> <ul> <li>リスト挿入</li> <li>リスト挿入</li> <li>リスト挿入</li> <li>リスト挿入</li> </ul> </dd> </dl> 【JS】 jQueryとjquery.cookie.jsを読み込んでいます。 for (var i=0; i < $(".accordion_dl dt").length; i++) { if( $.cookie("accord" + i) == "open" ) { $(".accordion_dl dt").eq(i).next("dd").show(); } } $('.accordion_dl dt').click(function(){ $(this).toggleClass("open"); $(this).siblings("dt").removeClass("open"); $(this).next("dd").slideToggle(); $(this).next("dd").siblings("dd").slideUp(); n = $(".accordion_dl dt").index(this); if ($.cookie("accord" + n) == "open") { $.cookie("accord"+n,"close", {path:"/"}); } else { $.cookie("accord"+n,"open", {path:"/"}); } }); よろしくお願いいたします。

  • javascriptで複数の表示・非表示切り替え

    どなたかご教授願います。 javascript(jQuery)を利用した表示・非表示を切り替えるやり方はいろいろあると思うのですが、私が思うようなものが実現できません。 個人的ポイントは、 初期状態では表示された状態 ボタンを押すごとに表示・非表示を切り替えられる １ページ内に複数ボタンを設置 １つのボタンで複数個所のエリアの表示・非表示を適用する ボタンから離れた場所のエリアを表示・非表示にする 状態をクッキーに保存する コードの可能な限りの簡略化 (※構築イメージは添付ファイルを参照ください。) です。よろしくお願い致します。 参考にした質問・知恵袋・サイト様 (1) http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12114911402 (2) http://blog.caraldo.net/2009/03/jqcookiemenu.php (3) http://okwave.jp/qa/q7259699.html →(1)複数ボタンを設置する場合は、それだけコードを増やさなければならない。また、１つのボタンで適用されるのは１ヵ所のみ。 →(2)複数ボタンの設置のコードは(1)に比べ少なくて済むが、こちらも１つのボタンで適用されるのは１ヵ所のみ。 →(3)１つのボタンで複数個所を非表示にすることが出来るが、再び表示する場合にはクッキーを初期化しなければならない。また、コードが隣接していなければならない。 (※一部コードを書き換えれば実現可能かもしれませんが私の理解レベルではこれが限界です。申し訳ありません。)

  • jquery.csv2table.jsのテーブル

    CSVの会員名簿を読み込み、表にしてWEBに表示する為にjquery.csv2table.jsを使った こちらのサイトを参考にさせて頂きました。 http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm CSVを読み込み、表示は成功したのですが。 もともとのCSVデータが横長に項目が多い為 表示されるテーブルは横長の表となってしまいます。 出来れば一行をセルの結合で2段にまとめて表示したいと思っています。 <td colspan="2"><td rowspan="2">を使って [1]はココに表示[2]はココに表示するみたいにテンプレ化して表示できればと思っていますが セルの背景色は変更できてもセルの場所を任意に変更できません やはりそういった事は難しいのでしょうか どなたか詳しい方、教えて頂けますと幸いです。 よろしく願い致します。

  • JS：画像を繰り返しランダム読込すると途中で止まる

    現状は、ページの読み込み時にランダムで2枚の画像を読み込んで、loadのたびに違う画像が表示されるようにしています。 それをリロードせずに繰り返し画像を切り変えるように変更したく下記のように「setTimeout("getImg()",1000); 」を追加したところ、画像の切り替え8回目の切り替えあたりで止まってしまいます。（その際、2枚の画像が同じ画像になります。毎回同じ画像でなるわけではない） 変数か何かをクリアすればいいような気はするのですが、初心者レベルのためわかりませんでした。 原因わかる方いましたらご教示頂ければ幸いです。 javascript：img1111.js ------------------------ function getImg(str){ //ランダム function randNum(){ var randNum = Math.floor(Math.random()*img.length); return randNum; } //表示処理 if(str=="wide"){ var n = randNum(); setIMG = 'url(images/'+img[n][1]+')'; document.getElementById('inner_recomend').style.backgroundImage = setIMG; if(img[n][0]){ setURL = '<a href="'+img[n][0]+'" target="_blank"></a>'; }else{ setURL = ''; } document.getElementById('right_contents_rec').innerHTML = setURL; }else{ //画像とURL取得 function imgSet(id,n){ var setIMG = 'url(images/'+img[n][1]+')'; document.getElementById(id).style.backgroundImage = setIMG; if(img[n][0]){ setURL = '<a href="'+img[n][0]+'" target="_blank"></a>'; }else{ setURL = ''; } document.getElementById(id).innerHTML = setURL; } var n = randNum(); imgSet('right_contents_rec1',n); img.splice(n,1); var nn = randNum(); imgSet('right_contents_rec2',nn); } //次のタイマー呼びだし setTimeout("getImg()",1000); } ------------- htmlは下記 ------------- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div id="swap"> <div id="select01"> <div id="inner_recomend"> <div id="right_contents_rec1"></div> <div id="right_contents_rec2"></div> </div> </div> </div> </body> <script type="text/javascript" src="img1111.js"></script> <script type="text/javascript"> var img = new Array(); //画像リストの設定 ('URL','画像ファイル名') img[0] = Array('http://www.000.co.jp/','15961.jpg'); img[1] = Array('http://www.000.co.jp/','15962.jpg'); img[2] = Array('http://www.000.co.jp/','15963.jpg'); img[3] = Array('http://www.000.co.jp/','15964.jpg'); img[4] = Array('http://www.000.co.jp/','15965.jpg'); img[5] = Array('http://www.000.co.jp/','15966.jpg'); img[6] = Array('http://www.000.co.jp/','15967.jpg'); img[7] = Array('http://www.000.co.jp/','15968.jpg'); img[8] = Array('http://www.000.co.jp/','15969.jpg'); // getImg(); </script> </html> ------------- よろしくお願いいたします。

活動履歴