のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,645,258人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

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

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
251 : Name_Not - 2012/09/25(火) 12:19:07.85 ID:??? (+5,-25,-3)
>>250
あんがと、助かった
そろそろDreamweaverCS3ともお別れかな
252 : Name_Not - 2012/09/25(火) 12:26:35.55 ID:??? (-1,-29,-4)
sublimetextのフォントってなんなんだろ?
かっこいいから気になる
253 : Name_Not - 2012/09/25(火) 12:29:52.61 ID:??? (+3,-30,-128)
フォントといえば数時間前アドビが何か出してたな

ソースコードを表示するためのフォント「Source Code Pro」をアドビが無料公開
http://engawa.2ch.net/test/read.cgi/poverty/1348539877/
> プログラミングやマークアップなど、コーディング作業のときにソースコードを表示する目的で開発されたフォント「Source Code Pro」を米アドビがオープンソースとして無料公開しました。
> 以下がSource Code Proの見本。
>
254 : Name_Not - 2012/09/25(火) 13:15:33.22 ID:??? (-5,-28,-2)
ソースコードプロw
255 : Name_Not - 2012/09/25(火) 13:30:58.79 ID:??? (-1,-29,-25)
0に/入って無い辺りは素人なのか、まさか常識を超えたプロなのか
(0+/)<(0+・)だとでも言うのか?
256 : Name_Not - 2012/09/25(火) 13:34:33.59 ID:??? (+52,+29,-2)
なんという手抜きネーミング
257 : Name_Not - 2012/09/25(火) 14:28:00.93 ID:??? (+34,+6,-23)
色々寄り道して結局EmEditor Pro買ったわ
フォントは前からVLゴシックを使っているけど、
コロンとセミコロンが結構紛らわしい
258 : Name_Not - 2012/09/25(火) 14:46:00.33 ID:??? (+47,-30,-119)
質問です
Array.prototype.sort がChromeで不安定だったので実装し直しました
目的の結果は得られたのですが、ライブラリとして使いやすくするために
比較関数は省略出来るようにして、Array.prototype.sort と同じ比較方法をとりたいのですが
Array.prototype.sort が使用している比較関数を取り出す方法はないでしょうか?
259 : Name_Not - 2012/09/25(火) 15:48:31.95 ID:??? (+38,-30,-78)
>>258
If omitted, the array is sorted lexicographically (in dictionary order) according to the string conversion of each element.
とのことなので、比較関数が省略されたときは各要素を文字列として辞書順にソートされるっぽい
実際のアルゴリズムは実装依存では?

http://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/sort
260 : Name_Not - 2012/09/25(火) 16:32:46.58 ID:??? (+63,+29,-26)
>>259
ありがとうございます。
なるほど、自前で実装するしかなさそうですね
単純に不等号で比較する関数を作ることにします
261 : Name_Not - 2012/09/25(火) 20:36:52.48 ID:??? (+63,+29,-4)
>>258
具体的にはどこが不安定だったのでしょう?
262 : Name_Not - 2012/09/25(火) 21:23:52.01 ID:??? (+4,-29,-47)
>>258-260
その仕様を満たせばいいのなら String(a) > String(b) とかで比較ればいいだけでは。
しかし「不安定」ってのはホント? 不安定だということを示す例キボン。
263 : Name_Not - 2012/09/25(火) 23:58:53.57 ID:??? (+3,-30,-76)
258じゃないけど。

var a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
a.sort(function () {return 0;});
console.log(a); // [9, 1, 3, 4, 5, 6, 7, 8, 2, 10, 11, 12, 13, 14, 15, 16]

chromeは不安定なソートを使っているようだね。(quicksortかなあ)
mozilla系は安定なソートらしいが。
265 : Name_Not - 2012/09/26(水) 08:30:55.46 ID:??? (+63,+30,-52)
ああ、そういう意味か、安定的ね。不安定って言われたら整列に失敗するとかそいういう
トラブルを思い浮かべると思うなー。で、自分で整列を書かなくても、キーの後ろに
元の列での並び順をくっつけてから整列し、最後にくつつけたものをはがせば安定ソート
できるよね。まあそうしたいかどうかは本人が決めるとして。
266 : Name_Not - 2012/09/26(水) 11:31:31.27 ID:??? (+3,-30,-27)
配列のシャッフルのアルゴリズムを簡略したくて、
 [1,2,3,4,5,6].sort(function(){ return Math.random() - .5; })
