+ JavaScript の質問用スレッド vol.89 +

このエントリーをはてなブックマークに追加
952 ：932：2011/09/01(木) 20:03:58.59 ID:???
>>951　度々すみません。用語から理解しないと無理なようです。

>>932の
<script language="JavaScript">
<!--
document.write("<img src='http://www.XXXX.jp/cgi-bin/access.cgi?toppage&", parent.document.referrer," ' height=1 width=1>");
// -->
</script>
を

そっくり
<script>
new Image().src = "http://www.XXXX.jp/cgi-bin/access.cgi?toppage&" + parent.document.referrer;
</script>
と書き換えれば済んでしまうということでしょうか？
953 ：932：2011/09/01(木) 20:08:12.64 ID:???
>>951
「>>932はどのブラウザでもアウトだよ」とのことですが
IE7やFFやクローム（今確認しました）ではきちんと表示されているんです
これは何故なのだろう？かと
954 ：932：2011/09/01(木) 20:18:37.05 ID:???
>>951
＞あと、そのページはいくら何でも古すぎる、98年て！

ここを参考にしているわけではなく
序盤の
>また背景が黒だと目立つという問題もあります。
>壊れたファイルの表示は多くの場合白や灰色の絵になっています。
>そのため、黒地だと見事に目立ちます。
を示した部分が、
現在の不具合と同様なので一例として提示しました。
955 ：Name_Not_Found：2011/09/01(木) 21:36:54.46 ID:N+CSsRRp
>>952
試してみてよ

>>953
ゴメン適当に書いた
でも、基本的にカンマで繋ぐんじゃなくて
+演算子で連結した文字列を渡すのがふつう
956 ：932：2011/09/01(木) 21:55:51.53 ID:3BvzIVQV
>>952を実践したら不具合はなくなりました。ログも取れてます。
今までの「height=1 width=1」って一体何だったんだろうか・・・
957 ：932：2011/09/01(木) 22:02:45.83 ID:3BvzIVQV

<script language="JavaScript">
<!--
document.write("<img src='http://www.XXXX.jp/cgi-bin/access.cgi?toppage&", parent.document.referrer," ' height=1 width=1>");
// -->
</script>

はじめ、これで不具合が出たので
カンマで繋ぐのを止め、以下にしました。

<script language="JavaScript">
<!--
document.write('<IMG SRC="http://www.XXXX.jp/cgi-bin/access.cgi?toppage&');
document.write(document.referrer);
document.write('" HEIGHT="1" WIDTH="1">');
// -->
</script>

しかし不具合は改善されませんでした。

<script language="JavaScript">
<!--
new Image().src = "http://www.XXXX.jp/cgi-bin/access.cgi?toppage&'" + parent.document.referrer;
// -->
</script>

そこで、アドバスを受け上記のようにしたら改善されました。
中段のような記述も誤りなのでしょうか？
958 ：Name_Not_Found：2011/09/01(木) 22:11:39.37 ID:???
表示したくないものをimgタグで表示しようとしてる時点で間違いだな
959 ：Name_Not_Found：2011/09/01(木) 22:12:51.76 ID:N+CSsRRp
前者ふたつは<img>要素を貼りつけてるのはわかるよね？
だから、APIが正しく透過GIFを返してくれないと、いわゆる×が表示されるじゃん？

3つ目は、Imageオブジェクトを生成はしているけど
どこにも貼りつけてはいないから、目には見えんのですよ
960 ：Name_Not_Found：2011/09/01(木) 22:22:03.40 ID:???
new Imate()〜はgoogleがログとったりするときにも使ってる手法な
豆
961 ：932：2011/09/01(木) 22:27:06.37 ID:???
>>958-959
理解しました。ありがとうございます。
前者2つでダメということはCGIでしくじってるのかなぁ。

3つ目は、前者2つに比べて明らかにシンプルですよね。並べてみると、わざわざ複雑な前者2つでなければならない理由が分かりません。
しかし、アクセス解析スクリプトがフリーで配布されているのを見ると、大抵前者になっている気がするのですが
前者の利点って何なのでしょう？
962 ：Name_Not_Found：2011/09/01(木) 23:17:27.49 ID:EfUvOGTV
しがらみというか
実際に貼らないとリクエストが飛ばないUAもサポートする為じゃなかろかね

googleアナリティクスのガラケー版は
同じようなことをPHPでやって、実際に<img>要素をHTMLに貼る仕様だね
963 ：Name_Not_Found：2011/09/01(木) 23:37:38.36 ID:???
language="javascript"
&のエスケープ忘れ

