社員ブログ
HOME  社員ブログ

アーカイブ

‘jQuery’ カテゴリ

スクロールでパララックス効果

2012年10月28日 11時19分06秒

こんにちは、ピーターです。

 

さっそくですが、 株式会社シーエー・モバイル[C.A.MOBILE] にアクセスしてスクロールしてみてください。

新しいですね(そんなことない?)。

 

comm(コム)/もっとつながる、高音質な無料通話アプリ もスクロールでパララックス効果を出していますが、PCで見るとスクロールが必要なページに見えないので気がつきにくいですかね。

 

元ネタ

パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」 : アシアルブログ

 

JavaScript, jQuery, 社員:ピーター

IE iframeを用いてクロスドメインするとcookieが動かない?

2012年07月11日 12時59分16秒

こんにちは、コブラです。

 

タイトルの通り、IEでiframeを使って別のドメインのページを読み込むと、

その中でCookieが思うように使えませんでした。

 

こんな感じ。

 

Parent.html

└ (iframe src=)Child.html → Cookieの読み書き →NG!!

 

Cookieの指定が間違ってる?親フレームのCookie見てる?

でもIE以外は動作してるよ?

???・・・(°Д°;)・・・???

という感じでしたが、

調べたらすぐに原因が分かりました。

 

IEは、セキュリティの観点からクロスドメインによるCookie操作を拒否してたんですね!(このヤロウ!)

 

で、それを許可するには、

ざっくり言うとCookieを使う前にコンテンツポリシーのような宣言をします!

 

PHPの場合は

<?php header("P3P: CP='UNI CUR OUR'"); ?>

とヘッダーで書くだけ。

簡単でした。

これで

Parent.html

└ (iframe src=)Child.html → Cookieの読み書き →OK♪

となりました。

 

 

参考にさせてもらったサイトさん

P3Pコンパクトポリシーをコピペするのが流行らないことを祈る

IEでクロスドメインのiframe内のcookieが取れない

HTML, JavaScript, jQuery, PHP, 社員:cobra

prototype.jsとjQuery.jsを共存させる方法。

2012年02月8日 11時21分10秒

こんにちは、コブラです。


HTML作ってて、

Javascriptで「element.dispatchevent is not a function」というエラーが出ました。

なんのこっちゃ分からず調べると、

どうやらprototype.jsとjQuery.jsが競合しているらしい。

どっちも使いたいのにー!と思っていたら、

解決策がありました!


prototype.jsと同時に使うには – jQuery日本語リファレンス


この後者のやり方を採用しました。


<script><!--
jQuery.noConflict();
jQuery(document).ready(function($){
	// ここでは、$はjQueryとして使えます。
});
// ここでは、$はprototype.jsの動作をします。
//-->
</script>


これは便利!

Javascriptエラーって何となく気持ち悪いですよねぇ。

JavaScript, jQuery, 社員:cobra