+ JavaScript の質問用スレッド vol.77 +at HP
+ JavaScript の質問用スレッド vol.77 + - 暇つぶし2ch100:Name_Not_Found
10/03/15 13:19:25 PqBAarmn
JavaScriptでdocument.write()での書き出しのときタブ設定すると
ある行だけ飛ばない語があったりするのですが、どうしてですか?

101:Name_Not_Found
10/03/15 13:36:38
タブ設定とある行と飛ばない語についてわかりやすく説明してくれ

102:Name_Not_Found
10/03/15 13:37:34
>>100
まず日本語の仕様書を熟読すべき

103:Name_Not_Found
10/03/15 16:53:45 PlvQjM0v
>>100
エスパー発揮しようと思ったけど無理だった。

104:Name_Not_Found
10/03/15 18:50:46
何のことやらさっぱり分からんが、多分evalで解決出来ると思う。

105:Name_Not_Found
10/03/15 21:22:03 PlvQjM0v
あー、こういうことか?

document.write("[タブコード]ほげほげ");
document.write("[タブコード]ふがふが");

だったら、JSではなくHTMLの問題なのでスレ違いです。
スレリンク(river板)

106:Name_Not_Found
10/03/15 23:20:38
前スレで似たような質問ありましたがちょっと別です。

if( car_seq_id == 3 ||
  car_seq_id == 9 ||
  car_seq_id == 15 ||
  car_seq_id == 26
){
  drive();
}
は、switch文で以下のようにスッキリ書けます。
switch(car_seq_id){
  case 3:
  case 9:
  case 15:
  case 26:
    drive();
    break;
}

では、以下のをswitch文でコンパクトに書くことできますか?

if( car_seq_id == 3 ||
  car_seq_id == 9 ||
  car_seq_id == 15 && car_col_id == 2 ||
  car_seq_id == 26 && car_col_id == 9
){
  drive();
}

変数はcar_seq_idとcar_col_idの二つだけですが、条件となる数値は今後もどんどんふえていくので、メンテしやすくてパフォーマンスもよろしいものを望んでおります。

107:Name_Not_Found
10/03/15 23:56:22
コードを書く上でのルール
 1つの文に多くを詰め込まないこと


108:Name_Not_Found
10/03/16 00:03:15
>>106,>>108
これでどうだ!
function test() {
var count = 0;
var check = [
[3],
[9],
[15, 2],
[26, 9]
];
for (var i = 0; i < check.length; i++) {
if (arguments.length == check[i].length) {
for (var j = 0; j < arguments.length; j++) {
if (check[i][j] == arguments[j]) {
count++;
} else {
break;
}
}
}
}
return (count == arguments.length);
}
alert(test(3));
alert(test(3, 5));

109:Name_Not_Found
10/03/16 00:10:01
パフォーマンス最悪だな

110:108
10/03/16 00:33:33
修正。countの初期化忘れてた。forより後を以下に。
for (var i = 0; i < check.length; i++) {
if (arguments.length == check[i].length) {
var count = 0;
for (var j = 0; j < arguments.length; j++) {
if (check[i][j] == arguments[j]) {
count++;
} else {
break;
}
}
if(count == arguments.length) return true;
}
}
return false;

>>109
条件となる数値checkの数を5000・check内の配列を現状+1の3([1,2,3])で最後のcheck要素にマッチするようにしてみたけど、
IEでも300msだったよ。クロムは20ms
5000もチェックしないと思うけど。

111:Name_Not_Found
10/03/16 00:46:37
その程度の物に何十何百ステップも掛けるな
しかも他の人が見たら何やってるのか分からないだろ

112:Name_Not_Found
10/03/16 00:47:48
switch 1つでできましたw

(function() {
var seq = function(x) { return Math.pow(2, x); };
var col = function(x) { return Math.pow(3, x); };

window.foo = function(m, n) {
m = m || 0;
n = n || 0;

switch (seq(m) * col(n)) {
case seq(3):
case seq(9):
case seq(15) * col(2):
case seq(26) * col(9):
drive();
break;
}
};
})();

function drive() {
alert("フヒヒ");
}

foo(15, 2);
foo(9, null)
foo(null, 3);

113:Name_Not_Found
10/03/16 00:53:43 OoeyTemv
>>108
javascriptはハッシュが速いんだし、こんな感じでいいんじゃない?
>>106の話は元のアルゴリズムを変える方法考えた方がいいような気もするけど。

var seqColTest = (function(seqCols) {
 var isSeqCol = {};
 for (var i=0,l=seqCols.length; i<l; ++i) {
  isSeqCol[seqCols[i]] = 1;
 }

 return function(car_seq_id, car_cal_id) {
  return (isSeqCol[car_seq_id + '-' + car_cal_id]);
 }
})(['3-', '9-', '15-2', '26-9']);

alert(seqColTest(1,''));
alert(seqColTest(3,''));
alert(seqColTest(9,''));
alert(seqColTest(15, 2));
alert(seqColTest(26, 9));

114:Name_Not_Found
10/03/16 00:56:02
var a = car_seq_id, b = car_col_id;

switch (true) {
case a == 3 || a ==9:
case a == 15 && b == 2:
case a == 26 && b == 9:
drive();
break;
}
書き換えただけ('A`)

115:Name_Not_Found
10/03/16 00:57:52
>>114
気持ち悪いから式は囲えよ

116:Name_Not_Found
10/03/16 01:11:05
var hoge = (function(matrix){
 return function(a, b){
  return a in matrix && ((a=matrix[a])===true || a[b]===true);
 };
})({
 3:true,
 9:true,
 15:{2:true},
 26:{9:true}
});

hoge(3)
hoge(3,1)

こういう訳の分からないことをするなら素直にif文でいいと思う

117:Name_Not_Found
10/03/16 01:14:37 OoeyTemv
>>116
あぁ、それ見て>>113のアルゴリズ間違ってるのに気付いたわ。
car_seq_idが3のときにcar_cal_idが適当な物だと真にならんかった。

118:Name_Not_Found
10/03/16 01:42:01
「プログラミング作法」はプログラムを書く仕事に就いてる/就きたいなら読んだ方が良い


119:Name_Not_Found
10/03/16 03:19:37
if(/3,|9,|15,2|26,9/.test([car_seq_id, car_col_id]))
drive();

120:Name_Not_Found
10/03/16 03:43:39 CAWu7EAI
<html>
<head>
<title>タスクバーを含まない</title>
</head>
<body>

<script type="text/javascript">
<!--
onload='opener.resizeTo(screen.availWidth+","+screen.availHeight);'
// -->
</script>
</body>
</html>

ブラウザー自体をタスクバーを含まないフルサイズサイズで
動的にリサイズしたいのですができません

121:Name_Not_Found
10/03/16 04:51:13
開く側のページで指定しろよ

122:Name_Not_Found
10/03/16 07:47:54
新しいウインドウ開くの鬱陶しいから止めてね


123:Name_Not_Found
10/03/16 08:50:06
サイト側の勝手なリサイズはブラウザで止めている

124:Name_Not_Found
10/03/16 09:12:21
タブブラウザ使うとそういうの全部無視される。

125:Name_Not_Found
10/03/16 11:23:24 CAWu7EAI
120です。
実行環境はプラグインを想定しています。
今見ているブラウザをリサイズしないと
ガジェットが綺麗にレイアウトできないと思ったので・・・

126:Name_Not_Found
10/03/16 11:26:37
>タスクバーを含まないフルサイズ
最大化ではなく全画面か
そんなことできたらうざい広告が半端なくうざいことになりそうだな

127:Name_Not_Found
10/03/16 11:28:49
画面一杯占有するようなものはガジェットっていわねーよw

128:Name_Not_Found
10/03/16 11:37:16
大きさ決めてページ中央に表示でいいじゃん。

129:Name_Not_Found
10/03/16 11:41:51 CAWu7EAI
ニコニコブックマークをプラグインで実装しようと思っています。
ガジェット自体はそれを投影する透明な下敷きだと思ってください

130:Name_Not_Found
10/03/16 11:43:11 CAWu7EAI
ブラウザの最大化のことです。
すいません

131:Name_Not_Found
10/03/16 11:51:36
情報を小出しにするな。
最大化はググればすぐ出る。先にいえと。

ニコニコブックマーク懐かしいな。あれ2週間でサービス終了してたのか。

132:Name_Not_Found
10/03/16 11:56:42 CAWu7EAI
すいません
具具って見ます

133:Name_Not_Found
10/03/16 12:03:23 CAWu7EAI
最大化=ウィンドウのサイズをScreenいっぱいにする、ではありません。
Windows の仕様として、最大化/最小化/元のサイズに戻す と、
ウィンドウのサイズ変更は、別の動作になっています。

最大化されたウィンドウを、スクリプトで小さくしても、Windows は
そのウィンドウは最大化されたままだと認識しているはずです。
よって書かれたような動作になります。

じゃぁ JavaScript で最大化などをコントールできるか?
window.open() のパラメータ指定以外にはできません。
よく「自分自身を最大化したい」という質問がありますが、
「window.open() で自分自身を新しく開き、古い自分は close()」
という答えしかでません。

…という状況をふまえて、仕様を修正するか、上を説得してください^^;

と出てきました。ということは今見ているブラウザ自体を
最大化することはできないんですね・・

134:Name_Not_Found
10/03/16 12:44:29
>>133
該当ブラウザのスレに行った方が良くね?

135:Name_Not_Found
10/03/16 13:39:50
質問なんですが
javascriptのブックマークレットってあるじゃないですか
ブラウザのアドレスバーに貼り付けるとそのページの語尾が変わるものとか
javascript:void(document.body.innerHTML=document.body.innerHTML.replace(/。/g,"にょ"));
こういったブックマークレットを通したURLに直リンクする方法ってありませんか?

136:Name_Not_Found
10/03/16 13:46:44
>>135
無いよ
出来たらセキュリティ的に大問題

137:Name_Not_Found
10/03/16 13:47:16
>>135
なぜそのようなことをしたいのか詳しく
というのは、迷惑スクリプトの予感がしているから

138:Name_Not_Found
10/03/16 15:21:04
>>137
やっぱり出来ないんですか
諦めます

>>137
他の人に紹介する時に
直リンクした方が手っ取り早いと思ったので

139:Name_Not_Found
10/03/16 17:47:29
アドオンのことをプラグインって言ってる時点でお察し

140:Name_Not_Found
10/03/16 18:36:18
onclick属性で指定されている動作を、HTMLを書き替えずに抑制するにはどうすればよいでしょうか

141:Name_Not_Found
10/03/16 18:56:37
DOMレベルでonclickを上書きする
特定の関数を単に呼んでるだけなら、JSレベルでその関数を上書きするやや乱暴な方法もある

142:Name_Not_Found
10/03/16 18:58:28 OoeyTemv
>>140
onclick="func1()"ってなってるならfunc1を上書きすればいいと思うよ

143:140
10/03/16 19:17:11
>>141-142
有り難う御座います
すみません、質問がおかしかったです

element.removeAttribute(onclick)
このような書き替え無しに、preventDefault()のような関数を使って抑制することは出来ないでしょうか

144:Name_Not_Found
10/03/16 19:21:29
>>143
まず目的を説明してみないか

145:140
10/03/16 19:30:45
>>144
ブラウザのユーザースクリプトに使おうと思うのですが
なんとなく後者の方が汎用性があると思いまして
すみません

146:Name_Not_Found
10/03/16 20:01:26
>>145
removeAttribute('onclick') せずに自前の処理を割り込ませてかつ onclick を無効にするには
document.addEventListener('click', function(event) {
  var target = event.target;
  if (関係ない要素が target だった) return;
  event.stopPropagation();
  foo(target);
}, true); // ←ここ重要
ってやるしかない。target がリンクとかだと event.preventDefault() も必要

147:140
10/03/16 20:17:38
>>146
無事onclick属性を無効に出来ました
有り難う御座います

148:Name_Not_Found
10/03/16 22:37:08 NVjozAJm
strという変数に文字列が入っています。
str内の、特定の正規表現にマッチする部分を<p> </p>で囲みたいのですが、うまい方法はないでしょうか。

たとえば
str = "bbbbbbaaaabbbbb"
で、正規表現を
/a+/
とすると、
result = "bbbbbb<p>aaaa</p>bbbbb"
のようにしたいです。


149:Name_Not_Found
10/03/16 22:39:31
matchを知っているのになぜreplaceをしらないのか。

150:Name_Not_Found
10/03/17 08:18:22 FaoyXOF/
マッチは知ってるけどライターは知らないみたいな?

151:Name_Not_Found
10/03/17 12:04:45 WAm3b4JH
document.referrerでリンク元のURLを取得することができますが、
リンク元のタイトルを取得するにはどうしたらよいでしょうか?

XHRで取得できそうですが、クロスドメインの制限に引っかかりますし・・・
やはり、PHPなりPerlなりを介すしかないのでしょうか?

よろしくお願いします。

152:Name_Not_Found
10/03/17 13:23:33
>>151
無理

153:Name_Not_Found
10/03/17 13:57:38
>>151
> PHPなり ....
その通り。サーバに手伝ってもらわないと不可能。

154:151
10/03/17 14:35:41 WAm3b4JH
>>152
>>153

やはりそうでしたか・・・
おかげですっきりしました。
ありがとうございました!

155:Name_Not_Found
10/03/18 18:53:44
ここでPrototypeの質問OK?

156:Name_Not_Found
10/03/18 19:14:59 QGqTw1h3
コールバック関数から呼び出しもとの関数に値を返すことってできますか?
ないとすれば、どうするのがベターなんでしょうか?

157:Name_Not_Found
10/03/18 19:15:05
OKです だったはず

158:Name_Not_Found
10/03/18 19:16:59
>>156
addEventListener("click", function(n){
 func(n);
});

こんなんか

159:Name_Not_Found
10/03/18 19:25:51
>>156
意味がよくわからん

160:Name_Not_Found
10/03/18 19:39:58
・「コールバック関数」を呼んだ元
普通にreturnしろ

・「コールバック関数を要求した関数」を呼んだ元
同期実行ならクロージャ使え
var ary = [];
"abc".replace(/./g, function(s){ ary.push(s) });
alert(ary.join(", "));

非同期?なにそれこわい

161:Name_Not_Found
10/03/18 23:26:38 FjmMt186
ツールバーの座標を読み取るには
どうしたらいいのよ
つーかできるのか?そんなこと

162:Name_Not_Found
10/03/18 23:30:15
無理です

163:Name_Not_Found
10/03/18 23:52:22 FjmMt186



<html>
<head></head>
<title>テスト</title>

<body>
<script type="text/javascript">
<!--


function maximizewindow() {
window.moveTo(0,0);
window.resizeTo(screen.availwidth, screen.availHeight);
}

</body>

// -->
</script>
</html>

すまん助けてくれ
エラーだ

164:Name_Not_Found
10/03/19 00:00:39
>>163
「availHeight」と「availWidth」でリサイズって全画面か?
テンプレ嫁 >>2

【質問を書く上で】
1)ユーザ(閲覧者)に迷惑がかかる性悪スクリプトは回答されない。
 例: 別窓開きまくり、閉じる/戻るのを妨害、全画面占有、etcは最悪。