どう見ても無知だからです
964 ：932：2011/09/02(金) 00:11:31.46 ID:???
>>963
それは関係ないようです。
ありがとうございました。
965 ：Name_Not_Found：2011/09/02(金) 00:19:50.97 ID:kj/YRHmB
<html><head>
<script type="text/javascript">
function check(box){
var obj=document.getElementById("img");
obj.src=box.options[box.selectedIndex].value;}
</script></head><body>
<form>
<img id="img" src="canada.gif">
<select onChange="check(this)">
<option value="canada.gif">カナダ
<option value="korea.gif">韓国
<option value="australia.gif">オーストラリア
</select></form></body></html>

このサンプルでオーストラリアを選択した状態で更新すると
カナダの国旗を表示され、選択ボックスがオーストラリアのまま
なのですが、どうしてですか？
選択ボックスが更新を押すとカナダの状態にするにはどうするのですか？
966 ：Name_Not_Found：2011/09/02(金) 00:25:05.98 ID:???
頭の痛くなる日本語だな
967 ：Name_Not_Found：2011/09/02(金) 00:39:55.06 ID:???
Ajax使ってHTTP通信する際にリクエストヘッダーに独自ヘッダーフィールドを追加するこは可能でしょうか？
968 ：Name_Not_Found：2011/09/02(金) 00:47:33.01 ID:???
>>967
setRequestHeader()
969 ：Name_Not_Found：2011/09/02(金) 00:59:53.88 ID:???
>>965
カナダにchecked属性付けといて、「checkedがついたオプションを選択する関数」をloadイベントに追加する
970 ：Name_Not_Found：2011/09/02(金) 01:20:23.16 ID:???
Ctrl+F5でもさせとけ
971 ：Name_Not_Found：2011/09/02(金) 01:36:53.52 ID:???
canvas上でちょっとしたアニメーションを作成しているのですが、
canvasのサイズと同じ背景画像を次の背景画像と入れ替える時、
opacityで前の背景画像をだんだん透明にして、
下に重ねた背景画像を少しずつ見せる的なことをしたいのですが、
こういう処理ってcanvasでは出来ませんよね？
下にabsolute指定した違うcanvasをレイヤーのように重ねて、
そっちに新しい背景を置いて、手前のcanvasを透明にして、
透明になりきったところで、下のレイヤーと手前のレイヤーを入れ替えるみたいな方法しかないですか？
972 ：Name_Not_Found：2011/09/02(金) 02:00:51.91 ID:kj/YRHmB
>>969
オプションを選択する関数の作り方が分かりません。
<option value="canada.gif">カナダ
の「カナダ」の文字列部分はどのように操作するのですか？
973 ：Name_Not_Found：2011/09/02(金) 05:24:42.99 ID:???
select要素のvalueプロパティを書き換えればいい
974 ：Name_Not_Found：2011/09/02(金) 05:35:31.63 ID:???
単にcheckを直接実行するだけで正しい画像になるんじゃないの
selectを渡さなきゃならんみたいだけど
975 ：Name_Not_Found：2011/09/02(金) 09:13:23.32 ID:???
>>971
canvasのdrawImageとglobalAlphaでcanvasに直接描画するのはどうでしょう
976 ：Name_Not_Found：2011/09/02(金) 13:02:16.19 ID:???
スレ立て人ですが、またまたLvが足りないので誰かおねがい〜
基本的に >>1 と同じ、ただし、 >>258 のとこだけ直す、ということで〜
977 ： 忍法帖【Lv=40,xxxPT】 ：2011/09/02(金) 13:10:48.95 ID:???
>>976
建てたよー
http://127http://hibari.2ch.net/test/read.cgi/hp/1314936405/
978 ：977：2011/09/02(金) 13:11:53.88 ID:???
間違えたこっち
http://hibari.2ch.net/test/read.cgi/hp/1314936405/
979 ：Name_Not_Found：2011/09/02(金) 13:14:37.41 ID:???
http://hibari.2ch.net/test/read.cgi/hp/1314936405/
ですよね。感謝!
980 ：Name_Not_Found：2011/09/02(金) 13:15:39.24 ID:???
かぶった…とかいってスレの浪費をしてるけどまっいいか。
981 ：Name_Not_Found：2011/09/02(金) 13:56:46.85 ID:ync2rois
>>978
乙これはポニーテールじゃ云々
982 ：Name_Not_Found：2011/09/02(金) 15:06:47.32 ID:???
IEでもFireFoxでもChromeでも崩れない十字カーソルのソース、どこかにありませんか？
983 ：Name_Not_Found：2011/09/02(金) 15:43:34.03 ID:8tJXfoOd
YUI3で開発されている方いますか？
YUI3ではシードファイル1つを読み込んだ後、以下のようにサンドボックスを作り、
依存ライブラリの読み込みをローダ(YUILoader)に任せるコードが一般的ですが
この場合、読み込まれる各jsファイルは圧縮されたファイルとなり
ブレークポイントを挟むなど、コードと照らしながらの開発が困難です。
※以下の例ではfoo、barそれぞれのライブラリの使用を指示しており、
圧縮されたfoo.min.js/bar.min.js(及び依存ファイル)が読み込まれる

