- 締切済み
Jquery＆JAVAでの変数受け渡しについて、
こんにちは、行き詰ってしまって質問させてください。 ダイアログ表示のBOXYプラグインを使おうと思っているのですが、 http://onehackoranother.com/projects/jquery/boxy/ どうしても、マウスのY位置を渡すことができません。 $(document).ready(function(){ var $bdY = 0; $('.boxy').boxy({'x':43,'y':100}); $('.boxyview').click(function(event){ $bdY = event.pageY; }); $('.boxyview').boxy({'x':160,'y':$bdY,'title': 'Y: ' + $bdY}); }); これでやると、$bdY＝0になってしまい、マウスの近くにダイアログが表示されず、 一番上（0の位置）に表示されてしまいます。 $bdYにマウスのY座標を渡して、BOXYダイアログを表示したいのですが、 どなたかご指南よろしくお願いいたします。
- masanof
- お礼率100% (3/3)
- Java
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
まず、これはJavaの質問ではない。JavaScriptの質問だ。両者はまったく別のものなので注意したほうがいい。 一応回答しておくと、この$bdYという変数名は？ JavaScriptでは、変数名には$は使えなかったように記憶しているが、変数名を変えて試してみたらどうなるだろうか。BOXYプラグインについては使ってないので、そっちの問題だとちょっとわからないが。
関連するQ&A
- インラインフレーム内の変数を親ページから呼び出す
インラインフレーム内のマウス位置を↓のjavascriptコードで取得しているのですが、親ページのjavascriptの関数で使用したいです。どのようにインラインフレーム内の変数を親ページから呼び出して、利用すればよいのでしょうか？ var x, y; window.addEventListener("DOMContentLoaded", function(){ window.document.onmousemove = function(e){ x = getMousePosition(e).x; } },false); function getMousePosition(e) { var obj = new Object(); if(e) { obj.x = e.pageX; obj.y = e.pageY; } else { obj.x = event.x + document.body.scrollLeft; obj.y = event.y + document.body.scrollTop; } return obj; }
- 締切済み
- JavaScript
- jQueryプラグインの併用について
jQueryプラグインの併用について 失礼します、WEB制作初心者です。 現在jQueryのプラグインであるcolorboxを使用し、 以下のように外部ファイル（PHP）を読み込んでいます。 $(document).ready(function(){ $("#inline").colorbox({ contentWidth:"500px", contentInline:"#inline-content" }); }); この際、読み込んだPHP内で同じくjQueryプラグインである FlexPlayerをお借りして、音楽を再生しようとしたのですが・・・ 個別では動作するものの、併用すると外部ファイルが読み込まれた後、 プレイヤーの表示がされるだけで、再生ボタンを押しても反応がない状態です。 情けない話ですがリファレンス等を見ても自力では解決できず 悩んでいたので、こちらでお伺いすることにした次第です。 これらのプラグインは同時に使うことはできないのでしょうか、初心者丸出しの 質問で申し訳ないですが、参考になるページだけでも教えてもらえたら幸いです。
- ベストアンサー
- JavaScript
- jQueryプラグインtubular使い方について
アメブロの背景全体にＹＯＵＴＵＢＥ動画を流したいのですがやり方がわかりません。 jQueryのダウンロードサイトで進んで行って、英語文字列のページ出てきて それを名前を付けて保存。 jquery-tubularのjquery-tubular1.0.1ってやつも取り込みました。 <script> $(function(){ $('document').ready(function() { var options = { videoId: ''}; $('#window').tubular(options); }); }); </script> これにＹＯＵＴＵＢＥの動画ＩＤを''に入れました。 それをプラグインのところに張り付けてみたんですが何も起こりません。 サイトで載っている、「先にjQuery本体を、続いてダウンロードしてきた jQuery Tubularを読み込み」っていう部分も意味が分かりません。 どなたかやり方を教えてください・・ よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- jQueryの関数内の変数について教えてください
jQueryで外部の関数の中にある変数の値の取得方法について教えてください。 文法等全く分かっていない、初心者で大変恐縮しております。 外部にある変数の値を取得し、その値を必要な変数に代入したいと思っております。 下記に大まかなコードを記述いたしました。 サイトを開いた時に「mLivre」を実行し、リサイズ処理をした時に もう一度「mLivre」を実行しております。 「var mLivre」内にある数値を、「jQuery(window).resize」の中の 「 jQuery.fn.mLivre」の中にある変数に代入しようと思っております。 私のやりたいことは、「mLivre」というプラグイン（下記※参考サイト）を レスポンシブにしたいと思っております。 「mLivre」は画像を本の様にめくってくれるスクリプトです。 下記のコードの流れで、ブラウザサイズに合わせて表示の大きさを 変えることができましたが、リサイズするごとに初期化され ページが１ページ目からになってしまうので、 リサイズ後も変わらないページで表示させたいと思っております。 ※参考サイト http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-mlivre.html 全くの初心者で大変恐縮しておりますが、 ご享受いただけたらと思います。 また、記述についてもご指摘いらだけたら幸いです。 宜しくお願いいたします。 -------ソースコード---------- //実行外部ファイル jQuery('#slide').mLivre({ }); //コアファイル (function(jQuery) { jQuery.fn.mLivre = function(options,num) { }; jQuery(window).resize(function(){ var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 } jQuery.fn.mLivre = function(options,num) { //この中の変数に代入したい }; jQuery('#slide').mLivre({ //リサイズ後の実行部 }) ; }); })(jQuery); var mLivre={ //ここにある変数の値を取得してリサイズ内の jQuery.fn.mLivreに渡したい。 }
- ベストアンサー
- JavaScript
- 【jQuery】要素が消えずに困っています。
jQuery の FullCalendar をカスタマイズしているのですが、 要素が消えずに困っています。 【希望】 カレンダー内のイベントをクリックすると、 ポップアップみたいに、詳細を表示。 ポップアップ以外をクリックで、ポップアップの非表示。 【現状】 ポップアップの表示まではできています。 カレンダー内のイベントのない日付をクリックするとポップアップは消えますが、 ポップアップが出てる状態で、カレンダー外の部分をクリックすると、 ポップアップがカーソルの場所で再表示されてしまいます。 色々調べて試してみたのですが、ちょっと分からず、 どなたかご教示いただけませんでしょうか。 よろしくお願い致します。 ソース記載します。 $(document).ready(function() { $('body').append('<div class="tooltiptopicevent" style="background-color:#eeeeee; position:absolute; z-index:10000; padding: 10px; line-height: 200%;">details</div>'); $('body').click(function(e) { $('.tooltiptopicevent').css('top', e.pageY + 10); $('.tooltiptopicevent').css('left', e.pageX + 20); }); $('.tooltiptopicevent').hide(); $('#calendar').fullCalendar({ editable: true, googleCalendarApiKey: 'hogehogehogegehogegehoge', eventSources: [ { googleCalendarId: 'hogehogehogegehogegehoge@group.calendar.google.com', className: 'calendar_1' } ], eventClick: function (data, event, view) { $('.tooltiptopicevent').html('イベント名 ' + ': ' + data.title + '</br>' + '詳細 ' + ': ' + [data.description,""][1*(data.description==undefined)]); $('.tooltiptopicevent').show(); }, dayClick: function (data, event, view) { $('.tooltiptopicevent').hide(); }, }); });
- ベストアンサー
- JavaScript
- JQueryがChromeで動くがＩＥで動かない
JQueryで書いた単純なJavaScriptが ＩＥで動かず困っています。 Firefoxでも動いており F12のデバッガを使ったとき、 Chromeと、Firefoxはデバッグポイントでストップするのですが、 ＩＥだけ、そもそもFunctionの中に入ってきません。 $(function(){ //do something }); ちなみに、documentのreadyや、ドロップダウンリストボックスのchangeのイベントです。 お知恵をお借りできませんでしょうか？ 宜しくお願い致します。
- ベストアンサー
- JavaScript
- マウスの入って来た方向を検出するホバーエフェクト
おはようございます。 jquery初心者です。 現在、マウスが要素に入って来た位置と出る位置（上下左右）を検出して、 その方向に合わせてホバーエフェクトをするという物をガイド本に沿って制作しているのですが、 そこでのマウスの方向を検出する関数の説明(特に数学的な処理)が所々省略されていて、ほとんど分かりません。（；；） おおまかな仕組みは、 switchを使用して、0,1,2,3と分岐させたpositionを作り、この値をマウスの方向を検出する関数で分岐させているといったものです。 マウスの方向を検出する関数は、は以下のようになっています。 function MouseDirection (event) { var $el = $(event.currentTarget), offset = $el.offset(), w = $el.outerWidth(), h = $el.outerHeight(), /*この辺りが特に分からないです（;;）*/ x = (event.pageX - offset.left - w / 2) * ((w > h)? h / w: 1), y = (event.pageY - offset.top - h / 2) * ((h > w)? w / h: 1), direction = Math.round((Math.atan2(y, x) * (180 / Math.PI) + 180) / 90 + 3) % 4; return direction; } 三角関数を使用しているようですが、これもまた良く分かっていません（；；） 申し訳ないですが、お教え頂けると助かります。
- ベストアンサー
- JavaScript
- jQueryプラグイン「Skitter」について
jQueryのプラグイン「Skitter」の表示で、thumbsの表示で質問させてください。 http://thiagosf.net/projects/jquery/skitter/ 表示には「Numbers」「Dots」「thumbs」の3種類あり、「thumbs」でサイト作りをしているのですが、 「Numbers」「Dots」では表示されるlabelが、「thumbs」では表示されず、困っています。 javascriptの設定は下記のようにしています。 <script type="text/javascript"> $(function(){ $('.box_skitter_large').skitter({thumbs: true, label: true}); }); </script> labelを表示するかしないかで、“label: true”にしているのですが、これでは表示されません。 オプションを見ても、そのあたりの記載が見当たらず、どこを調整すればいいのか分らずにいます。 どなたかご存知の方、いらっしゃいましたらご教授をお願い致します。m(__)m
- ベストアンサー
- JavaScript
- jQueryを利用する場合の、グローバル変数の範囲について。
jQueryを利用する場合の、グローバル変数の範囲について。 jQueryを利用してファイルからデータを呼び出して、URL上は画面遷移することなく、 件数に応じて内容を表示するサンプルがあります。 そのスクリプトの中で、スクロール位置をグローバル変数に入れて、別の場所でも使いたいと考えているのですが、うまく変数の値を保持できません。どこがマズいのでしょうか？ function test(){ $(":checkbox, :radio").click(function(){ var h = $(window); hoge = h.scrollTop(); window.alert(hoge); }); window.alert(hoge); } 一つ目のalertだけだと、スクロール位置が正しく表示されるのですが、 二つ目のalertを付けると、hoge is not defined となります。 jQueryを使っているからなのでしょうか、それとも、単にグローバル変数の使い方を間違っているからなのでしょうか。
- ベストアンサー
- JavaScript
- jQueryの記述についてご指摘ください。
jQuery初心者で大変恐縮ですが、質問させていただきました。 「mLivre」というプラグインを使用しております。（下記URLを参照ください） ※参考サイト 雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre http://coliss.com/articles/build-websites/operation/javascript/jque... このプラグインは本をめくるように画像を表示してくれるプラグインです。 レスポンシブでも動くようにしたいと思い、コードを記述してみました。 画像自体はレスポンシブになりましたが、プラグインの動作が少しおかしくなってしまいました。 リサイズすると、めくる様な動作をしてくれますが、画像が切り替わらなくなってしまいました。 原因は、リサイズ時に画像の枚数のカウントがおかしくなっているせいだと思いますが、 どう変えればいいのかわからずに困っております。 「mLivre.js」自体はいじっておりません。 スクリプト実行部分に記述を追記いたしました。 下記にコードを記述いたしましたので、もしよろしければご指摘いただければと 思います。 よろしくお願いいたします。 ------------コード--------------- jQuery(document).ready(function() { var imgW; var imgH; var winW; var scaleW; var setW; var setH; setSize(); //リサイズしたら実行 jQuery(window).resize(function(){ setSize(); }); function setSize() { //元の画像サイズ指定 imgW = 500; imgH = 375; //横幅に合わせて縦幅の調整 winW = jQuery( '#page' ).width(); scaleW = winW / imgW; setW = winW; setH = imgH * scaleW; //要素の画像サイズ jQuery("#slide img").width(setW); jQuery("#slide img").height(setH); //実行部分 jQuery('#slide').mLivre({ width:setW, height:setH, dossier:'http:/画像のURL/images... }); } });
- ベストアンサー
- JavaScript
お礼
本当ですね。ジャンル違いすいません。 $無しで試してみましたが、結果は同じでした。 いったん閉めて他で質問します。 ありがとうございました。