165:Name_Not_Found
10/03/19 00:02:29
それに加えて何がエラーなのかわからない
あと、titleってhead内に書かなくてもいいのか

166:Name_Not_Found
10/03/19 00:20:05
bodyタグとscriptタグがネストしてるし、widthのWが小文字だし

167:Name_Not_Found
10/03/19 00:25:01
ネストはしてないっしょ
しかしこりゃ酷いな

168:Name_Not_Found
10/03/19 00:30:06
関数も呼ばないと動作しないよ

169:Name_Not_Found
10/03/19 08:10:26 8yzn2SB5
先ずはHTML初心者スレに行くべきだな


170:Name_Not_Found
10/03/19 08:16:44
>>163
タグの書き方から学んだ方が早そうだね

171:Name_Not_Found
10/03/19 11:44:05
vol.76 過去ログまだ?

172:Name_Not_Found
10/03/19 15:59:00
>>171
あげてきた
てか誰でもあげられるんで気づいたら頼む

173:Name_Not_Found
10/03/19 18:17:32
>>171
今度からお前が当番な

174:Name_Not_Found
10/03/19 23:49:24
URLリンク(code.google.com)
これ使ってる方いますか?

175:Name_Not_Found
10/03/20 00:16:09
>>174

使ったことない。ってか、はじめて知った。
見た感じ、あまりメリットなさそうだな。
最適化手法はc/c++やってたからこの辺の書き方してたけど、
上司が読めねぇから普通に書いてくれって言ったの思い出した。

176:Name_Not_Found
10/03/20 00:23:01
Cと違って代入される毎に型がコロコロ変わったりブラウザ毎に解釈が微妙に変わったりする言語では不安だから使いたくないな

177:Name_Not_Found
10/03/20 01:23:22
ドットアクセスはできるだけ減らす
IE対策としてwindowとかdocumentはローカル変数化

くらいはしてる

178:Name_Not_Found
10/03/20 01:31:59
>>177
しないと何か不便になりますか?

179:Name_Not_Found
10/03/20 01:52:45
177じゃないが
・ドットアクセスは重い
・ローカル変数化しないと重い

180:Name_Not_Found
10/03/20 02:29:39
>>179
なんでローカル変数にしないと重いんですか?

181:Name_Not_Found
10/03/20 02:31:20
>>179
>重い
違いを体感できるの?

182:Name_Not_Found
10/03/20 02:34:36
玄人気取りでリソースケチったマシンなら体感しやすいんじゃないの

183:Name_Not_Found
10/03/20 03:21:43
なつかしいハックだな
IE6比で5倍速になるんだっけ

184:Name_Not_Found
10/03/20 03:51:59 bxhoFvwz
>>183
そんなには違わないかも。でも結構違うよ。

スクリプトの始めで、windowのプロパティを一通り
同名の変数に入れるだけだから、テンプレ化して普通にやってます。

あと、配列やノードリストのlengthを何度も見ない、とかとか。

185:Name_Not_Found
10/03/20 08:40:39
時代錯誤だな

186:Name_Not_Found
10/03/20 09:27:52
バッドノウハウってやつ?

187:Name_Not_Found
10/03/20 12:37:08
つまり可読性が下がるだけ?

188:Name_Not_Found
10/03/20 12:52:16
ある程度大きい規模にならないと高速化の必要はないだろうね。
しょぼいのはしょぼいなりでOK
でも、高速化は工夫のしようが色々あって面白いから試してみるといいよ。

189:Name_Not_Found
10/03/20 12:54:44
>>174の使い方kwsk

190:Name_Not_Found
10/03/20 13:25:51
独力で理解できない人は使わないほうがいい

191:Name_Not_Found
10/03/20 13:33:11
それお前もじゃん

192:Name_Not_Found
10/03/20 13:41:25
俺も

193:Name_Not_Found
10/03/20 13:47:43
そこの。おい、キミ。君もだ

194:Name_Not_Found
10/03/20 14:14:41 ZU4Tys8R
それぞれどう違いますか?
bazの定義方法の違いなんですが
それぞれの目的というか意図というか使い分け方というか

//1
var foo = {
bar: function() {
alert(this.baz);
},
baz: "hello!"
};
foo.bar();

//2
var foo = {
bar: function() {
this.baz = "hello!";
alert(this.baz);
}
};
foo.bar();

//3
var foo = {
bar: function() {
var baz = "hello!";
alert(baz);
}
};
foo.bar();

195:Name_Not_Found
10/03/20 14:54:50
>>194
まず最初に this の値には呼び出しの際に介されたオブジェクトへの参照が格納される。
また、call や apply を使えば意図的に this の値を変更できる。

foo.bar と呼び出した際には、this は foo オブジェクトを指す。(barメソッド内)
今回の例では this はすべて foo オブジェクトを指す。

1)
this が指すオブジェクトの baz プロパティを呼び出す。

2)
this が指すオブジェクトに baz プロパティを定義する。
そして、this を介して baz プロパティを呼び出す。

このとき this 値に依存することなるので必ずしも foo オブジェクトに
buz プロパティが定義されるとは限らない。

3)
ロカール変数として baz を宣言。関数の処理が終了次第、baz 変数は消滅する。

196:Name_Not_Found
10/03/20 14:57:21
だれか>>174の使い方教えてください
宜しくお願い致します

197:Name_Not_Found
10/03/20 15:07:03
>>195
どうもありがとうございます
1と2の違いは
> このとき this 値に依存することなるので必ずしも foo オブジェクトに
> buz プロパティが定義されるとは限らない。
って部分でしょうか
まだよく理解できませんが
理解でき次第
使い分けてみたいと思います

198:Name_Not_Found
10/03/20 15:15:45
google codeで面白そうなjavascriptライブラリを見つけたら紹介しますので
どなたか>>174の使い方を教えてください

URLリンク(code.google.com)

199:Name_Not_Found
10/03/20 15:16:16
>>197
説明のしかたが悪かったね。要は this 値は固定じゃないってこと。

1だって this 値が foo オブジェクトを指すとは限らない。
当然2も同じ。3はthis関係ない。

> foo.method と呼び出す限りは method 内での this 値は foo オブジェクト
> foo.method.call/apply ... となると this は変わってしまう

200:Name_Not_Found
10/03/20 15:19:12
>>197
195じゃないけど、最初にcall, applyでthis値指定できるって書いてあるよね>>195に。
例えば、
hoge={};
というオブジェクトを別途作成して、
foo.bar.apply(hoge) とか foo.bar.call(hoge)
とすることで、hogeオブジェクトにbazプロパティが定義されることになる。
これが「fooオブジェクトにbazプロパティが定義されるとは限らない」という意味。

201:200
10/03/20 15:22:22
>>197
1と2の違いを気にしてるようだけど、
1ならbazプロパティが定義されず、2は定義されるという違いがある

bazプロパティが定義されるのは、thisの指すオブジェクトであり、
それはfooオブジェクトとは限らない

202:200
10/03/20 15:23:21
訂正
1ならbazプロパティが定義されず、2は定義されるという違いがある

1なら「barメソッド呼び出し時に」bazプロパティが定義されず、2は定義されるという違いがある

203:Name_Not_Found
10/03/20 15:24:12
// 2
var func = foo.bar;
func();
alert(foo.baz); // => undefined
alert(window.baz); // => Hello

204:Name_Not_Found
10/03/20 15:26:51
//1
var foo = {
bar: function() {
alert(this.baz);
},
baz: "hello!"
};
foo.baz = "hi!"
foo.bar();

2と3はbar関数の中で文字列を定義しているから
この関数を使っている限りメッセージを変えることはできない

それと2はthisの対象となるオブジェクトを書き換える(状態を変化させる)ことから
副作用があるとか破壊的とか言われる

205:195
10/03/20 15:29:09
ゴチャゴチャしてきたけど ...

>>203
そこまで突っ込むならこの補足をいれるべき。
var func = foo.bar;
func();
alert(window.baz);// =>"Hello"

this のデフォルト値はグローバルオブジェクト。すなわち、window 。

206:200
10/03/20 15:30:03
>>203
もしかして201の反証ってこと?

this値はどのオブジェクトのプロパティとして呼び出されたかを指すから
foo.bar();
じゃなくて
var func = foo.bar();
func();
とした場合には、グローバルオブジェクトであるwindowがthis値になるね

207:205
10/03/20 15:31:30 oCP5+OLM
あ、ごめん。なしで。勘違いしてた笑

208:200
10/03/20 15:32:49
206訂正
var func = foo.bar();

var func = foo.bar;

209:194
10/03/20 15:35:52 ZU4Tys8R
>>199-208
どうもありがとうございます
なんとなくですがわかりました

>>204
1だとhi!に置き換わることを確認しました
2では同じようなことをしてもhello!のままなことを確認しました