YUI().use("foo","bar", function(Y){ /* 実処理 */ });

おそらく開発用に、圧縮されていないファイル(foo.js)や
デバッグ用(foo.debug.js)を読み込ませる指定方法といったものがあると思うんですが、わかりません。
ご存知の方いましたらおしえてください。
984 ：Name_Not_Found：2011/09/02(金) 15:51:57.50 ID:???
>>982
画像でおk
985 ：Name_Not_Found：2011/09/02(金) 16:15:56.96 ID:???
>>982
CSSで出来なかった？
986 ：Name_Not_Found：2011/09/02(金) 16:18:24.15 ID:???
>>983
YUI Configuratorでdebugを
改行等そのまま表示の場合はrawに
987 ：983：2011/09/02(金) 17:17:38.64 ID:8tJXfoOd
>>986
ありがとうございます。ひとまずうまくいきました！
生成されるファイルのパスが最新版のものだったので、ついでにバージョンアップもｗ
YUIはかなり更新のペース早いですね。

あと思い出したのですがYUI()の引数に設定オブジェトを渡す方法もあったかもしれません。
ちょっと公式が模様替えで、詳細見つからないんですが、なんとかなりそうです。
たすかりましたー
988 ：983：2011/09/02(金) 18:36:11.20 ID:8tJXfoOd
さらに調べてみたところ、以下のように設定オブジェクトを引数に追加することで
foo-debug.jsをロードできました。("debug"を"raw"にするとfoo.jsが)

YUI({filter:"debug"}).use("foo", function(Y) { ... });

設定オブジェクトについてズバリといった説明はまだ見れていませんが、
以下のページとyui.jsのソース中に若干の記述がありました
http://yuilibrary.com/yui/docs/console/console-yui-config.html
989 ：Name_Not_Found：2011/09/03(土) 10:08:19.13 ID:???
次スレ http://hibari.2ch.net/test/read.cgi/hp/1314936405/
990 ：Name_Not_Found：2011/09/03(土) 23:07:36.89 ID:???
991 ：Name_Not_Found：2011/09/04(日) 01:35:54.27 ID:???
土日ってこんなにレスないもんだっけかｗ
まぁ埋め
992 ：Name_Not_Found：2011/09/04(日) 14:20:53.25 ID:8Me321Kn
うめ
993 ：Name_Not_Found：2011/09/04(日) 21:09:14.18 ID:dsHrqILO
ってか992かよ。
グローバル変数をあまり使うないほうがいいから
クロージャを使いましょうって本に書いてありましたが、
クロージャもあまり好ましくないって記述が別の本にもありました。

どうしろっていうのですか？
994 ：Name_Not_Found：2011/09/04(日) 21:12:27.22 ID:???
適材適所という言葉を君に送ろう
995 ：Name_Not_Found：2011/09/04(日) 21:14:52.44 ID:dsHrqILO
>>994
分からねーよ、オッサン
Fラン大のオレにも分かるように説明してください。
996 ：Name_Not_Found：2011/09/04(日) 21:43:52.70 ID:???
>>993
何というステレオ思考
これこれこういう理由で使わない方がいい、という前提があるだろ？
>>993では「全てのケースで使わない方がいい」と読めるが実際は違うってことだ
997 ：Name_Not_Found：2011/09/04(日) 22:10:34.66 ID:???
若者よ、人生に大事なものそれは
苦労じゃ
998 ：Name_Not_Found：2011/09/04(日) 22:14:24.25 ID:???
ハハッワロス
999 ：Name_Not_Found：2011/09/04(日) 22:15:05.54 ID:???
おあとがよろしいようで
1000 ：Name_Not_Found：2011/09/04(日) 22:16:05.76 ID:???
チャンチャン♪

+ JavaScript の質問用スレッド vol.89 +　完


次スレ

+ JavaScript の質問用スレッド vol.90 +
http://hibari.2ch.net/test/read.cgi/hp/1314936405/
1001 ：１００１：
このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。