と書いて大怪我した事がある。実際に動かしたら笑うに笑えない結果になった
267 : Name_Not - 2012/09/26(水) 12:16:47.94 ID:??? (+33,+15,+0)
268 : Name_Not - 2012/09/26(水) 15:57:41.83 ID:??? (+7,-30,-55)
$('html,body')

っていうの見たんですが、JavaScriptだけでhtmlエレメントを取得するのってどうやるんですか?
bodyなら
body = document.getElementsByTagName('body')[0]
でいけそうですが
269 : Name_Not - 2012/09/26(水) 16:28:48.68 ID:??? (+32,-29,-13)
>>268
document.defaultView
270 : Name_Not - 2012/09/26(水) 16:33:49.62 ID:??? (+66,+29,-1)
>>269
へぇ~
こんなんあったんですね
ありがとうございました
271 : Name_Not - 2012/09/26(水) 16:39:02.84 ID:??? (+40,-29,-19)
>>270
ごめん間違えた
そっちはwindowを取得する奴
htmlは
document.documentElement
272 : Name_Not - 2012/09/26(水) 16:41:01.60 ID:??? (+62,+29,+0)
>>271
そっちでしたか
ありがとうございました
273 : Name_Not - 2012/09/26(水) 17:44:28.09 ID:??? (+7,-27,-10)
ブラウザ内の画面をキャプチャするために
javascriptだけでもできますか?
274 : Name_Not - 2012/09/26(水) 20:05:15.32 ID:??? (+10,-30,-68)
>>273
ライブラリを使えば可能
http://html2canvas.hertzen.com/

あと、Firefoxで、かつ特権がある場合はcanvasのdrawWindowメソッドで可能
http://developer.mozilla.org/ja/docs/Drawing_Graphics_with_Canvas#_.E3.81.95.E3.82.89.E3.81.AA.E3.82.8B.E6.A9.9F.E8.83.BD_
275 : Name_Not - 2012/09/27(木) 00:03:48.10 ID:??? (+3,-30,-181)
スムーズスクロールを実装できたんですが、#つきのページを読み込んだ後もスムーズにスクロールしたいです。
現在はページを開いてから#付きのリンクをクリックするとその位置までスムーズにスクロールするというところまで出来ています。
#つきのページを読み込んだ後にもスムーズにスクロールさせるには、#付きのページを開いたときに自動でその位置まで移動するデフォルトイベントをまず止めなければなりません。

そこでwindowオブジェクトのonloadイベント時にcancelBabble,returnValueもしくはstopPropagation(),preventDefault()でとめようと思ったんですが、
効果がありませんでした。
どうすればいいでしょうか?
276 : Name_Not - 2012/09/27(木) 03:40:32.06 ID:PUVpys+N (-11,+23,-2)
イベントなのか?
277 : Name_Not - 2012/09/27(木) 04:48:49.61 ID:??? (+15,-12,-8)
ロードしたあとから飛び先のidなりnameなりつければいいんじゃね?
278 : Name_Not - 2012/09/27(木) 08:44:09.63 ID:??? (+70,+29,-26)
ロードした後って言ってもURLには最初から#nameがついてしまってるので、
デフォルトの動作としてこの名前を持つidもしくはnameのところに飛んでしまいますよね?
この動作をとめて、スムーズにその位置までスクロールさせたいんです。

不可能なんでしょうか?
279 : Name_Not - 2012/09/27(木) 09:22:14.94 ID:??? (+13,-29,-38)
>>278
DOMContentLoadedのタイミングでscrollTo(0, 0)すればよさげ
280 : Name_Not - 2012/09/27(木) 11:09:14.56 ID:??? (+14,-29,-12)
>>278
> この名前を持つidもしくはname