210:初心者
10/03/20 20:23:37
下記のJAVAscriptなんですがブログにアップしても表が作成されません
Blog Write というエディタでプレビューを見ると

『このページのスクリプトでエラーが発生しました。
ライン:29 文字:1 エラー:書き込みできません コード:0 URL:about:blank』

というエラーになるのですが

alphaEDITというエディタにプログラムを書き込んでプレビューを見ると、問題なく表が作成されます。
色々調べてるんですけど、解決出来ないでいます。こういうの、わかる方がいたら教えてください。

<script src="URLリンク(blog-imgs-38.fc2.com)" type="text/javascript"></script>
<script src="URLリンク(blog-imgs-38.fc2.com)" type="text/javascript"></script>
<script>
$(function(){
$('#view1').csv2table('URLリンク(blog-imgs-38.fc2.com)');
});
</SCRIPT>
<div id="view1"></div>

ブログは3年くらい書いてますが、他のジャバスクリプトは問題なくブログにアップ出来ていますが
こういう、JAVAスクリプトのプラグインを使うのは初めてです。
今回使ってみたのは
CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」というプラグインです。

誰か助けて下さい。



211:初心者
10/03/20 20:38:35
名前欄に『初心者』って書いちゃった 。゚(゚ノω`゚)゚。

212:Name_Not_Found
10/03/20 21:11:33
window.onload
$(document.).ready

213:210
10/03/20 21:12:35
今、自分の書き込みを見て思ったんですが、
URLリンク(blog-imgs-38.fc2.com)のリンクが
『');』のところまで含まれちゃってるから、ダメなのかしら。
この 「jquery.csv2table.js」というプラグインのマニュアルによると
この部分は、ローカルフォルダのパスを記入することになってるんですけど
それでは上手くいかなかったので、知識の乏しい私は苦肉の策で、
フォルダをサーバーにアップして取得したURLを記入してみたら、
1行目と2行目までは読み込んでくれるようになったんです。


214:210
10/03/20 21:14:12
>212さん
これは、私へのレスですか?!( ;∀;)

215:Name_Not_Found
10/03/20 21:14:26
jQueryは$(func)(=jQuery(func))でDOM構築後に実行になるはず。
たぶんブログではprototypeでも使われているんじゃね。
$→jQueryでどうよ。
あとscriptで扱う要素はそれより前に書いておく癖のほうがいいかも?

216:210
10/03/20 21:18:52
>215さん
レスありがとうございます!
なんか色々調べてたときに
$→jQuery やってみたんです。それでもダメでした。。。
ありがとう!!!

217:Name_Not_Found
10/03/20 21:24:21
有料アダルトの紹介ブログやってる奴に教えるなんてお前ら暇なんだな

218:210
10/03/20 21:29:35
そう。アダルト紹介サイト。作ってみたんだけどこれじゃ情報として全然役に立たないやと思って
納得できるものを作ろうと思って色々やっていたら
いつのまにかjavascriptにハマってしまいました。
他のアダルトサイト紹介サイトの管理人さんたちって
すごい技術で、私も頑張らなきゃと思ってるんだけど、難しいです。

219:Name_Not_Found
10/03/20 21:32:43
開き直ったwwwwwww
try catchでも使ってデバッグしろよ

220:210
10/03/20 21:34:45
やっぱり、アダルト紹介サイトとかって風当たりが強いのかなぁ。
ずっと取り組んでいたからちょっと麻痺してたのかも。
すみませんでした。
もし、それでもいいよという方がいたら、教えてください。
頑張ります・・・。

221:210
10/03/20 21:37:34
>>219
開き直ったというか、事実なので~www
try catch ですね。デバッグも考えてたんですけど
やってみます。
なんか、エディタでは成功してるのが引っかかってて
スプリクトは間違ってないのかなって思ったりして。
よし、デバッグしてみる。

222:Name_Not_Found
10/03/20 22:55:19
>>210
そのままだとドメインが違うから無理。
JSONP使えばなんとかなる。後は自分で頑張れ

223:210
10/03/20 23:07:24
>>222
ありがとう。
今、ファイヤーフォックスのエラーコンソールを使ってたんですけど
なんか、『JavaScriptコンソールを利用すれば、外部ファイルを引き込めない部分でエラーを発見することが可能です』
って情報があったので、ネスケをダウンロード中です。
教えてもらったtry catchっていうのは使い方が難しくてちょっと保留してます。

JSONPっていうのも初めて聞きますが、調べて挑戦してみます。

『頑張れ』ってありがとう!2Chで頑張れって言われるのって
あんまり無いことだから嬉しい。
教えてくれた皆さん、ありがとう。((((●・ω・)ノ♡


224:Name_Not_Found
10/03/20 23:46:09
なんでネスケ。
Firefoxを使ってるならJavaScriptコンソールはエラーコンソールに統合されてる。
javascript.options.showInConsoleをtrueしろ。

225:Name_Not_Found
10/03/21 00:20:42
「後は自分で頑張れ」はもう回答しないよって意味なんだけど、ポジティブだなw
嫌いじゃないぞ

折角だからもう1つだけヒント。
FirefoxならFirebug入れとけ
あと、Chromeなら Ctrl+Shift+j でDevToolsが使える
もちろん使い方は自分で調べろよ

226:210
10/03/21 00:23:45
>>224さんへ
>>javascript.options.showInConsoleをtrueしろ。

っていうのは
↓これですか?

設定は %appname%/defaults/preferences/ ディレクトリ内の .js ファイルで行います。(拡張子が .js であれば)ファイル名は何でもかまいません。ですので、debug.js とするのが最良でしょう。

/* デバッグ用設定 */
pref("browser.dom.window.dump.enabled", true);
pref("javascript.options.showInConsole", true);
pref("javascript.options.strict", true);
pref("nglayout.debug.disable_xul_cache", true);
pref("nglayout.debug.disable_xul_fastload", true);

これにdebug.jsって名前をつけて
%appname%/defaults/preferences/debug.js保存しました。

>>なんでネスケ。
ネスケは、やめます。どうもです。
今だけでいいから、頭良くなりたい。

227:210
10/03/21 00:32:01
>>225
もう回答しないよって意味でも『頑張れ』は嬉しかったです。
だってもう3日目、寝食忘れてネット廃人のようになってたから。

しかも、ヒント~!!(喜)
>>Chromeなら Ctrl+Shift+j でDevToolsが使える
↑、これ早速やってみます。

Firebugは、昨日やってみたら、今使ってるバージョン3.6には
対応してないってことが解って、バージョン古いのにしてみようかどうか
考えてたとこなんです。

ありがとう。こんな時間に。



228:Name_Not_Found
10/03/21 00:50:30
これってdivをscriptの前に移動したら動いちゃうとかじゃないの

229:210
10/03/21 01:00:01
>>228さん
こんばんは。

<div id="view1"></div> っていうのを
色んな場所に移動してみたんですけど、ダメだったんです。
(でも、これって、>>228さんが書いてくれた事を正しく解釈してないかもしれません)

最初の2つの外部ファイルは読み込んでいるようなんですが
移動とかしたら、それも読み込まなくなるという結果でした。

あとは、3つめの外部ファイルが読み込めたらなんとかなりそうな気がして
それで今は<<223さんが教えてくれたJSONPに取り組んでるとこです。

230:210
10/03/21 01:05:14
それと、>>225さんが教えてくれたChromeのDevToolsを開いてみたら
私には、すぐに使い方が解るものではなさそうなので(英語だし)、
JSONPをやってみてダメだったら、その時に使い方を習得してやってみようと思っています。
皆さん、ありがとうございます。


231:Name_Not_Found
10/03/21 01:07:30
>>229
レベル的にも雰囲気的にもこっちに移動したほうがいいと思う
スレリンク(hp板)


232:210
10/03/21 01:11:57
>>あ、最初、その板と、どっちで質問しようか迷ったんです。。
でも、こっちで散々お騒がせしておきながら、そっちでまた質問って
ありなんでしょうか???(´・ω・`)

233:210
10/03/21 01:19:34
いや、ダメだ。
もう限界。お風呂にも入りたいし。

あっちのスレに行ってきます(`・ω・´)

皆さんゴメンナサイ( ´・ω・)
短い間でしたが色々ありがとう。

234:Name_Not_Found
10/03/21 01:21:16
そうかい
まあがんばってくれよ
ボタンのonclickとか適当なイベントにして実行して動けばタイミングの問題かもよ

235:210
10/03/21 01:34:02
レス、ありがとう。
頑張ってきます!!!
そして早くお風呂に入りたいです。

236:Name_Not_Found
10/03/21 02:07:07
とっとと入れよw

237:210
10/03/21 02:20:41
まず、ご飯食べてる。
今日は、ホントにありがとう。
(つω-`o)っ【。*゜ぉゃすみなさぃ。+゜】
私は寝れないけど。

238:Name_Not_Found
10/03/21 02:28:01
おはぎうめー

239:Name_Not_Found
10/03/21 03:19:49
> ボタンのonclickとか適当なイベントにして実行して動けばタイミングの問題かもよ
こういういい加減なレスはいらんだろ。
サブドメインが異なるのにXMLHttpRequestしたら、動くわけないのに。
# fc2でXHR Level2対応なアクセスコントロールできるなら一部ブラウザでは動くけどさ


240:Name_Not_Found
10/03/21 14:46:48 ll0As9O9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content=text/css">

