プロが教える店舗&オフィスのセキュリティ対策術

通常、このような感じでjqueryのcolorboxを使ってますが、
(問題なく動きます。)

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.colorbox.js'></script>
<script>
 $(document).ready(function(){
  $('.colorbox').colorbox({iframe:true, innerWidth:700, innerHeight:430});
 });
</script>

<li><a href='test2.html' class='colorbox'>test2</a></li>



質問ですが、ipadである場所をクリックしたときに、動作する部分に、動くスクリプト内でカラーボックスを使って表示するところの書き方がわかりません。

<script>
 document.addEventListener('touchstart',catchTouch, false);
 function catchTouch(event) {
  cX =event.touches[0].clientX;
  cY =event.touches[0].clientY;
 if(10 <= cX && cX <= 170 && 10 <= cY && cY <= 40){pageScroll('fragment-1');}
 else if (10 <= cX && cX <= 170 && 650 <= cY && cY <= 680){window.open('order4.html','colorbox');}
 else if (10 <= cX && cX <= 170 && 690 <= cY && cY <= 720){location.href='call.html';}
 else if (10 <= cX && cX <= 170 && 690 <= cY && cY <= 720){????????;}
 }
</script>

????????のところに何かを記述して、
<li><a href='test2.html' class='colorbox'>test2</a></li>
これの動作と同じ事を実現するにはどのようにしたらよいのでしょうか?

A 回答 (2件)

その質問文のコードは誰が作られたんですか?



それを作った人にお願いするか、
http://www.tohoho-web.com/js/index.htm
この内容を全部覚えたら(英単語を覚えるような感じでいいと思いますが)、何か書けるようになるんじゃないでしょうか。

足し算もわからずにかけ算をしようとしても、無理だと思います。
    • good
    • 0

ipadはわかりませんが…



jQueryを使っているのなら、同様にcolorboxの設定をしておいて
 $(対象element).click();
では、だめでしょうか?

はずしていましたら、失礼。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!