それをHTMLの段階では付けないようにするのはどうか
ってことなんだけど。
data-id="" なんかにでも入れておいて。
281 : Name_Not - 2012/09/27(木) 12:26:54.68 ID:??? (+5,-29,-141)
>>279
ありがとうございます!
ieはこのイベントないんですね。。
今doScrollで対応しようと頑張ってます。

>>280
つまりidやname属性を使わなければurlの末尾に#を含む文字があっても自動で移動せずに済むってことですよね?
確かに良い方法ですね


一応DOMcontentLoadedで実装は出来たんですが、
例えばその#URL付きのページを下に少しスクロールした状態でリロードすると、
ブラウザがそのスクロール位置まで自動的に移動させてしまいますよね?
そのイベントはとめられないんでしょうか?

動作的には、

スクロール位置を少し下げた状態でページをリロード

スムーズスクロールで#nameの場所までスクロール

最初の少し下げたスクロール位置まで戻る

こういう動作になってしまいます。
282 : Name_Not - 2012/09/27(木) 13:04:10.78 ID:??? (-1,-29,-38)
JSの外での出来事に、JSの中から対応使用としているので
どこかで無理が出てくると思う

先のdataハイフン属性を使う方法も含め
どこかしらに落としどころを見つけないと
堂々巡りになる
283 : Name_Not - 2012/09/27(木) 13:11:19.78 ID:??? (+67,+29,-59)
そうですか・・・
すいません

イメージとしては日テレの番組表なんですよ
http://www.ntv.co.jp/program/


このページだと少し下にスクロールした状態でリロードしても指定した位置までスムーズスクロールして、
そこでちゃんと止まってくれてます

今解析中なんですけどねー。
もうちょっと頑張ってみます。
284 : Name_Not - 2012/09/27(木) 15:54:29.94 ID:??? (+3,-29,-56)
aタグのhref=に#nameが混じったURLが入ってると、IEだけ一旦そのnameのid or name属性を持つ位置まで移動した後、
すぐスクロールが一番上まで戻ってしまうんですけど何が原因ですか?
JavaScript無効にすると発生しません。

っていってもどっかのjavascriptにそういう動作させるコードが書いてあるんでしょうけどね。。
285 : Name_Not - 2012/09/27(木) 17:10:58.30 ID:PUVpys+N (+28,+24,-85)
>>283
そのページのは規定通りの動きだと思う

ページの途中までスクロールした状態でリロードすると
その位置までスクロールした状態になるのはブラウザの実装。
で、JSが発火して現在の時刻の位置めがけてスムーズスクロールする

URLのlocation.hashで指定されたIDの位置に移動するのとは
全く関係ない話だと思う
286 : Name_Not - 2012/09/27(木) 17:47:08.80 ID:GIk6HC7Q (+11,+30,-282)
>>285
あ、すいません。
ちょっと伝わりにくかったようです。

location.hashで指定されたID位置に移動する件に関しては、DOMContentLoadedのときにデフォルトの動作をとめることで解決できたんですが、
今度やりたいのは日テレの番組表みたいに、
途中までスクロールした状態でスクロールすると、その位置までスクロールした状態になる動作をとめたいんです。

日テレのやつは、途中までスクロールした状態でリロードしても最初から現在の時刻めがけてスムーズスクロールしてくれますよね?
これはブラウザの基本動作である途中までスクロールしておいた位置に戻る、という動作がストップされてるから出来るんだと思いますが、
その方法がわかりません。

どのイベントのデフォルトの動作をストップさせれば出来るのかがわかればいいんですが。。

今現在はwindowオブジェクトのDOMContentLoadedが発生したときにスクロールしています。

でもこれだと、

途中までスクロールした状態でリロードする

スムーズスクロールでhashで指定された要素までスムーズスクロールする

途中までスクロールしてた位置まで戻っちゃう


今はこんな感じです。
どのイベントをとめれば最後のステップの動作をさせずに済むのかわかりません
287 : Name_Not - 2012/09/27(木) 17:57:04.08 ID:PUVpys+N (-16,-29,-128)
>>286
戻っちゃう?ブラウザ何?

Firefox、Safari、chrome、IE8で
ページの最下部までスクロール(スクロール量最大)してからリロード、を試してみたけど

FirefoxとIE8はリロード後、スクロール量最大になり
(※遅いPCだと一瞬スクロールゼロ状態になり、すぐスクロール量最大になる)
その後JSで規定位置までスムーススクロールされる

Safariとchromeはリロード後、スクロール量ゼロの状態になり
その後JSで規定位置までスムーススクロールされる


> 途中までスクロールしてた位置まで戻っちゃう

これは再現できなかった
288 : Name_Not - 2012/09/27(木) 17:57:20.09 ID:??? (+62,+29,-43)
ajaxで内容を追加しているからとかじゃね?
リロードするとHTMLから再構築するわけだから、先頭に戻ると…
未確認だが。
289 : Name_Not - 2012/09/27(木) 18:07:55.64 ID:??? (+60,+30,-214)
>>287
戻っちゃうのはChromeです。
あ、戻っちゃうのは日テレの番組表での話しじゃなくて自分が今テスト環境でやってるコードの方での話ですよ。

日テレの番組表でやったらおっしゃるとおりの動作になりました。

言われるまで日テレの番組表をChromeでしか見てませんでした。
IEやFireFoxの動作を見ると完全に読み込んでからスクロールしてるっぽいので、
onload完了後に動かして見るとか色々やってみます。

そうすればChromeでもスクロールした後に戻るっていうへんな動作は無くなりそうな気がするので。
まあChromeみたいにリロード後スクロール量ゼロになってから、規定位置までスムーズスクロールさせるっていう理想の形ではないですけどね。
その辺もスクロール量を一旦ゼロにしてから動かすとか色々やってみます。
290 : Name_Not - 2012/09/27(木) 18:08:55.83 ID:??? (+7,-29,-12)
>>288
Ajaxは一切使ってません
291 : Name_Not - 2012/09/28(金) 07:44:48.20 ID:zVRIlQtG (+32,-30,-62)
URLからファイル名(拡張子含む)だけを抽出したいのですが、どうしたら良いでしょうか?
正規表現を使えばいいみたいですが、わからないので教えてください。


このような文字列を
var url = "";

↓こうしたい
var file = "image.jpg";


お分かりになる方ご教授お願いします。
292 : Name_Not - 2012/09/28(金) 08:11:37.77 ID:??? (+3,-30,-41)
URL に必ずパス部があると仮定するなら簡単。
クエリとフラグメントと、URL 先頭から最後の "/" までを削除。

var file = url.replace(/\?.*$/, "").replace(/#.*$/, "").replace(/.*\//, "");
293 : Name_Not - 2012/09/28(金) 08:19:08.23 ID:??? (+89,+28,-20)
>>291-292
「/」でsplitして最後の要素を取るのがいちばん素直だと思うが。
294 : Name_Not - 2012/09/28(金) 08:22:43.68 ID:??? (+46,+28,-1)
何言ってんだ
295 : Name_Not - 2012/09/28(金) 08:26:43.01 ID:??? (+64,+30,+0)
296 : Name_Not - 2012/09/28(金) 09:08:31.44 ID:??? (+51,+23,-21)
URL後方から「/」が見つかるまでサーチ&コピー。とかでいんでね。
297 : Name_Not - 2012/09/28(金) 09:31:57.16 ID:??? (+46,+28,-1)
何言ってんだ
298 : Name_Not - 2012/09/28(金) 09:52:14.27 ID:??? (-11,-29,+0)
URIクラス
299 : Name_Not - 2012/09/28(金) 12:16:12.58 ID:??? (+8,-29,-89)
>>274
どうもありがとうございます。
firefoxアドオンの開発で参考にしたかったのでたすかります。
もう一つ質問があるのですが
canvasでキャプチャした画像を左右に分割したブラウザの片方に表示させることはできますか?
ブラウザは<hbox>を使って分割されています。
既存のWebページは表示させられるのですが調べてもわからなくて困っています。
300 : Name_Not - 2012/09/28(金) 12:28:56.25 ID:??? (+29,-30,-27)
>>291
/^(?:[^?/#]*/)*([^?/#]*)/
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について