<title></title>
<script type="text/javascript"><!--
function RSto(){window.resizeTo(300.500)}
//--></script>
<style type="text/css"><!--
body {background-color: #ffffff;}
--></style>
</head>
<body>
<p>
<from>
<input type="button" value="リサイズだぜ"onclick="RSto()">
</from>
</p>
</body>
</html>

ブラウザ変わらないんだけど
どこか間違ってる?

241:Name_Not_Found
10/03/21 14:50:10
とりあえずHTMLの勉強から始めようか

242:Name_Not_Found
10/03/21 14:55:24 ll0As9O9
いやー日本語からのほうがいいかもしれない
だって>>241の言ってる事がわからないから

htmlはあってると思うんだな

243:Name_Not_Found
10/03/21 15:03:04
>300.500
300, 500

300.5じゃない「300と500」

244:Name_Not_Found
10/03/21 15:05:55 ll0As9O9
確かに・・
直したけどいまだ無反応

245:Name_Not_Found
10/03/21 15:24:33
大方ブラウザ側でresizeTo制限する設定にしてるんだろ。標準でもないし動かなくても文句言うな
てかfromってなんだよ。action属性も無いし

246:Name_Not_Found
10/03/21 15:25:13
alert挟んで見ろよ
HTML無茶苦茶だし

247:Name_Not_Found
10/03/21 15:54:47
あら~

248:Name_Not_Found
10/03/21 16:02:54


249:Name_Not_Found
10/03/21 16:05:57
">>1-10,15,16-20 >>21,22,25-30"のようなレス指定を抽出したいのだけど

">>1-10,15,16-20 >>21,22,25-30".match(/>>\d+([,-]?\d*)*/g)
で合ってるかな・・?

250:Name_Not_Found
10/03/21 16:09:49
>>249
[,-]の?はいらない

251:Name_Not_Found
10/03/21 16:15:29
専ブラですぐに正規表現抽出ためせるやん。
そのままだと>>1とか単独のもマッチするけどいいの?
/>>\d+([,-]\d*)+/g
>>[数字]のあとに[カンマ or ハイフン]の場合にマッチ

252:Name_Not_Found
10/03/21 16:18:03
>>250
確かに?要らなかったね
>>251
レス全部欲しいので単独の物もマッチさせたいです

ありがとう

253:Name_Not_Found
10/03/21 16:55:34
属性や子要素やイベントリスナなどを保持したまま要素名だけを置き換えたいのですが
どうすればいいですか?
Firefoxで動かしたいです

「dom "要素名" (置き換え|書き換え)」等で検索して
URLリンク(okwave.jp)
URLリンク(oshiete1.goo.ne.jp)
といったページがヒットして
これと同じようなことをしたいのですが

254:174
10/03/21 16:59:07
誰かURLリンク(code.google.com)の使い方教えてください
マジでお願いします

255:Name_Not_Found
10/03/21 17:11:36
>>253
不可能。
新しい名前でElementを作って自分でいろいろコピーするしかない。


256:Name_Not_Found
10/03/21 17:13:09
>>254
>>190
ドキュメントに使用例あるだろ

257:174
10/03/21 17:14:38
The JSpeed engine analyzes different portions of your JS code for fragments which can be optimized, and substitutes them with faster code.

Optimization Example:

for (i=0;i<1;i++) {
j = i + 1;
f = Math.floor(i);
f = Math.floor(21.4);
}

for (i = 0, j = 0; i < 1000000; i++, j++) {
if (i == 4) {
var tmp = i / 2;
a = Math.abs(i);
}

if ((i % 2) == 0) {
var tmp = i / 2;
tmp = Math.min(i,tmp);
i++;
}
}
var arr = new Array(1000000);
for (var i = 0; i < arr.length; i++) {}

258:174
10/03/21 17:15:23
before: ~14 ms

for (var i=0;i<1;++i) {
j = i + 1;
f = i>>0;
f = 21.4>>0;
}

for (var i = 0, j = 0; i < 1000000; ++i, ++j) {
if (i == 4) {
var tmp = i >> 1;
a = i < 0 ? ~i++ : i;
}

if ((i & 1) == 0) {
var tmp = i >> 1;
tmp = i < tmp ? i : tmp;
i++;
}
}
var arr = new Array(1000000);
for (var i = 0, arr_len = arr.length; i < arr_len; ++i) {}

after: ~7 ms

259:Name_Not_Found
10/03/21 17:17:45
それしか見えないのならもう諦めろ

260:174
10/03/21 17:18:49

ドキュメントってこれですか?

261:174
10/03/21 17:19:35
>>259先生、もしご存知でしたら教えてください。お願いします。

262:253
10/03/21 17:30:30
>>255
どうもありがとうございますm(_ _)m

263:Name_Not_Found
10/03/21 17:42:39
>>254
リンクがあるのにわざわざソースを貼るな。
そもそも、一体何が分からないのかが分からない。それすら説明できないようなら諦めろ。
インタープリターが賢かったら全く役に立たないテクニックだから

264:174
10/03/21 17:46:57
ソースすいませんでした
ありがとうございます
どのように使うものなのかがわかりません


265:Name_Not_Found
10/03/21 17:51:50
>どのように使うものなのか
高速化の小手先テクニック。x86アセンブラの基本を知ってれば分かる。
但し最近のコンパイラは賢いからC言語だとどっちで書いても速度は同じだったりする。

266:Name_Not_Found
10/03/21 18:40:57
>>253
Document.renameNodeを使えるDOM3プロセッサを探せ

267:Name_Not_Found
10/03/21 18:42:06 oYRZIBb0
javascriptで面白いライブラリおしえてちょんまげ~~~~い

268:Name_Not_Found
10/03/21 18:50:49
JSNES - A JavaScript NES emulator
URLリンク(benfirshman.com)

Gordon - An open source Flash runtime written in pure JavaScript with SVG
URLリンク(paulirish.com)

269:Name_Not_Found
10/03/21 19:00:07
>>268
暖かい思いやりに感謝する。


別の質問!!
javascriptを書くときに使うエディタもおしえてぴょんぴょん~~♪

270:Name_Not_Found
10/03/21 19:03:23
死ね

271:Name_Not_Found
10/03/21 19:06:14
久々にレベル高いのがいるなw

272:Name_Not_Found
10/03/21 19:12:48
>>269
Eclipce
NetBeans

273:Name_Not_Found
10/03/21 19:13:46
>>271
269のことですかw

274:Name_Not_Found
10/03/21 19:26:19
>>272
ありがとうございます。

275:Name_Not_Found
10/03/21 19:26:41
今日のスレは面白いなww

276:Name_Not_Found
10/03/21 20:52:30
canvasでエミュレーターか
いろいろできるようになってくるんだなぁ

277: ◆6j1/CrbOks
10/03/21 22:35:39
test

278:Name_Not_Found
10/03/22 01:03:29
formを非同期でページ内の<div id="myForm"></div>内に生成しています。
formのinputエリアのIDを指定して値の受け渡しをしていますが、
一度フォームエリアを$("myForm").remove();をして再生成すると
form内のtextareaの入力用idが重複してしまい値を受け取らなくなります。
ソース見る限りinputエリアのidは唯一のはずなのですが
原因を何とぞご教授よろしくお願いいたします。

279:Name_Not_Found
10/03/22 01:16:16
生成したけどremoveされなかったってことでしょ
どう見ても生成のやり方に依ると思うんだけど

280:Name_Not_Found
10/03/22 01:31:32
いじってて気付いた
textarea = document.createElement("textarea");
textarea.setAttribute("type","text"); // textarea にtype属性は無い
document.getElementsByTagName("body")[0].appendChild(textarea);

これIE7以下だとエラーになるけどバグかな?

281:Name_Not_Found
10/03/22 03:01:14
IE6 で for in で調べると type プロパティには textarea という値が入ってるから
readonly のプロパティとして実装されてるんじゃないかしら。

282:Name_Not_Found
10/03/22 11:52:55 cbvQbnLM
エスパーさん、お願いします。
下記のコードが正常に動くようにするにはblockEnter()に何を入れると良いでしょうか?

<p><textarea cols="40" rows="10" onkeydown="blockEnter();"></textarea></p>
<script type="text/javascript">
function blockEnter() {
if (event.keyCode == 13) return false;
}
</script>

283:Name_Not_Found
10/03/22 12:00:45
テンプレ >>2 より
6)どういう時にどういう動作をさせたいのかを脳内にとどめずきちんと書く。

284:Name_Not_Found
10/03/22 12:06:48 ycbbAk62
emac scriptの最新版っていつ普及するか教えてくほちーの


285:ペ・ヨンジュン ◆3cMgdlp8VY
10/03/22 12:18:01
>240
<input type="button" value="リサイズだぜ"onclick="RSto()">

<input type="button" value="リサイズだぜ" onclick="RSto()">

<input type="button" value="リサイズだぜ" onclick="try{RSto()}catch(err){if(confirm(err+'\n\n[エラーを翻訳する]')){window.open('URLリンク(translate.google.co.jp)'+err+'&sl=en&tl=ja')}}">

286:Name_Not_Found
10/03/22 12:42:14 /WDNaoOm
子要素があるかないかはhasChildNodes()で
属性があるかないかはhasAttributes()で
特定の属性があるかないかはhasAttribute(name)ですが、
addEventListenerメソッドがあるかないかを判断するにはどうすればいいですか?

287:Name_Not_Found
10/03/22 12:45:55 gbCtXRNy
>>286
意地悪なことをいうと
(element.addEventListener)

288:286
10/03/22 12:51:14
すみませんイベントタイプも調べたいです

289:Name_Not_Found
10/03/22 14:38:22
>>285
属性値の&はエスケープしとけ、な

290:Name_Not_Found
10/03/22 14:46:51
>>286
DocumentEvent#canDispatch

291:278
10/03/22 15:44:56
自己解決です。

$("id") としなければならない所が
$(id) になっていました。

消えないわけでした。
あほだ俺orz

292:Name_Not_Found
10/03/22 16:25:38
>>291氏と似たうっかりで、jqueryなんだけど
$("#id_name")にするところで、たまに#を抜かすことはあるw
納期が迫ってあわててる時なんかは、その頻度が上がる上がる

293:210
10/03/22 17:11:03
210です。
>>210>>239界隈で相談にのってくれた皆様。

今、解決出来ました~!!!

皆さん、本当にありがとうございまいsた。
どの方のアドバイスもすごい参考になりましたが
その中で、解決の決め手になったのは

>>222
そのままだとドメインが違うから無理。
JSONP使えばなんとかなる。後は自分で頑張れ
という、アドバイスでした。

JSONPのマニュアルを必死に読んでいたときに
これと同じことを指摘してくれた方がいて、その具体的方法を
アドバイスしてくれて、そしたら(とりあえず)JSONPを取り入れなくても
希望が叶うことになったのです。

生成された表を直接ブログに載せるのは無理だということが判り
スクリプトをHTMLにアップしてそっちにリンクを貼って
ユーザーに見てもらうという方法に落ち着きました。

皆さん。本当にありがとうございました。
(* ̄◎ ̄*)ぶっっちゅうううん♪

294:210
10/03/22 17:12:10

あ、興奮のあまり、割り込んじゃってすみませんでした。
もうとっくに話題は変わってるというのに。

295:Name_Not_Found
10/03/22 17:24:39
世間は広いな・・・・。

296:Name_Not_Found
10/03/22 19:44:21
救急車呼びたくなった

297:Name_Not_Found
10/03/23 01:34:12
メールボックスに来たら泣くレベル

298:Name_Not_Found
10/03/23 11:49:57
<!--
0から9まで10個のappendChildしたdivを表示するにはどうすればいいですか?
順に上書きされているのか最後の数字しか表示されません。
初歩的なことだと思いますがつまずいてしまいました。
-->
<html>
<head>
<script>
function test() {
var div = document.createElement("DIV");
for (var i = 0; i < 10; i++) {
div.textContent = i;
document.body.appendChild(div);
}
};
</script>
</head>
<body onload="test();">
</body>
</html>

299:Name_Not_Found
10/03/23 12:07:40
forの中にvar divもつっこめ

300:Name_Not_Found
10/03/23 12:08:20
>>298
div1個しか作ってないよ

301:Name_Not_Found
10/03/23 12:09:47
<script>
function test() {
for (var i = 0; i < 10; i++) {
var div = document.createElement("DIV");
div.textContent = i;
document.body.appendChild(div);
}
};
</script>


var div = document.createElement("DIV");の位置が悪い
改変前のほうだと
div作る→そのdivに0を入れる→次のループでさっきのdivに1を入れなおす(上書き)→……
ってなるからループ毎に要素をつくらないとだめ
ついでに言うとIEで動かない

302:Name_Not_Found
10/03/23 12:10:43
>>299-300
できました
どうもありがとうございます

