my-- の回答履歴

全161件中41～60件表示
  • JavaScriptの関数に渡される引数について

    Yahoo!知恵袋（http://detail.chiebukuro.yahoo.co.jp/qa/question_detail.php?qid=1469303224）に質問したのですが、補足の文字数が少ない上、返信が出来ないため、申し訳ございませんがこちらで質問させていただきます。 ご回答の中で無名関数というのは分かったのですが、やはりどうしても各プロパティの引数の挙動が分かりません。 445行目のEnumerable.each、521行目のinclude等の場合はどうなのでしょうか？ 521: include: function(object) { 522: var found = false; 523: this.each(function(value) { 524: if (value == object) { 525: found = true; 526: throw $break; 527: } 528: }); 529: return found; 530: }, の場合はEnumerable.include(a)と使うと思うのですが、この場合object=aでしょうがvalueには一体何が入っているのでしょうか？ value==(object=a)の式比較の意味が分かりません。 それまで存在していないのでundefinedとかかなと思うのですが、それでは意味が通じませんので。 445: var Enumerable = { 446: each: function(iterator) { 447: var index = 0; 448: try { 449: this._each(function(value) { 450: iterator(value, index++); 451: }); 452: } catch (e) { 453: if (e != $break) throw e; 454: } 455: return this; 456: }, の場合もiterator、valueの引数も分かりませんし、iteratorという関数を無名関数の中で使用しているようですが、自分には挙動がちょっと分かりませんでした。

  • 検索機能を付けたｈｔｍｌにジャンプ機能を付けたい

    いま、下のような状態で作成しています。 <html lung="ja"> <head> <title>参考資料</title> </head> <body> <!--search--> <form method="get" action="" name="search"> <div class="search">キーワード検索（キーワード入力＞「Search」押下）・・・赤く反転したところが、該当箇所です<br /> <input id="search" name="search" size="20" style="width:300px" class="form" /> <input type="hidden" name="mySearch" value="" /> <input type="button" value="Search" class="button" onClick="javascript:doSearch()" /> </div> </form> <pre> 　　・ 　　・ 　　・ </pre> <script type="text/javascript" language="javascript"> <!-- // フォント（font = "" などを指定する） var fontName = ""; // フォントカラー（変更しない場合は、fontColor = "" とする） var fontColor = ""; // フォントサイズ（単位はpx、変更しない場合は 0 を指定する） var fontSize = 0; // 太字（0：太字にしない、1：太字にする） var isBold = 0; // 斜体（0：斜体にしない、1：斜体にする） var isItalic = 0; // 下線（0：下線をつけない、1：下線をつける） var isUnderline = 0; // 背景色（変更しない場合は、backColor = "" とする） var backColor = "#FF8080"; searchWordHighlighting(); function searchWordHighlighting() { if (!document.body.createTextRange) return; var range = document.body.createTextRange(); var searchStr = getSearchStr(); if (searchStr == "") return; range.collapse(true); while (range.findText(searchStr)){ if (fontName != "") range.execCommand("fontName", true, fontName); if (fontSize > 0) range.execCommand("fontSize", true, fontSize); if (fontColor != "") range.execCommand("foreColor", true, fontColor); if (isBold != 0) range.execCommand("bold"); if (isItalic != 0) range.execCommand("italic"); if (isUnderline != 0) range.execCommand("underline"); if (backColor != "") range.execCommand("backColor", false, backColor); range.collapse(false); } } function getSearchStr() { var urlStr = "" + window.location; var baseStr = "mySearch="; var index = urlStr.indexOf(baseStr); if (index == -1) return ""; urlStr = urlStr.split("%25"); urlStr = urlStr.join("%"); return decodeURIComponent((urlStr.substring(index + baseStr.length)).replace("%25", "%")); } function doSearch() { window.document.search.mySearch.value=encodeURIComponent(window.document.search.search.value); window.document.search.submit(); } //--> </script> </body> </html> これに「Serch」クリック後、該当箇所にジャンプする機能を付けたいです。 教えていただければ幸いです。 宜しくお願いします。

  • nyroModalとTwitterウィジェット

    同一ページ内にてnyroModalとtwitter公式のプロフィールウィジェットを同時に設置しています。 nyroModalでリンク先のページを表示させようとすると、twitterウィジェットが暗転せず、 nyroModalで表示させているページがtwitterウィジェットの背面に隠れてしまうのですが 何か解決方法はありませんでしょうか。 nyroModalのhead内の記述は以下のとおりです。 <link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal.custom.js"></script> 以上、宜しくお願い致します。

  • Accessible News Sliderついて

    Accessible News Sliderの( view all )と( view less )を画像に変えたいのですがどうすれば良いでしょうか？ よろしくお願いします。 ■サンプルページURL http://www.32byte.com/downloads/kayanhaber/index.html

  • GMap Api V3で中心マーカーを表示させたい

    Google Maps Api V3で地図を作っています。 描画した地図の中心に十字マーカーを表示させたいのですが、どのようにすればいいのでしょうか？ マーカー表示はできたのですが、地図をドラッグすると、地図と一緒に移動してしまいます。 dragイベント中に再描画すればいい・・・と考えましたが、具体的にどのようなソースを書けばいいのかわかりません。 ネットで探しているのですが、V2ばかりで、それをV3に応用することができませんでした。 下記URLのようなものをV3で実現したいと考えています。 http://googlemaps.googlermania.com/google_maps_api_v2/map_4-2.html V3で紹介してあるサイトをご存知の方は教えていただけないでしょうか。 ソースを直接ご指導いただける方でも大歓迎です。 宜しくお願いいたします。

  • GMap Api V3で中心マーカーを表示させたい

    Google Maps Api V3で地図を作っています。 描画した地図の中心に十字マーカーを表示させたいのですが、どのようにすればいいのでしょうか？ マーカー表示はできたのですが、地図をドラッグすると、地図と一緒に移動してしまいます。 dragイベント中に再描画すればいい・・・と考えましたが、具体的にどのようなソースを書けばいいのかわかりません。 ネットで探しているのですが、V2ばかりで、それをV3に応用することができませんでした。 下記URLのようなものをV3で実現したいと考えています。 http://googlemaps.googlermania.com/google_maps_api_v2/map_4-2.html V3で紹介してあるサイトをご存知の方は教えていただけないでしょうか。 ソースを直接ご指導いただける方でも大歓迎です。 宜しくお願いいたします。

  • [jQuery]prettyPhotoのURL

    サイト上にフォトギャラリーを設置するのにprettyPhotoを採用しました。 無事設置できたのはよかったのですが、写真を開くとURLの後ろに #!prettyPhoto[hoge]/1/ と、ついてしまうのですが、これは表示しないようにできるようなものなのでしょうか？ わかる方がいらっしゃれば、教えていただければ非常に助かります！ よろしくお願いします。

  • googlemap api で複数マーカー表示

    複数のマーカー表示は最初できてたんですが、 住所から座標を取得してマーカーを複数表示ができません。。 <script type="text/javascript"> function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); //地図を作成 map.setCenter(new GLatLng(35.969115,139.372559), 8); //地図を表示（(中心の緯度,経度),縮尺） map.addControl(new GSmallMapControl()); //マップコントローラを付ける map.addControl(new GMapTypeControl()); //マップタイプコントローラを付ける map.addControl(new GScaleControl()); //スケールコントローラを付ける map.removeMapType(G_HYBRID_MAP); //マップタイプコントローラから地図+写真を削除する map.enableScrollWheelZoom(); //マウスホイールによるズーム処理を有効化 //マーカー追加プログラム function addMarker(lat,lng,html) { var geocoder = new GClientGeocoder(); geocoder.getLatLng ( lat, function(point) { var marker = new GMarker(new GLatLng(point,lng)); //マーカー生成 GEvent.addListener(marker,"mouseover",function(){marker.openInfoWindowHtml(html);});//マーカーにマウスが当たると情報ウィンドウを表示する map.addOverlay(marker); //マーカーをオーバレイ表示する } ); } //マーカー追加 addMarker("横浜市",'<p>html</p>'); addMarker("東京都",'<p>html</p>'); } } </script> </head> <body onload="load()" onunload="GUnload()"> 中略・・・ 初心者なもので、、、 ご回答お願いいたします。

  • prettyphotoの画像表示について

    prettyphotoをサイトに利用しようと思っています。 設定を行った所、表示はできたのですが画像が小さい場合に レイアウトが崩れてしまいます。 （ウィンドウ上に画像を表示しますが、その際にサムネイルや 次へボタンが崩れて表示される。） ウィンドウ上に画像を表示する際に画像が小さかった場合でも ある程度ウィンドウサイズを広げた状態で表示させる事は 可能なのでしょうか？ オプションなど調べてみましたが、どう設定すれば良いか 分かりませんでした。 ご存知の方おられましたらお手数ですが、 ご教授頂けますでしょうか。

  • 【jQuery】<a>と<area>で表示が違う

    よろしくお願いします。 jQueryで、<a>タグと<area>タグで表示が違ってしまいます。 http://colorpowered.com/colorbox/core/example2/index.html 上記ページの「Fade Transition」というjQueryを使ってみたのですが、 <a href="○○.jpg" rel="example2" title="タイトル">文字</a>ではうまく表示できました。 <a href="○○.jpg" rel="example2" title="タイトル"><img src="□□.jpg" width="100" height="100" /></a>でもうまく表示できました。 クリッカブルマップを使って、画像の一部だけリンクさせる場合がうまくいきません・・。 <area shape="poly" coords="14,33,33,-4,57,0,63,29,46,64,30,66" href="○○.jpg" rel="example2" title="タイトル" accesskey="A" /> 上記のように記述した場合、クリッカブルマップはうまく動いて、jQueryも一応表示されるのですが、 左上の　←→×　（prev、next、close）ボタンがうまくいかないのです・・・。 添付画像のように、 ・prev、nextの矢印は表示されません。 ・「前へ」、「次へ」の動きもしません。 ・closeの×ボタンは表示されるのですが、何回かクリックしないと閉じません。 CSSはこれで、　http://colorpowered.com/colorbox/core/example2/colorbox.css jsはこれです。　http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js 多分jsの方の記述に修正が必要なのかなと思っているのですが、 もしわかる方いらっしゃいましたら、教えていただきたいと思います。 jQuery初心者で恐縮なのですが、よろしくお願いいたします。

  • 【jQuery】<a>と<area>で表示が違う

    よろしくお願いします。 jQueryで、<a>タグと<area>タグで表示が違ってしまいます。 http://colorpowered.com/colorbox/core/example2/index.html 上記ページの「Fade Transition」というjQueryを使ってみたのですが、 <a href="○○.jpg" rel="example2" title="タイトル">文字</a>ではうまく表示できました。 <a href="○○.jpg" rel="example2" title="タイトル"><img src="□□.jpg" width="100" height="100" /></a>でもうまく表示できました。 クリッカブルマップを使って、画像の一部だけリンクさせる場合がうまくいきません・・。 <area shape="poly" coords="14,33,33,-4,57,0,63,29,46,64,30,66" href="○○.jpg" rel="example2" title="タイトル" accesskey="A" /> 上記のように記述した場合、クリッカブルマップはうまく動いて、jQueryも一応表示されるのですが、 左上の　←→×　（prev、next、close）ボタンがうまくいかないのです・・・。 添付画像のように、 ・prev、nextの矢印は表示されません。 ・「前へ」、「次へ」の動きもしません。 ・closeの×ボタンは表示されるのですが、何回かクリックしないと閉じません。 CSSはこれで、　http://colorpowered.com/colorbox/core/example2/colorbox.css jsはこれです。　http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js 多分jsの方の記述に修正が必要なのかなと思っているのですが、 もしわかる方いらっしゃいましたら、教えていただきたいと思います。 jQuery初心者で恐縮なのですが、よろしくお願いいたします。

  • 一部のjQueryとmootoolsが競合します

    dropdownメニューのdroppy(jquery)とmootoolsを使用したカレンダーが競合してしまいます。 mootoolsのカレンダーhttp://www.electricprism.com/aeron/calendar/ とメールフォームプロ　http://www.synck.com/contents/download/cgi-perl/mailformpro.html のjqueryの組み合わせは問題ありませんでした。そこにdroppy http://onehackoranother.com/projects/jquery/droppy/ が入ると動かなくなります。 助けて頂ければ嬉しいです。よろしくお願いいたします。 jQuery.noConflict();やDollar Safe Modeなどもやってみましたが、うまくいきません。どこが間違っているのでしょうか？ <script type="text/javascript"> jQuery.noConflict(); jQuery(function(){ jQuery("#nav").droppy(); }); </script> ----------------------------- <script type="text/javascript"> $(function() { $("#nav").droppy(); }); (function($) { window.addEvent('domready', function() { myCal1 = new Calendar({ date1: 'Y/m/d' }, { direction: 1, tweak: {x: 6, y: 0} }); }); }(document.id)); </script> ---元はこちら↓-------------- <script type="text/javascript" src="commons/jquery.js"></script> <script type="text/javascript" src="js/jquery.droppy.js"></script> <script type="text/javascript"> $(function() { $("#nav").droppy(); }); </script> メールフォームプロ↓ <script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script> <script type="text/javascript" src="postcodes/get.cgi?js" charset="UTF-8"></script> カレンダー↓ <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript" src="js/calendar.rc4.js"></script> <script type="text/javascript"> //<![CDATA[ window.addEvent('domready', function() { myCal1 = new Calendar({ date1: 'Y/m/d' }, { direction: 1, tweak: {x: 6, y: 0} }); }); //]]> </script>

  • Google Maps情報ウィンドウのサイズ調整

    Google Maps V3を使用しています。 情報ウィンドウを表示した際に、文字数が少ないと下部に余白が出来てしまいます。 枠内にぴったりと収める方法はないでしょうか？ ネットで少し調べてみましたが、良い方法が見つかりません。 maxWidthや表示コンテンツのDivに幅や高さを指定してもうまくいきませんでした。 Flashを使えば出来るようなのですが、別の方法で解決したいです。 よろしくお願い致します。

  • GoogleMapsで<UL>タグとの連携

    http://bit.ly/7Gt3Cp のサンプルのように，キャンバスの右側（デモは左側になっておりますが）に＜UL＞タグのリストを配置して，それぞれのリンクをクリックすると，該当するマーカーがマップの中央にくるようにPantoで移動するようにしたいと思います． サンプルのコードは，ランダムマーカーだったのと，コードの書き方がすこし特殊な感じで（最初にvar Demoを宣言し，その中にすべての処理を書き込んでいく方法？）あまり参考にできなかったので，別のサンプルを参考にして，JSON形式のデータを取り込むコードを書きました． <html lang="ja"> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ja"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ // JSON読み込み $.ajax({ url:"students.js", cache:false, dataType:"json", success:function(json){ var data=jsonRequest(json); initialize(data); } }); }); function jsonRequest(json){ var data=[]; //データ全体のラベルはstudentsで，各データは”branch","name","age","lat","lng"などのラベルを持っています if(json.students){ var n=json.students.length; for(var i=0;i<n;i++){ data.push(json.students[i]); } } return data; } function initialize( data ){ var op={ zoom:12, center:new google.maps.LatLng(34.7417512 , 135.3269878 ), mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById("map_canvas"),op); var i=data.length; while(i-- >0){ var dat=data[i]; var obj={ position:new google.maps.LatLng(dat.lat,dat.lng), map:map, title:dat.name }; var marker=new google.maps.Marker(obj); } } </script> </head> <body> <div id="map_canvas" style="width:100%;height:100%"></div> </body> </html> このコードをベースにしていきたいのですが，どこをどうすれば良いのか見当がつきません． // Generate list elements for each marker. var li = document.createElement('li'); var aSel = document.createElement('a'); aSel.href = 'javascript:void(0);'; aSel.innerHTML = 'Open Marker #' + n; aSel.onclick = Demo.generateTriggerCallback(marker, 'click'); li.appendChild(aSel); ul.appendChild(li); 上記はリンク先145行目～152行目です．この部分が当該の機能であることは何となく分かるのですが，必要なオブジェクトの生成や，コールバックの意味あいといったところが分からなくて，どのように書いていけばいいのか分からないで困っています． なにかアドバイスをいただけたらと思いますので，よろしくお願いいたします。

  • テキスト改行(split＋vbCrLf)について。

    現在下記のようなスクリプトを試しています。 内容的には C直下にあるテキストファイルを読み込み テキスト内部の情報を改行ごとに配列で取得しようとしています。 ////////////////////////////////////////////////////////////////////////////////// //テキスト読み込み ////////////////////////////////////////////////////////////////////////////////// var FORREADING = 1; // 読み取り専用 var TRISTATE_FALSE = 0; // ASCII var oText = new ActiveXObject("Scripting.FileSystemObject"); var ofile = oText.OpenTextFile( "C:/Info.txt", FORREADING, true, TRISTATE_FALSE );//ここの""でテキストディレクトリの指定 var oRead = ofile.ReadAll(); var ovd = oRead.vbCrLf; var oSplit = oRead.split("vbCrLf"); WScript.Echo(oRead[0]); WScript.Echo("初めは"+oRead[0]+"で次は"+oRead[1]+"です"); // ファイルを閉じる ofile.Close(); oText = null; ////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////// この状態で実行すると、ウィンドウでは空白になってしまいます。 どこが原因かだいぶ悩んでいます。 どうのような解決策があるでしょうか？ ご教授よろしくお願いします。

  • jQuery、JSONの結合方法

    いつもお世話になります。 jQuery.fn.hoge = function(options) { var defaults = { 'val1':'1', 'val2':'2', 'Css':{ 'padding':'3px', 'margin':'2px', 'background-color':'red' } } などとして、 hoge( 'val2':'222', Css':{ 'padding':'10px' } ) var setting = $.extend(defaults,options); とすると、 settingが 'val1':'1', 'val2':'222', Css':{ 'padding':'10px' } となります。 ここで、 settingが 'val1':'1', 'val2':'222', Css':{ 'padding':'10px', 'margin':'2px', 'background-color':'red' } となるようにするにはどうしたらよいのでしょうか。 つまり、 'val2':'2',　－＞　'val2':'222', 'padding':'3px'　－＞　'padding':'10px'　 と書き換えられるのは良いのですが、, Css':{ 'padding':'10px' } となってしまい 次の２つが削除されてしまうのは困るということです。 'margin':'2px', 'background-color':'red' よろしくお願いいたします。

  • GoogleMapsで<UL>タグとの連携

    http://bit.ly/7Gt3Cp のサンプルのように，キャンバスの右側（デモは左側になっておりますが）に＜UL＞タグのリストを配置して，それぞれのリンクをクリックすると，該当するマーカーがマップの中央にくるようにPantoで移動するようにしたいと思います． サンプルのコードは，ランダムマーカーだったのと，コードの書き方がすこし特殊な感じで（最初にvar Demoを宣言し，その中にすべての処理を書き込んでいく方法？）あまり参考にできなかったので，別のサンプルを参考にして，JSON形式のデータを取り込むコードを書きました． <html lang="ja"> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ja"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ // JSON読み込み $.ajax({ url:"students.js", cache:false, dataType:"json", success:function(json){ var data=jsonRequest(json); initialize(data); } }); }); function jsonRequest(json){ var data=[]; //データ全体のラベルはstudentsで，各データは”branch","name","age","lat","lng"などのラベルを持っています if(json.students){ var n=json.students.length; for(var i=0;i<n;i++){ data.push(json.students[i]); } } return data; } function initialize( data ){ var op={ zoom:12, center:new google.maps.LatLng(34.7417512 , 135.3269878 ), mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById("map_canvas"),op); var i=data.length; while(i-- >0){ var dat=data[i]; var obj={ position:new google.maps.LatLng(dat.lat,dat.lng), map:map, title:dat.name }; var marker=new google.maps.Marker(obj); } } </script> </head> <body> <div id="map_canvas" style="width:100%;height:100%"></div> </body> </html> このコードをベースにしていきたいのですが，どこをどうすれば良いのか見当がつきません． // Generate list elements for each marker. var li = document.createElement('li'); var aSel = document.createElement('a'); aSel.href = 'javascript:void(0);'; aSel.innerHTML = 'Open Marker #' + n; aSel.onclick = Demo.generateTriggerCallback(marker, 'click'); li.appendChild(aSel); ul.appendChild(li); 上記はリンク先145行目～152行目です．この部分が当該の機能であることは何となく分かるのですが，必要なオブジェクトの生成や，コールバックの意味あいといったところが分からなくて，どのように書いていけばいいのか分からないで困っています． なにかアドバイスをいただけたらと思いますので，よろしくお願いいたします。

  • GoogleMapでxmlから10件のみ情報取得

    今、googlemapで、xmlに書き出されたデータをjavascriptで呼び出し、地図外に一覧を表示させています。 現在のスクリプトでは、xmlデータ全件取得されています。 マップ上のポイントは前件表示、一覧表示部分のみ10件のみ表示に変更させる場合の書き方がわかりません。 初心者なりに、色々とやってみたのですが、うまくいかず。。。 ご指導いただけると助かります。 ****************************************** <script type="text/javascript"> var map; function load() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById('map')); ・・・ } GDownloadUrl('http://○○.jp/map.xml', function(data) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName('marker'); var shopList = document.getElementById('map_text'); ・・・ for (var i = 0; i < markers.length; i++) { var shop = markers[i].getAttribute('shop'); var text = markers[i].getAttribute('text'); ・・・ var marker = createMarker(point, shop, text, n, imgurl, linkurl, category, shopurl); var sidebarEntry = createSidebarEntry(marker,shop, text); map.addOverlay(marker); shopList.appendChild(sidebarEntry); } }); } function createMarker(point, shop, text, n, imgurl, linkurl, category, shopurl) { ・・・ ｝ function createSidebarEntry(marker, shop, text) { var shopList = document.createElement('div'); shopList.id = "map_text"; var maplist =shop + '<br/>' + text;　　←※ここで呼び出される情報を10件に限定したい shopList.innerHTML = maplist; GEvent.addDomListener(shopList, 'click', function() { GEvent.trigger(marker, 'click'); }); return shopList; } </script> ******************************************

  • jqueryでのkeydownイベント発生回数制御

    main.html************************************* <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <link href="css/ffUI.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="script/jquery.js"></script> <script type="text/javascript" src="script/ffmain.js"></script> </head> <body> <div id="main"> </div> </body> </html> ffUI.css*************************************** * {margin:0;padding:0;} #main {width:320px;height:240px;overflow:hidden;} #map {margin-top:0px;margin-left:0px;} ffmain.js************************************** mainFunction(); function mainFunction(){ $("#main").append('<div id="map"><image src="image/maptest.gif"></div>'); $(window).bind("keydown",mainKeyIvent); } function mainKeyIvent(e){ switch(e.keyCode){ case(38): $("#map").animate({marginTop:"+=16px"}); break; case(40): $("#map").animate({marginTop:"-=16px"}); break; case(37): $("#map").animate({marginLeft:"+=16px"}); break; case(39): $("#map").animate({marginLeft:"-=16px"}); break; } } というコードを書いて、RPGのMAPのように、 出した画像が上下左右のキーで16ピクセルずつ動くコードを書いてみたんですが、 一応動きはしますが、キーを押しっぱなしにすると、 その間にキーイベントが蓄積されて、右を押していたら、 キーを離してもずーっと右に動きっぱなしなってしまったりします。 押している間は動き続けてもいいですが、離した瞬間にちゃんと止まるようにしたいんですけど、 どのようにコーディングすればよいでしょうか？ 環境はsafariです。 宜しくお願いしますm(__)m

  • 複数の自動スライドショー(jQuery)の設置方法

    前回の質問の http://okwave.jp/qa/q6602248.html の続きです。 今１つだけ設置している自動スライドショーを、 ２つ、３つと同HTML内に増やしていきたいのですが、参考にした http://spaceforaname.com/filmstrip.html こちらのサイトをみて $('#photos').galleryView({ の部分や他にも共通するjs内の部分の名前を $('#photos').galleryView2({ などに変更してみたのですが、いっこうに動いてくれません。 どのようにしたらこの自動スライドショーを複数設置することができるのでしょうか？ この自動スライドショー以外に似たようなものを探しましたが、 リンクができ、尚かつ各々の写真の下に文章を入れることができるという形の物が見つからず・・・。 非常に困っております。 どうかご回答お願い致します。

活動履歴