303:Name_Not_Found
10/03/23 12:11:58
>>298
divを1個生成する
divの中身を「1」にする
divをbody末尾に足す
さっきのdivの中身を「2」にする
さっきのdivを(すでにある場所から取り除いて)body末尾に足す(=位置は変わらない)
さっきのdivの中身を「3」に(ry

皿一枚でおかず十品出そうとすんなよ

304:Name_Not_Found
10/03/23 12:12:39
おそかた/(^o^)\

305:Name_Not_Found
10/03/23 12:15:23
>>301,303
どうもありがとうございます
>>303
> 皿一枚でおかず十品出そうとすんなよ
自分が何をやっていたのか想像できました

306:Name_Not_Found
10/03/23 12:19:21
お前ら優しいなwww
> 皿一枚
うまいなw

307:Name_Not_Found
10/03/23 14:30:58
お~い山田君。皿三枚持ってきてー。

308:Name_Not_Found
10/03/24 00:19:25
オブジェクトは全て参照になる事を忘れないように

309:Name_Not_Found
10/03/24 01:20:40
クロスドメインって相手のサーバーにjsファイルないと無理?

310:Name_Not_Found
10/03/24 01:30:59
jsファイル自体にクロスドメイン制限はない
jsファイルがどこにあろうと、XHR先はアドレスバーに出ているドメインと同じ必要がある

311:Name_Not_Found
10/03/24 01:54:39
なるほど わからん

312:Name_Not_Found
10/03/24 16:37:53
var totalRaceTime
var numbOfRunners

totalRaceTime = 0
totalRaceTime = parseFloat(totalRaceTime)
numbOfRunners = 0
numbOfRunners = parseFloat(numbOfRunners)

raceTime = prompt("Please enter the race time in minutes.","000.00");
raceTime = parseFloat(raceTime);
raceTime = raceTime.toFixed(2);

while (raceTime != 999)
{
numbOfRunners = numbOfRunners + 1
totalRaceTime = totalRaceTime + raceTime

raceTime = prompt("Please enter the race time in minutes.","000.00");
raceTime = parseFloat(raceTime);
raceTime = raceTime.toFixed(2);

}

document.write("numbOfRunners = " + numbOfRunners + "<br>")
document.write("totalRaceTime = " + totalRaceTime)

ちょっと長いですが。ランナーのタイムを打ち込んでいって、
ランナーの数とタイムの合計を表示するシンプルなコードを書きたいのですが、
どうもtotalRaceTimeがraceTimeの合計ではなくて文字列をくっつけただけな結果になってしまいます。
ParseFloatを通したはずなんですが、何故でしょうか?

313:Name_Not_Found
10/03/24 16:41:53
toFixed()を読んだら文字列になる。それで「+」使ったら連結になる。
toFixed()はdocument.write()するときに1回だけ呼ぶべきでは。

314:312
10/03/24 17:04:08
toFixed()が関数を文字列にかえることは知りませんでした。ありがとうございます!
おかげさまでうまくいきました。

315:Name_Not_Found
10/03/24 18:14:44
頼むからセミコロンつけてくれ

316:Name_Not_Found
10/03/24 19:33:20
はい;

317:Name_Not_Found
10/03/24 19:49:59
^^;

318:Name_Not_Found
10/03/24 20:54:39
行末にセミコロンを付ける言語を書いた後だと、
必要のない言語でもつい付けちゃうんだよな。
アセンブラ等ならコメント開始だから実害ないけど。

319:Name_Not_Found
10/03/25 00:32:13
セミコロン補完計画

320:Name_Not_Found
10/03/25 01:11:29
>>318
2行目まででRubyが思い浮かんだのだけど、
まさかアセンブラが出てくるとは思わなかったw

321:Name_Not_Found
10/03/25 11:03:22 JqAoxhMQ
学生の時(十数年前)にTIのDSP用に書いたきりだわ、アセンブラ。
もう全然思い出せない…

322:Name_Not_Found
10/03/25 11:07:54
JavaScriptのライブラリをまとめたまとめサイトを教えてくださーい(^o^)ほほ~い

323:Name_Not_Found
10/03/25 11:16:07 OTuVuC1P
Object内でthisの参照先を他のObjectに変更したいのですがどうしたらよいでしょうか?

324:Name_Not_Found
10/03/25 12:10:09 JqAoxhMQ
>>323
どうしてもthisで他のオブジェクトを参照しなければならない
ケースがよくわからないのだけど、callかapplyで解決する話かな?

325:Name_Not_Found
10/03/25 12:13:51 U93J9e82
PHPで以下のようなクラスをJavaScriptではどのように実装したらよろしいでしょうか?

class Aisatu
{
function hello() {return "こんにちは";}
function konbanwa() {return "こんばんは";}
}

326:Name_Not_Found
10/03/25 12:37:56
クラスという概念がないと前置きした上で

Aisatu = new Function();
Aisatu.prototype.hello = function () { return "こんにちは"; };
Aisatu.prototype.konbanwa = function () { return "こんばんは"; };

var obj = new Aisatu();
alert(obj.hello());

327:Name_Not_Found
10/03/25 13:07:59
>>326様ありがとうございます
勉強になります
手本にして書いてみます
ありがとうございます

328:Name_Not_Found
10/03/25 13:54:49
最近自分もPHPからJavaScript初めて色々試してたのでPHP使いならこれが分かりやすいかも。

<script>
var ClassName = function() {
 //construct here
 this.setProperty("こんにちは");
};

ClassName.prototype = {

 property: null,

 setProperty: function(value) {
  this.property = value;
 },

 getProperty: function() {
  return this.property;
 }

};

var obj = new ClassName();
alert(obj.getProperty());
obj.setProperty("こんばんは");
alert(obj.getProperty());
</script>

ClassName.prototypeの中身の実体は連想配列なので、区切りにカンマを忘れずに。
最後のはいらないけど。
a:bならプロパティになって、a:function()だとメソッドになる感じかな。
あとnullは大文字だとだめみたい。

329:Name_Not_Found
10/03/25 13:57:39
>>326
Fが大文字のFunctionって何でしょうか?
ググれなくてわかりません。

330:Name_Not_Found
10/03/25 14:10:33
>>328のコードで追記しとけば、
アクセス修飾子がないので(全部publicなので)、
直接propertyいじれちゃったりする。
あくまでもPHP風に書くためということであってカプセル化という意味合いは全くないので注意。

331:Name_Not_Found
10/03/25 17:11:33
new Function();

function(){};
と同じ。結局。

332:Name_Not_Found
10/03/25 19:24:51
326と328のコードは書き方違うけど中身は同じ?

333:Name_Not_Found
10/03/25 20:11:46
別物

334:Name_Not_Found
10/03/25 22:58:18
javascriptでサーバーとソケット通信することは可能ですか?

335:Name_Not_Found
10/03/25 23:05:29
たしかソケットはHTML5から使えるようになる予定だった気がする

336:Name_Not_Found
10/03/25 23:08:22
無理だけどできるようにするライブラリがあったと思う
けどそれを入れてないと使えないので
自分が使う分ならいいけど他の人に使わせる場合は入れてもらないとだめ
名前は忘れたけどぐぐれば出てくると思う
まぁその部分だけFlashでやればいいんでない

337:Name_Not_Found
10/03/25 23:18:34
ありがとうございます。
サーバー側はpythonで書いたんですが、クライアント側はやはりflashの方がいいのでしょうか?


338:Name_Not_Found
10/03/26 01:58:07
今日作ってて驚いたんだが
気まぐれで配列にオブジェクトリテラルで数値指定で格納して、
ShiftとかPOP系を使おうとするとエラーになってしまうんだな
アレだと全て文字列(連想)として扱われてしまうのか。
某所でjsは皆ハッシュテーブルと聞いてたから妙な勘違いをしてた
もう!

339:Name_Not_Found
10/03/26 02:09:09
当たり前だろ

340:Name_Not_Found
10/03/26 02:38:05
晩飯はなんでも食い物だけど
食い物がなんでも晩飯にはなんねーよ
チョコ好きだけどそれが晩飯だと言われたら俺は泣くぞ

341:Name_Not_Found
10/03/26 05:25:27
夕食はア・タ・シ(ウフ

342:Name_Not_Found
10/03/26 06:02:06
いつのまに $ とかでてきたんだ
とほほのjs入門には $ とかないのに

343:Name_Not_Found
10/03/26 06:09:36
言語仕様レベルで最初から$がある件

344:Name_Not_Found
10/03/26 06:29:17
はじめからあったのかorz

ajaxのソースで $ 見たとき
jsじゃねーしww
って びっくりしたわ

345:Name_Not_Found
10/03/26 08:27:19
$ = function(e){return document.getElementById(e);};
なんてよく書くだろ

346:Name_Not_Found
10/03/26 09:31:03
$a = 1;
って書き方で変数を宣言できるってこと?

347:Name_Not_Found
10/03/26 10:23:40
変数名には普通『!"#%&'()*+,-./:;<=>?@[\]^`{|}~』と空白以外はどんな記号だろうが使える


348:Name_Not_Found
10/03/26 10:26:30
あ = 1;
t$2 = 2;

うそおおおおおおお

349:Name_Not_Found
10/03/26 11:50:26
独り言ならツイッターでやれ

350:Name_Not_Found
10/03/26 12:22:58
使えるから使うってわけでもないし

351:Name_Not_Found
10/03/26 12:25:05
jQueryの事言ってるんじゃねえの?

352:Name_Not_Found
10/03/26 12:27:46
さすがにこれはエラーになるでしょ

変数 = "こんにちは";
alert(変数);

353:Name_Not_Found
10/03/26 12:53:14
やってみればいいさ

354:Name_Not_Found
10/03/26 12:56:26
javascript:(function(){変数="こんにちは";alert(変数);})();
!?
こいつあいさつしてきたぞ!!

355:Name_Not_Found
10/03/26 12:57:17
うっぜえ

356:Name_Not_Found
10/03/26 13:02:16
全角使えるとかマジできめえ

357:Name_Not_Found
10/03/26 14:01:27
その話題はもう飽きた

358:Name_Not_Found
10/03/26 14:48:12 MJVNVjvJ
Lightboxのように画像を表示したときに出てくる薄透明のあれってどうやるのでしょうか?

359:Name_Not_Found
10/03/26 14:54:54 9GVpw/0P
>>358
style

360:Name_Not_Found
10/03/26 14:59:12
>>358
こんなのもできないのかよ・・・


<div id="box">
サンプル
</div>


document.getElementsById("box").style("background:#000000;filter:50%");


361:Name_Not_Found
10/03/26 15:19:30
filterって先行実装?

362:Name_Not_Found
10/03/26 15:28:56
filiterってなんだ?
透過ならopacityだが

363:Name_Not_Found
10/03/26 15:38:07
IEの糞仕様

364:Name_Not_Found
10/03/26 15:49:44
opacityの先行実装がfilterかね

365:Name_Not_Found
10/03/26 16:54:03
先行実装の意味わかってるか?

366:Name_Not_Found
10/03/26 17:02:38
勝手実装

367:Name_Not_Found
10/03/26 17:21:06 PhlB3Y2c
すみません。$get()という関数がサンプルに出て来たのですが、
わたしはasp.net主体なのでよくわかりません。
これは標準の関数でしょうか?
機能はgetElementById().valueと同じように使われていたのですが
解説が見つからず困っております。なにとぞ教えてください。

368:Name_Not_Found
10/03/26 17:30:58
そのサンプルでの定義とか、使っているライブラリの中で定義されてるんだろ。
javascript:alert(typeof $get);これでそれが定義されているのかわかるから
後は自分で調べれ。

369:888
10/03/26 18:26:27
Googleの検索でYahoo Japanって検索した時にヤフーのメインページの
リンク以外にも、メール・ニュース・オークションとあるんですがあれは
どうすれば一般のウェブサイトにつけれますか?ご存知の方宜しくお願いします。

370:Name_Not_Found
10/03/26 18:28:50
すれち

371:Name_Not_Found
10/03/26 19:04:32
透過なら、3つまとめてやってるよ。
obj.style.filter="alpha(opacity=xx)";と
obj.style.MozOpacity=xx;と
obj.style.opacity=xx;の3つで。
2つめは念のために入れてたり。

372:Name_Not_Found
10/03/26 19:14:13 DqqHxmkE
JavaScriptを書くのに使える色分け表示できるエディタって何がいいですか?

373:Name_Not_Found
10/03/26 19:29:04
エディタならなんでもいいんじゃね
IDEならaptana

374:Name_Not_Found
10/03/26 19:43:21
エディタ名とJavaScriptで画像検索

375:Name_Not_Found
10/03/26 21:47:09 K6QF+Cfr
>>368
ありがとうございます

376:Name_Not_Found
10/03/27 00:25:48
jQueryのAutocomplete Modを使いたいのですが
以下のようにinputが複数あり(実際にはもっと多数存在)、それらをクリックしたときに
jQuery Autocomplete Mod プラグインでオートコンプリートを実行したいのですが
id_nameは取得出来ていますがAutocomplete Modは全く動いてくれません・・・
jsファイルのauto_search(obj)をどのように修正すれば動くようになりますでしょうか。
ちなみに、onclickのイベントしたいのは、autocompleteArrayを条件により変更したいためになります。
たとえば・・・Local1は州、Local2はLocal1で選択した州に存在する町のような形です。

html側(jquery.autocomplete.js、jquery-1.4.2.min.jsは読み込み済み)
<body onload="init()">
<table id="tbl">
<tr><td><input type="text" id="Local1" value=""></td></tr>
<tr><td><input type="text" id="Local2" value=""></td></tr>
</table>

377:Name_Not_Found
10/03/27 00:27:12
開業が多すぎると言われてしまったのでhtmlに対するjsファイルはいかになります。

function init(){
var e=document.getElementById('tbl').getElementsByTagName('input');
for (var i=0; i<e.length; i++){e[i].onclick=function(){auto_search(this)};}
}

function auto_search(obj){

var id_name = obj.getAttribute("id");
//
alert(id_name);//念のためalertでidが取得出来ているかチェック

var data_arr = new Array();
if(id_name=="Local1"){
data = ["Aberdeen", "Ada", "Adamsville", "Addyston","Adelphi", Adena","Adrian", "Akron"];
}else{//実際はDBへアクセスしLocal1のvalue値からarrayを作成予定
data = ["aaa","bbb","ccc"];
}
$(document).ready( function() {

$('#'id_name).autocompleteArray(data_arr);


});

}

378:Name_Not_Found
10/03/27 00:36:02
>>371
未だに火狐1.5未満を使ってる人が果たしているのかw

379:Name_Not_Found
10/03/27 00:49:18
>>377
最後の行を

$('#' + id_name).autocompleteArray(data_arr);

にすればいんじゃね?
レス読んでないけど。

380:Name_Not_Found
10/03/27 01:04:11
<div class="hoge"><p>で囲まれているspanタグのテキスト部分だけを取り出したいのですが、
-----------------
  var str = "";
  var spanTag = document.getElementsByTagName("span");
  for(var i=0; i<spanTag.length; i++){
    if(spanTag[i].parentNode.nodeName == "P" && spanTag[i].parentNode.parentNode.nodeName == "DIV" && spanTag[i].parentNode.parentNode.className == "hoge"){
      str += spanTag[i].innerText + "\n";
    }
  }
  alert(str);
-----------------
↑if文の条件をもっとすっきり書くことできますでしょうか?
 jQueryを使うのは無しでお願いします。

■テストケース■
<div class="hoge"><p><span>OK1</span></p></div>
<div class="hoge"><p><span>OK2</span></p></div>
<div class="geho"><p><span>NG</span></p></div>
<div class="hoge"><span>NG</span></div>
<div><p><span>NG</span></p></div>
<p><span>NG</span></p>

■出力結果■
OK1
OK2

381:377
10/03/27 01:15:08
jsファイルに一部記載誤り有り

var data_arr = new Array();
if(id_name=="Local1"){
data_arr = ["Aberdeen", "Ada", "Adamsville", "Addyston","Adelphi", Adena","Adrian", "Akron"];
}else{//実際はDBへアクセスしLocal1のvalue値からarrayを作成予定
data_arr = ["aaa","bbb","ccc"];
}

dataをdata_arrにしましたが動かず・・・

>379
情報ありがとうございます。
しかし、一瞬動いた!と思ったけど、IEだとオブジェクトを指定しろとのエラーがFirefoxのFirebugには
jsファイル自体が表示されない状況に陥ってしまいました・・・
もう少し、初めのjsファイル見直してみます

382:Name_Not_Found
10/03/27 01:17:17
jQueryなら$()で帰ってくるのは配列じゃなかったかな

383:Name_Not_Found
10/03/27 01:49:47
jQueryオブジェクトだっけ。
$('#test')[0]でprototypeの$と同じ

384:Name_Not_Found
10/03/27 01:52:49
ここはjQueryもokですか?

385:Name_Not_Found
10/03/27 01:54:38
それ用の専用スレでも別に立てろよ

386:Name_Not_Found
10/03/27 02:11:17
【誰か】jQueryのここがわからない【助けて】
スレリンク(tech板)l50


387:Name_Not_Found
10/03/27 02:12:45
>>380
慣れてないから、もっといい書き方あるかもしれない

var str = "";
var it = document.evaluate('//div[@class="hoge"]/p/span/text()', document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
var text = it.iterateNext();
while (text) {
str += text.textContent + "\n";
text = it.iterateNext();
}
alert(str);

388:377
10/03/27 02:36:11
とりあえず、data_arrの条件分岐をやめ
function auto_search(obj){
var id_name = obj.getAttribute("id");
//alert(id_name);

var data_arr = new Array("Aberdeen","Ada","Adamsville","Addyston","Adelphi","Adena","Adrian","Akron");
//alert(data_arr);

$(document).ready( function() {
$('#'+id_name).autocompleteArray(data_arr);
});
}
にして試してみましたが、IEではどちらかのalertを有効にすれば動きました。
Firefox、Operaではalertを有効にしても当たり前の事ながら動きません。
なぜIEのみalertが有効なら動くのかも分からず困りました。

それよりも
>385-386
一応Javascriptに関する事なのでOKかと思いましたがスレチだったでしょうか?
これ以上の質問はすれ違いなようでしたら>386ご紹介のスレに移動したいと思います。

389:Name_Not_Found
10/03/27 02:45:52
スレ見たけどひどいな

390:Name_Not_Found
10/03/27 02:57:50
とりあえず一応紹介したけど別にスレ違いでもないんじゃね

391:377
10/03/27 03:27:15
>390
心強い言葉ありがとうございます。


さて肝心のものは、あれから悩み続けても進展無く、眠くて朦朧としてきただけのようです。
どなたか、解決への糸口のご教示、よろしくお願いいたします。

392:Name_Not_Found
10/03/27 07:23:56
>>391
jQuery使ったことの無い俺がなおしてやったよ。
body onloadはjQueryに変えた。気分で。
$(id_name).autocompleteArrayの部分は説明サイトからコピペ
Chromeでも動いたけど、挙動が不安定で安心できないな。
function auto_search(obj) {
var id_name = obj.getAttribute("id");
var data_arr = ["Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena ", "Adrian ", "Akron "];
function findValue(li) {
if (li == null) return alert("該当する項目はありません");
if ( !! li.extra) var sValue = li.extra[0];
}
function selectItem(li) {findValue(li); }
function formatItem(row) {return row[0] + " (id: " + row[1] + ")"; }
function lookupLocal() {
var oSuggest = $('#' + id_name)[0].autocompleter;
oSuggest.findValue();
return false;
}
$(document).ready(function () {
$('#' + id_name).autocompleteArray(data_arr, { delay: 10, minChars: 1, matchSubset: 1, onItemSelect: selectItem, onFindValue: findValue,
autoFill: true, maxItemsToShow: 10
});
});
}
$(document).ready(function () {
var e = document.getElementById('tbl').getElementsByTagName('input');
for (var i = 0; i < e.length; i++) {
e[i].onclick = function () { auto_search(this); };
}
});

393:Name_Not_Found
10/03/27 08:43:57
>>380
SelectorsAPI+Array.forEachを使う方法

var str="";
Array.prototype.slice.call( document.querySelectorAll("div.hoge > p > span") ).forEach(function(e){
 str += e.innerText + "\n";
});
alert(str);

394:Name_Not_Found
10/03/27 09:47:05 /3VibsAd
亀だけどクラスの書き方でこういうのはダメですか?

test.Sample.prototype = {
func1: function(){
return "こんにちは";
},
func2: function(){
return "こんばんは";
}
}

var Sample = test.Sample;
var s = new Sample();
s.func2();


395:377
10/03/27 10:08:54
>392
ありがとうございます!!!
早速、jsファイルにそのままコピペしてローカルで試してみました。

alertを出せば即動くのに、alertを消すと読み込みに時間が掛かるのか
画面が表示しきってから1分程度放置すると動くようになりました。
 もしや夜中の状態も、放置時間が短かったのか?
挙動不安定とのコメントがありますが、なんか私の環境の問題もあるみたいです。

onloadの件、確かにjQueryに書き換えられますね。
大変勉強になりました。
お忙しいところ糸口所か直していただき本当にありがとうございました。

396:Name_Not_Found
10/03/27 10:45:09
>>376
ほい

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var val = '', idx, arr1 = ['Tokyo', 'Kanagawa'],
arr2 = [['Adachi', 'Arakawa', 'Chiyoda', 'Edogawa', 'Katsushika', 'Shibuya'], ['Kawasaki', 'Yokohama']];
$('#local1').autocompleteArray(arr1).bind('keyup keydown blur update', function() {
if (val == (val = $(this).val())) return;
if ((idx = $.inArray(val, arr1)) != -1) $('#local2').autocompleteArray(arr2[idx]);
});
});
</script>
</head>
<body><input type="text" id="local1" /><input type="text" id="local2" /></body>
</html>

397:Name_Not_Found
10/03/27 12:11:26
>>394
testのプロパティにする意味が不明
そもそもtestが不明
書き方を問うならせめて動くコードにしてくれよ

398:Name_Not_Found
10/03/27 12:23:32
>>397さんどもっす
コードは↓のを丸写しに近いのですがだめですかね?
URLリンク(www.kuma-de.com)

399:Name_Not_Found
10/03/27 12:36:35
それ機能説明用の抜粋だし

ついでに、なんのライブラリも読ませていない素のjavascriptで
なんの前置きもなく「クラス」という言葉を使った記事はマユツバ

400:Name_Not_Found
10/03/27 14:39:21
今はもう javascript でも「クラス」といえば一つのものが
代表されるんだから前置きも必要ないんじゃないかな。

それが厳密にクラスかどうかということは問題じゃなくてね。

401:Name_Not_Found
10/03/27 14:56:51
>>328のまんまじゃん

402:Name_Not_Found
10/03/27 16:34:23
>>400
お前みたいに前置きも必要のないレベルの相手ならそうなんだがなぁ

403:377
10/03/27 17:47:04
>396
ありがとうございます。
私に環境でも、今までの事が嘘みたいに素早く動くようになりました。
local2の方はちょと気まぐれっぽいようですが・・・

Javascriptも初心者なのに、jQueryに手を出し始めた私には
bind('keyup keydown blur update'初め、いろいろな部分今後の参考にもなります。

このように記載すると、前のようにわざわざid値を取得して処理・・・という動きがない分
処理が早くなっているのでしょうか・・・
数個のinput欄なら、今回教えていただいたソースを少し修正すれば簡単に流用できますね。

実は、各対になっている数十個にもおよぶinput欄があるので、やはりid値は取得しないといけないかな
と思っています。
jQueryでid値の取得も簡単にできることも分かりましたので(↓)
$("#tbl input").live("click", function(){
var str = $(this).attr("id");
// alert(str);
});
inputのid値の命名を見直し改修してみたいと思います。
本当にありがとうございました。

404:Name_Not_Found
10/03/27 19:13:54
現在のWebページのタイトルを所得して表示させたいのですが、以下の記述では駄目でした。
所得するTitleが違うのでしょうか

var str = document.title;
alert(str);

405:Name_Not_Found
10/03/27 19:28:49
var str = document.getElementsByTagName("title")[0].innerHTML;
alert(str);

406:Name_Not_Found
10/03/27 19:30:00
基本的なことだからググったりしてちゃんと意味も理解しとけよ

407:Name_Not_Found
10/03/27 19:31:01
どうやって呼び出そうとしたの?
たとえば

function func1(){
var str = document.title;
alert(str);
}

<input type="button" onclick="func1()" value="titleを表示するよ">
でボタンをクリックしたら表示したけど・・・
もしやtitleをHTML側に記載していないとか・・・

408:Name_Not_Found
10/03/27 19:56:58
普通に>>404でできたけどな。titleタグ前に入れたとか。scriptタグ書いてないとか。

409:404
10/03/27 20:36:38
すみません、htmlに記載ではなくWSHからのJavascritでした。
IE上のページで画像を右クリックして現在のWebページのタイトルを所得です。
画像のURLは所得できたんですけど、htmlのタイトルは対象が違うから所得できないんですかね?
現在閲覧中のタイトルを所得みたいな関数があると思ってました。

410:Name_Not_Found
10/03/27 21:14:57
課税するぞ

411:Name_Not_Found
10/03/27 21:23:43
しょ、しょ…取得

412:Name_Not_Found
10/03/27 21:41:26
WSHからってIEオブジェクト作ってそのオブジェクト経由でってことか

413:Name_Not_Found
10/03/27 21:51:16
WSHスレで申告しろよ

414:Name_Not_Found
10/03/27 21:54:23
スクリプトデバッガ使えばすぐわかるんじゃね

415:Name_Not_Found
10/03/28 03:42:41 0NtTmybY
>>413
うまいなあ

416:Name_Not_Found
10/03/28 11:07:45
Function("a",'for(var C=new Object(),c,i=0,j,k,l,m,p,s=" ",
w;i<63;i++)C["0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz_".charAt(i)]=i;while(i-=7)s+=s;while((c=
C[a.charAt(i++)])<63)if(c<32)s+=String.fromCharCode(m?l*32+c:(l*32+c)*62+C[a.charAt(i++)]);else if(c<49)
{l=(c<36)?c-32:(c<44)?c+348:c+1996;m=1}else if(c<50){l=C[a.charAt(i++)];m=0}else{if(p=(w=s.slice(-819)).substring(k=(c-50)*63+C[a.charAt(i++)],j=k+C[a.charAt(i++)]+2))while(w.length<j)w+=p;s+=w.substring(k,j)}document.write(s.slice(1024))')
("XSZJ3I9GKX0ZKPG5XT2ZK5OKXFZA1M1_f4X2UWAAZN9E4FNXEZFECF14X0T0Z6LE3K9FEX89ZRWA_N0ZIX0Z3_h1XLR0_p3Z96D_n14F3LD5EKXEZ75KY5ZC5_q2Y2ZPY9Z4X87Z1XGGH79R_K3ZI_M1YDZ1K8XEZ6zc0FIX8_p4ZI1zI1DX890Azd1_M5ZLICJ_J1E5NX0Y1ZI_U0PX8_d1_h2YRXGYT_
e1X7Z8KKGXQFFZEM9KXEZN52XEZ63XIEZ3zw0XFy71xm0EZ8KDCX7_F5H_FAZ1D12_FTXI_FAZFJ1F_FTXJ_FAwL0ZA99EC9E56I1D5_4TXK_4AZJ5FB1QL_COvK1XEZJIv22_23IYT_i0ZTuH0XS_60u53U")</script><script type="text/javascript">

このあとにwindow.onload = function()と続くのですが↑はどんな処理でしょうか?

417:Name_Not_Found
10/03/28 11:29:31
ただの難読化
アフィ用のリンク埋め込みかな?urlの配列作ってるけど、そのURLが403エラーになるかわからん

418:Name_Not_Found
10/03/28 11:43:54
サンクス、納得した。

このあとに
window.onload = function(){
var c = 5;
var ifm = document.getElementById('a001');
var r = Math.floor( Math.random() * c );
var urls = new Array();
urls[0] = 'URLリンク(***)<)';
urls[2] = 'URLリンク(***)<)';
urls[4] = 'URLリンク(***)';
ifm.src = urls[r];
}

とあったが文字数オーバーで書けなかった。

419:Name_Not_Found
10/03/28 13:26:25 TH5tcATO
DOMについて、w3cとMDCのどちらで学べばよろしいでしょうか?

420:Name_Not_Found
10/03/28 13:31:45
両方

421:Name_Not_Found
10/03/28 13:50:43
W3C != w3c

422:Name_Not_Found
10/03/28 13:58:47 TH5tcATO
ありがとうございます
今からやるならDOM1とDOM2どちらを覚えたらいいでしょうか?

423:Name_Not_Found
10/03/28 14:30:25
両方
狭めないで何でもやってみろよ

424:Name_Not_Found
10/03/28 14:34:36
分けることに何か意味でもあるの

425:Name_Not_Found
10/03/28 15:40:52 2s2/Le6E
URLリンク(www.openspc2.org)
これのとおりにやっても
boxが出てこないのはなーんでか?

426:Name_Not_Found
10/03/28 15:46:56
CSSが読めてないとかエスパー

427:Name_Not_Found
10/03/28 16:15:41 2s2/Le6E
できた。
426さんありがとうございます

428:Name_Not_Found
10/03/28 16:19:11 2s2/Le6E
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>bytefx : サイズを指定する</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
function resizeBox(objW, objH)
{
bytefx.size(document.getElementById("box"), {w:objW, h:objH}, 10);
}
// --></script>
</head>
<body>
<h1>bytefx : サイズを指定する</h1>
<form>
<input type="button" value="(200,150)にリサイズ" onClick="resizeBox(200, 150)">
<input type="button" value="(100,300)にリサイズ" onClick="resizeBox(100, 300)">
</form>
<div id="box">bytefx : を使ったリサイズサンプル</div>
</body>
</html>

引数が無効です。エラーはなんで?ほかはできたのに・・

429:Name_Not_Found
10/03/28 16:19:36 TSEy9qGr
最新ビジネスソフト入荷!
激安販売中

URLリンク(surp.t35.com)

430:Name_Not_Found
10/03/28 16:30:40
2chでの宣伝はそれなりの対価を支払ってもらうです byひろゆき

431:Name_Not_Found
10/03/28 16:56:58
>428
参考にしたサイトちゃんと見た?

width:objW, height:objH

になっていますけど・・・

432:Name_Not_Found
10/03/28 17:03:40 2s2/Le6E
なるほど、理解しました。
ご存知と思いますが、私馬鹿でして
このままではいけないと思い
勉強しているしだいです。
許してください、ごめんなさい

433:Name_Not_Found
10/03/28 17:17:22
>>429
文字化け(笑)

434:Name_Not_Found
10/03/28 17:35:53 /NWe8pm5
DOM2のmethodは41個ありますか?

435:Name_Not_Found
10/03/28 17:36:45 2s2/Le6E
>>431さん
僕のパソコンだと参考にしたサイトには
w:objW, h:objHと書いてありました。
どこにwidth:objW, height:objH と書いてあるのでしょうか?


436:Name_Not_Found
10/03/28 17:52:11
>>435
>>431じゃないけどまず自分から「参考にしたサイト」を書こうぜ
いやまあ>>425のサイトだろうけど、ページ探させないでくれめんどくさいから

んで、ライブラリのバージョンが0.2と0.4と違うからその差じゃないの?

437:Name_Not_Found
10/03/28 19:23:11 2s2/Le6E
何だこの糞ニート

438:Name_Not_Found
10/03/28 19:25:10
ステップ実行してデバッグするのって考えてもわからない馬鹿っぽいイメージでもあるの?

439:Name_Not_Found
10/03/28 19:32:46 2s2/Le6E
8日目だから勘弁しろよ
来年から新社会人なんだよ
不況だから希望する職種につけなかったんだよ
だけど、馬鹿だから頑張るんだよ
NRIだよ、プログラミング?全然興味ない
本すら買う気しないお

440:Name_Not_Found
10/03/28 20:11:18
2chで丸投げするのが「頑張り」か

441:Name_Not_Found
10/03/28 20:26:05 2s2/Le6E
そうだよ
頑張りだよ
積み重ねだよ
不況だから、死ぬ気でしがみつくお


442:Name_Not_Found
10/03/28 20:52:12
2ちゃんに頼りっぱなしで自分の力で解決できないks野郎が会社に就職していて
prototype?jquery?そんなの朝飯前な世界で優秀な俺が無職な日本

443:Name_Not_Found
10/03/28 20:55:10
新卒は技術力で雇ってるわけじゃないからなw


444:Name_Not_Found
10/03/28 20:56:17
新卒以外はゴミだからな

445:Name_Not_Found
10/03/28 20:57:36
「何で俺の方が出来るのに誰も分かってくれないんだ!」
こんな事ばかりわめき散らすだけで他のことに目を向けないから無職なんだよ

446:Name_Not_Found
10/03/28 21:03:37
大人気じゃないかw

447:Name_Not_Found
10/03/28 21:06:57 2s2/Le6E
積み重ねてないから自己責任でおつですね

448:Name_Not_Found
10/03/28 21:50:53
自分が希望する職に就けなかったのは不況のせいで、他人の無職は自己責任か

449:Name_Not_Found
10/03/28 21:52:35 2s2/Le6E
0と1の違いわかるよね


450:Name_Not_Found
10/03/28 21:55:05
ゆとりが新社会人になるって聞いてたけどこりゃ恐ろしいな

451:Name_Not_Found
10/03/28 21:55:17
0:自分が希望する職につけなかった←不況のせいで
1:自分は職についている。
0と1が違うことわかるよね?

452:Name_Not_Found
10/03/28 22:00:22 2s2/Le6E
と無職が申しております。

453:Name_Not_Found
10/03/28 22:03:21
他所でやれ

454:Name_Not_Found
10/03/28 22:08:22
無職なら時間あるんだし優秀なら面白いWebサービスでも作ってくれよ

455:Name_Not_Found
10/03/28 22:29:08 /GiPiuZo
javascript+htmlでDOMを操作する場合は
URLリンク(www.doraneko.org)
を見て勉強したらよろしいでしょうか?

javascript+htmlでしかDOMを操作しない場合は↓は特に見なくてもいいですかね?
URLリンク(www.doraneko.org)


456:Name_Not_Found
10/03/28 22:40:41
いい加減Level 3くらい見ろよ

457:Name_Not_Found
10/03/28 22:58:24 /GiPiuZo
Lv3ですか
DOMもCSSみたいにCSS3をやっとけばCSS1もCSS2.1もカバーできるって感じですかね?

458:Name_Not_Found
10/03/28 23:02:09
URLリンク(developer.mozilla.org)

459:Name_Not_Found
10/03/28 23:12:08
モデリングとか勉強するなら最初からコツコツやるのも良いが
実用の観点からはLevel 3からギリギリ使いものになるかって所
IEはLevel1+Level2の断片しかサポートしてないから独自拡張に頼らざるをえない

あとCSS3やってもCSS2.1はカバーできねーよ
現時点ではCSS2.1の方が最新でCSS3にバックポートされる可能性が高い

460:Name_Not_Found
10/03/28 23:34:51
IEでの話です。
<textarea id="tarea">
あいうえお
かきくけこ
</textarea>

<div id="other">
あいうえお
かきくけこ
</div>

<a id="fyi" href="URLリンク(2ch.net)" target="_blank">参考</a>

というHTMLがあったとします。こちらは一切変更不可とします。
JSで、textareaの中身は改行も取り出せますが、
それ以外、たとえば上記のHTMLだとdivの中身は改行は無視されてしまいます。
何とか改行まで取り出す方法はございませんでしょうか?

alert("【テキストエリアOK】\n\n" + document.getElementById("tarea").innerHTML);

alert("【DIVその1 … NG】\n\n" + document.getElementById("other").innerHTML);
alert("【DIVその2 … NG】\n\n" + document.getElementById("other").innerText);
alert("【DIVその3 … NG】\n\n" + document.getElementById("other").firstChild.nodeValue);

以下、参考までに。
aタグのhrefの中身を取り出そうとする時、勝手に変形(下記の場合、語尾にスラッシュが勝手につく)されます。
それを回避して生の値を取り出したい時、getAttributeの第二引数に"2"を指定すると生のhrefを取り出すことができます。
そのような感じでdivタグの中身も、生の値(\nなども含めて)取り出す手段は無いですかね?
alert("【参考:href】\n\n" + document.getElementById("fyi").getAttribute("href")); // 語尾にスラッシュが付く(勝手に変形)
alert("【参考:生のhref】\n\n" + document.getElementById("fyi").getAttribute("href", 2)); // 語尾にスラッシュが付かない(生の値)

461:Name_Not_Found
10/03/29 08:27:50
jQのliveって同メソッドチェーン内に複数入れると・・・
たとえば
e =$(exp);
e.find("#foo").live("click", function(){self.unko($(this));}).end()
.find("#bar").live("click", function(){self.kusso($(this));});

これだとbarクリックしただけでfooもクリックしたことになっちゃうの?仕様?

462:Name_Not_Found
10/03/29 08:39:41
試したけどちゃんとそれぞれ別に動いたよ?
どこか記述ミスか勘違いがあるんじゃないかな

463:461
10/03/29 09:00:02
御免なさい動きました。
コンテキストの指定がおかしかったようです。

e.find("#xx","#a #b").live("click", function(){self.unko($(this));}).end()
.find("#xx","#c #b").live("click", function(){self.kusso($(this));});


e.find("#a #b #xx").live("click", function(){self.unko($(this));}).end()
.find("#c #b #xx").live("click", function(){self.kusso($(this));});
で治りましたです。ありがとうございました。

464:DOM勉強家
10/03/29 13:37:33 4RvTtJ5N
DOMくそむずかしいだめだ

465:Name_Not_Found
10/03/29 13:38:28
DOMなんか勉強したことねえや

466:Name_Not_Found
10/03/29 13:42:34 4RvTtJ5N
>>465
alert(document.referrer);

467:Name_Not_Found
10/03/29 15:43:32
すみません。innerHTMLで改行も反映させて取得するにはどう
すればいいのですか?ベタになってしまいます。

468:Name_Not_Found
10/03/29 15:50:04
innerHTMLを使わないという方法

469:Name_Not_Found
10/03/29 15:58:02
>>467
DOMの勉強を始めたらいいよ

470:Name_Not_Found
10/03/29 16:01:19
DOMなんか勉強したことねえや

471:Name_Not_Found
10/03/29 16:02:24
htmlTAGの勉強すればすぐ答えわかるんじゃね。

472:467
10/03/29 17:28:26
皆様ありがとうございます。わかりません。
具体的によろしくお願いします。

473:Name_Not_Found
10/03/29 17:46:03
そもそも質問の意味が分かりません

反映させるとはどういう意味?
改行とは<br>のこと?それとも改行文字"\n"のこと?

474:Name_Not_Found
10/03/29 17:50:05
それくらい考えろよ

475:Name_Not_Found
10/03/29 18:24:35
>>460,467
ブラウザは、HTML中のスペースや改行(\n)をまとめて1つのスペースとして解釈する
解釈する前のデータを取り出す方法は用意されていない。
無理。
# 自分にXMLHttpRequestして生のテキスト取ってこれるけど、該当する部分を切り出すのが大変

476:Name_Not_Found
10/03/29 18:44:33
>>467
IEを窓から投げ捨てろ。


477:Name_Not_Found
10/03/29 20:43:58 6HS0O19Y
>>460 >>467
別人だけどたまたま同じ質問??

ちなみにgetAttributeの第二引数があったとは知らなんだ~

478:Name_Not_Found
10/03/29 23:16:16 7Kl1s0x2
URLリンク(www.e-radio.cc)
上記HPの文字の動的な処理って
どうやるか教えて

479:Name_Not_Found
10/03/29 23:32:07
右クリックして[Adobe Flash Playerについて]をクリック

480:Name_Not_Found
10/03/30 23:22:38
JavaScriptで画像を表示するようにしたんですが
画像がなかったときに計算に失敗してnullと表示されます
このnullを別の文字に置き換えたり
 例えば
 no image
 画像がありません
別の画像を差し込んだりするように出来ませんか?

今は
if(img != null) {
}
として表示されないようにしています

481:Name_Not_Found
10/03/30 23:32:34
>JavaScriptで画像を表示するようにしたんですが
って言われてもよくわからないです
JavaScriptで画像を表示する方法だっていくらでもあるんだからさ

まあ計算に失敗したとき、っていう条件でif使って
成功してたらその画像を、失敗してたら代わりの画像を表示するとかでいいんでないの?
ifじゃダメならもう少し詳しく書いてくれると答えやすい

482:Name_Not_Found
10/03/30 23:33:23
>>480
場合分けが出来てるのなら、
絵がない時用の表示を自分でするまで。

483:Name_Not_Found
10/03/30 23:34:53
>>480
>出来ませんか?
できると思うけど。何がネックでできないの?

484:480
10/03/31 00:31:43
   feed.setNumEntries(10);
   feed.load(function(result) {
    if (!result.error) {
     var container = document.getElementById("feed");
container.innerHTML="";
     for (var i = 0; i < result.feed.entries.length; i++) {
      var entry = result.feed.entries[i];
      var img = entry.content.match("<img.*jpg.*?>")

      var div = document.createElement("div");



    if(img != null){
        container.innerHTML += "" + img +"<br><hr>"
       }

      container.appendChild(div);

     }

こんなかんじです
これをどうすればいいんでしょうか

485:Name_Not_Found
10/03/31 00:41:22
else if(!result.error) {
        container.innerHTML += "<P>no image </P><br><hr>"

}

すいません
普通にelseで出来ました

486:Name_Not_Found
10/03/31 00:44:21
ソースが断片的ではっきりとしないが、
if(img != null) { } の判定で問題ないなら { } の中にやりたい処理を入れるだけだろ。
判定自体の動作が間違ってるなら、Imageオブジェクトを使ってファイルを読み込んで判定しろ。

487:Name_Not_Found
10/03/31 01:00:09
>>486
>>485

488:Name_Not_Found
10/03/31 01:09:18
この意味不明のアンカは何なの?

489:Name_Not_Found
10/03/31 01:11:49
意味不明じゃないけど。既に解決済みってことをいいたいんだろ。

490:Name_Not_Found
10/03/31 01:15:11
いちいちアンカ付けなくても見たら分かるって。

491:Name_Not_Found
10/03/31 02:06:13
>>486があれだけのことを書くのに2分59秒以上かかっただけ

492:Name_Not_Found
10/03/31 02:23:31
URLリンク(www.suntory.co.jp)
このCMを保存したいのですがどうすればいいんですか?
どなたか教えて下さい。

493:Name_Not_Found
10/03/31 02:25:20
FLASH保存しろカス、わからんならググれ
スレチだからこれ以上質問すんなよ

494:Name_Not_Found
10/03/31 03:25:45
>>493
試みたが出来なかったんだ
素人の俺には仕組みも分からないし

495:Name_Not_Found
10/03/31 04:26:54
>わからんならググれ
>スレチだからこれ以上質問すんなよ

496:Name_Not_Found
10/03/31 09:56:22 rzbAW211
Imgタグのaltの値をalertで出したいんですがどうやればいいですか?
IE6です

document.getElementBYId('Id名').alt
だと取れませんでした

497:Name_Not_Found
10/03/31 10:25:44
ふぅ・・・

498:Name_Not_Found
10/03/31 12:02:32
>>496
そのコードを机の上の紙にでも書いたんじゃねの?

というのは冗談だが、そのコードだけ出されてもアンタみたいな
何も知らなそうな人だと何やってるのか信用できないからね。

(1) alert('test'); とかでalertが出ることを確認する。
(2) alert(document.getElementById('ID名')); で要素が取れて
いること(undefinedとかでないこと)を確認する。

両方クリアしたらまた話を聞こうじゃないか。

499:Name_Not_Found
10/03/31 12:11:19
alert('笑')

500:Name_Not_Found
10/03/31 12:33:49
>>496
BYId(...) じゃなくて ById(...) ですよ。


501:496
10/03/31 12:37:11 rzbAW211
alert(document.getElementById('ID名').アブリビュート('alt'));で取れた
すまんかった

502:Name_Not_Found
10/03/31 13:39:57
すまんかったって…礼も言えんのか(呆)

503:Name_Not_Found
10/03/31 14:25:42
こんな初歩的なことで礼を求めるとかきめえんだよカス

504:Name_Not_Found
10/03/31 14:37:13
とりあえず>>498はこのスレに必要ないから消えていいよ

505:Name_Not_Found
10/03/31 14:43:14
初心者すぎて見てるだけで辛い

506:Name_Not_Found
10/03/31 14:44:36
>>501
果物の汁で書いたのか。

507:Name_Not_Found
10/03/31 15:01:35
質問です。
<div>
hello world
</div>
というHTMLがあってこのhello worldの文字列を赤くした
とします。そのあとで、赤くする前の元の文字に戻したい
んですが、CSSは使わないで、divの中だけリロードするよ
うなことはできますか?

508:Name_Not_Found
10/03/31 15:12:37 +QHcOY2M
>>507
>CSSは使わないで

style使わないでどうやって赤くしたんだ?

509:Name_Not_Found
10/03/31 15:13:44 +QHcOY2M
あー。

<div>
hello world
</div>



<div>
<span style="color:#ff0000">hello world</span>
</div>



<div>
hello world
</div>

なら。

510:Name_Not_Found
10/03/31 16:14:32
fontタグ使えよw

511:Name_Not_Found
10/03/31 16:16:42
CSS使えば楽なのに

512:Name_Not_Found
10/03/31 16:33:59
>>510
今時fontはねーよ
装飾はCSSって決まってんだろ

513:Name_Not_Found
10/03/31 19:28:46
Style Specificationってのがよくわからんかったから
class追加したり削ったりで効果替えてる

514:Name_Not_Found
10/03/31 21:38:40 Kw1eg7sa
テキストエリア内のキャレット位置を取得しようとしています。

IEではdocument.createRangeから位置計算をしているんですが、

範囲選択がされておらず、かつキャレットが行頭にいる場合に、

直前の改行の後ろにキャレットがいる場合と同値として扱われてしまいます。

IEマジFxckです。

この症状の回避法をご存知の方はおられないでしょうか。

よろしくお願いします。

515:377
10/03/31 23:58:56
今更ながら・・・
動きが遅いと嘆いていましたがjQuery Autocomplete Modの方ではなく
URLリンク(plugins.jquery.com)
から入手した1.1.0バージョンのjquery.autocomplete.jsを使用したところ
ストレス無く動くようになりました。
いろいろとご助言いただきました皆様、ありがとうございました。

516:Name_Not_Found
10/04/01 00:04:38
>テキストエリア内のキャレット位置を取得しようとしています。
過去にこれに同じ質問と回答があった気がする
誰も回答がなかったら探してみて

517:Name_Not_Found
10/04/01 15:35:45 VxfKLVAu
質問です。
オブジェクト名を変数にしたいのですが、上手くいきません。

------作ったjavaScript
var hoge = document.getElementById('hiddenHoge').value;
window.opener.document.myForm.Kind.appendChild(rAdd);
----------------------

別functionにて他の窓からとってきた値をhiddenHogeに入れています。
hogeの値は取れています。
rAddは追加する値です。

hoge = aaaだとして、
window.opener.document.myForm.aaa.appendChile(rAdd);
で正常に動作することは確認済みです。

エラー文: window.opener.document.myForm.Kind is undefined

他にも
window.opener.document.myForm[hoge]appendChild(rAdd);
とか
var f = eval( 'document.' + hoge);
window.opener.document.myForm.f.appendChild(rAdd);
とか
window.opener.document.myForm.elements[hoge].appendChild(rAdd);
とやってみましたが、駄目でした。
エラー文: form is not defined

解決方法をご存知の方いらっしゃいましたらお知恵をお貸しください。

518:Name_Not_Found
10/04/01 16:27:13
つFAQ と言おうとしたがちゃんと出来てそうだな。
まさか、window.opener.document.myForm[hoge]appendChild(rAdd);
のピリオドが無いままやってたりはしないよな?
あとhoge=Kindでおk?
こういうのは変数でやる前に定数で確認してからのが確実だよ。
window.opener.document.myForm["aaa"].appendChile(rAdd);とか


519:517
10/04/01 16:53:09 VxfKLVAu
>>518
回答ありがとうございます。
仰る通りKindはhogeの間違いです…。

確かにピリオドないままやってました!ピリオドつけたらできました。
初歩的なミスですみませんでした。
助かりました。本当にありがとう!

520:Name_Not_Found
10/04/01 20:16:36
初歩的なミスぐらい無いかちゃんとチェックしてから質問しろよ>ALL

521:Name_Not_Found
10/04/02 00:20:21
>>516
ありがとうございます。
確認してみたいと思います。

522:Name_Not_Found
10/04/02 13:52:15
DOM Level3って今の主要ブラウザの最新版は対応してますか?

523:Name_Not_Found
10/04/02 14:59:02
ふぅ・・・

524:Name_Not_Found
10/04/02 16:25:08
はぁ・・

525:Name_Not_Found
10/04/02 16:59:26
lightbox 2.04でクリックの度にモーションを位置からするようには
できないかな?

同じサイズの画像だとつまらない・・




次ページ
最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch