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

私的良スレ書庫

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

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

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 - 2014/09/11(木) 09:33:46.96 ID:???.net (-3,-30,-248)
bootstrapとjQueryでサイトを作っています。
画像ファイルが追加されたら自動的に追加されるようにアクションがあったら以下のコードが動くようにしています。

$("#image-box").append(url);

<div id="image-box"></div>にどんどん画像が追加されていく仕組みです。
urlには画像のアドレスとbootstrapの機能であるtooltipの属性などが記載されています。

例:<img src="sample.jpg" data-toggle="tooltip" data-placement="left" title="Tooltip on left">

しかし画像は表示されますがtooltipが表示されません。
例で表示されているものをappendではなく最初から表示した場合はtooltipが表示されるのでコードに間違いがあるわけではないようです。
appendで追加した場合はjavascriptなどの機能は動かない場合があるのでしょうか?
252 : Name_Not - 2014/09/11(木) 09:38:58.44 ID:???.net (-19,-29,-4)
>>251
ライブラリの質問は専用スレへどうぞ
http://peace.2ch.net/test/read.cgi/hp/1400834117/
253 : Name_Not - 2014/09/11(木) 09:50:06.48 ID:???.net (+70,+29,-6)
>>250
反論って何だよ
どの書き込みがお前かなんてしらねーよカス
254 : 251 - 2014/09/11(木) 09:52:31.91 ID:???.net (+55,+29,+0)
>>252
失礼しました
そちらに質問するようにします。
ありがとうございます。
255 : Name_Not - 2014/09/11(木) 10:07:23.38 ID:???.net (+57,+29,-8)
それは荒らしなので気にする必要ないですよ
別にあっちでもいいですが
ここに書いても問題はありません
256 : Name_Not - 2014/09/11(木) 10:19:18.52 ID:???.net (+57,+29,-4)
ここに質問を誘導するほうが荒らしなので気にしていいですよ
257 : Name_Not - 2014/09/11(木) 10:23:23.27 ID:???.net (+4,-30,-92)
>>249の件ですが、virtualbox上のwinでもmetaKeyが有効になりませんでした
bootcampの場合はドライバの影響などありますが
仮想マシンの場合はそのあたりが吸収されると思われるので、実機と同じ結果になると思うのですが
純粋なwindowsマシンではwindowキーでmetaKeyがtrueになるのでしょうか?
258 : Name_Not - 2014/09/11(木) 11:01:54.36 ID:???.net (+36,-30,-94)
988 自分:Name_Not_Found[sage] 投稿日:2014/08/29(金) 20:02:54.48 ID:???
イベント関係をjqueryを使わずにしてる人いますか?
ブラウザ差違が大きい部分なので大変ですよね?

という質問をした者ですが、
「ステートフルJavaScript」に
「ブラウザ間の相違点が多すぎるため、イベント処理についてはほとんどの読者が何らかの
JavaScriptライブラリを利用することになるかと思われます。」
とありました
やはりS級技術者もそう考えるようですね
259 : Name_Not - 2014/09/11(木) 12:02:47.04 ID:???.net (-2,-29,-29)
>>251
ツールチップの内部的な処理がどうなってるのかは知らないけど
起動時にdata-toggleを読んでいると思われるので、
後から動的に追加したものは無視されるのでは
260 : Name_Not - 2014/09/11(木) 12:27:19.30 ID:???.net (+96,+29,-2)
>>258
著者一名の意見を盲目的に信じるのね
261 : Name_Not - 2014/09/11(木) 12:34:10.28 ID:???.net (+70,+29,-6)
>>260
だって少なくともここにいる奴ら全員よりも信用できるでしょw
262 : Name_Not - 2014/09/11(木) 12:37:34.07 ID:???.net (+57,+29,-43)
ここにいる人を否定するつもりはありませんが
ある程度読めば技術者としてのレベルは分かります
ステートフルJavaScriptの著者はS級技術者です
263 : Name_Not - 2014/09/11(木) 16:54:26.34 ID:???.net (+3,-29,-62)
javascriptでコメントアウトするときに
「//@2ほにゃらら」
というように半角アットマーク+半角数字がコメントに含まれていると
IEの開発コンソールにで「';' がありません。」と出てくるのですが
これは既知の問題なのでしょうか?
264 : Name_Not - 2014/09/11(木) 17:23:28.31 ID:???.net (+2,-25,-18)
昔のMSが独自に実装した条件コンパイルの名残
265 : Name_Not - 2014/09/11(木) 17:47:09.81 ID:???.net (+57,+29,-25)
なるほど。ありがとうございます。
とあるサイトの衣替えをしたところ出てくるようになったのですが
該当のスクリプトは一切触れていないんだよなぁ
おかげで後続のJSが動かないというバグに発展。。
266 : Name_Not - 2014/09/11(木) 21:51:38.83 ID:???.net (+41,-30,+0)
javascript板から誘導されて来ました。

【環境】IE10以降・Firefox・Chrome・スマートフォン
【ライブラリ】Bootstrap + jQuery
【何をしたのか】appendで追加してもbootstrapの機能が動かない
【エラーメッセージ】特になし
【期待する結果】bootstrapの機能を含むものをappendで追加しても機能するようにしたい
【サンプルコード】

bootstrapとjQueryでサイトを作っています。
画像ファイルが追加されたら自動的に追加されるようにアクションがあったら以下のコードが動くようにしています。

$("#image-box").append(url);

<div id="image-box"></div>にどんどん画像が追加されていく仕組みです。
urlには画像のアドレスとbootstrapの機能であるtooltipの属性などが記載されています。

例:<img src="sample.jpg" data-toggle="tooltip" data-placement="left" title="Tooltip on left">

しかし画像は表示されますがtooltipが表示されません。
例で表示されているものをappendではなく最初から表示した場合はtooltipが表示されるのでコードに間違いがあるわけではないようです。
appendで追加した場合はjavascriptなどの機能は動かない場合があるのでしょうか?
267 : Name_Not - 2014/09/11(木) 21:57:49.95 ID:???.net (+59,+21,-80)
>>266
Bootstrapは知らないけど、
一般的に後からHTMLを修正してもそれに反応してくれることはないよ。

そんなことはBootstrapもわかってるだろうから、
再実行の機能とか「要素にtooltipを追加する」命令があるはず。

要するに、HTMLを追加するんじゃなくてJavaScriptで
どうこうしろって話。
268 : Name_Not - 2014/09/11(木) 22:06:08.66 ID:???.net (+8,-30,-95)
>>266
俺もよく知らないけど、これとかかな?

http://getbootstrap.com/javascript/#tooltips

Usage
The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.

Trigger the tooltip via JavaScript:

Copy
$('#example').tooltip(options)
269 : Name_Not - 2014/09/12(金) 08:13:00.94 ID:???.net (+35,-30,-68)
var a = Array.prototype.slice.call([1,2,3],1);
console.log(a);
を実行すると
[2, 3]
と、正しく動作します。
しかしcallの説明を見ると、第一引数はthisArgとあります
なぜthisArgがなくても正常動作するのでしょうか?
270 : Name_Not - 2014/09/12(金) 08:20:22.90 ID:???.net (+49,+21,-66)
オライリーの「JavaScriptリファレンス 第6版」って必要ですか?
リファレンスなんてネットにあるじゃんと思うのですが
271 : Name_Not - 2014/09/12(金) 09:10:15.43 ID:???.net (+48,-30,+0)
jQスレでこちらが誘導されてまして、どなたかお願いします。

【環境】 IE9, Fox31
【ライブラリ】 jQuery 1.11.1
【何をしたのか】動的要素の読み込み後、on("ready")または記述時点実行
【エラーメッセージ】特になく、目的処理が反応しないだけ
【期待する結果】動的要素の下位要素のcss変更(addClass等)
【サンプルコード】下記参照

動的要素をイベントではなく読み込み終了後1度だけメソッドとして
実行したいのですがうまくいきません。やっていることは

(1)空divにloadで読み込ませ、ここまでは画面表示もCSSも意図通り。
<div id="box"></div> ← $("#box").load("abc.html");
(abc.htmlは単体でも開けるul/liやpなど単純な内容)

(2)これを本来このようにしたいのですがこれだと動的要素を認識しないので
$("#box_中の要素").css(やりたい処理);

(3)delegate的イベントに。それでも中の要素は反応せず。loadでも同様。
$("#box").on("ready","中の要素",function(){ (やりたい処理) });

(4)ちなみに一般的方法(?)でイベントを起こしてやると中の要素は意図通り処理されます。
またtriggerでこのイベントを起こしても処理されます。
$("#box").on("click","中の要素",function(){ (やりたい処理) });

そのページを読み込み後、jQの処理が進んで、clickなどせずにその記述の時点で
”やりたい処理”を行うにはどうしたらいいでしょうか?そもそも可能でしょうか?
最悪bodyにmouseoverで拾う手も考えましたが重くなるのは避けたいです。
よろしくお願いします。
272 : Name_Not - 2014/09/12(金) 09:29:03.02 ID:???.net (+98,+29,-43)
正しいタイミングであれば、2のやり方で動的に追加した要素を拾うことはできるはず
使ったことないから分からないけど、
loadメソッドに、終了時に実行されるコールバック関数を設定出来るんじゃないかな
その中で処理すればいい
273 : Name_Not - 2014/09/12(金) 13:21:23.95 ID:???.net (+14,+29,-54)
>>271
ライブラリスレで回答した
http://peace.2ch.net/test/read.cgi/hp/1400834117/317n-

個人的にはここは強い思い込み(常識)で意見する人が常駐してるからお勧めしない
技術力が高い人は両方見てるけど、回答してくれるかどうかは質問内容や質問者の態度を見て決める傾向がある
なので、ライブラリはライブラリスレで質問すべきだと思う
274 : Name_Not - 2014/09/12(金) 14:12:01.52 ID:HrQcUDw6.net (+19,+24,-53)
jqmobiを使ったサイトについてなのですが、
アンドロイドでスクロールした際に慣性が働き変な所で急に止まります。
この機能をオフにしたいのですがお前らにはわからんだろうな。
275 : Name_Not - 2014/09/12(金) 14:38:20.03 ID:???.net (+93,+26,-65)
>>269
これ分かる人お願いします
オライリーのリファレンスの英語版を確認しましたが
引数に関する特記はありませんでした
276 : Name_Not - 2014/09/12(金) 14:48:40.46 ID:???.net (+70,+29,-29)
>>275
私用を読めばすぐわかるはずだが、どうせ仕様を読むのが面倒だから質問してるんです、と答えるんだろうな
そして、仕様を読めば分かる質問を延々と続ける
277 : Name_Not - 2014/09/12(金) 14:55:08.26 ID:???.net (+0,-28,-30)
仕様にも書いていませんが
何故こうなるんでしょうね?
thisArgがnullやundefinedのケースについては書いていますが
詰められた場合についての記述はありません
278 : Name_Not - 2014/09/12(金) 15:04:56.33 ID:???.net (+56,+28,-37)
ファッ!?
thisArgが詰められているのではなく
配列がthisとして渡されているのだということに気づきました
だからこれは単なる正常動作ですね
ありがとうございました
279 : Name_Not - 2014/09/12(金) 15:50:23.44 ID:???.net (+57,+29,-35)
答えられないけど黙ってられないから仕様を読めと言わないと気がすまないんだろ
ほっといてやれ
280 : Name_Not - 2014/09/12(金) 16:03:25.76 ID:???.net (+52,+29,+0)
言い訳が見苦しい
281 : Name_Not - 2014/09/12(金) 16:16:05.36 ID:???.net (+57,+29,-18)
何が気づきのきっかけになるかは分からないので。
仕様書を見なければ気づかなかったかもしれない
なので、どのような回答も回答である限り肯定します
282 : Name_Not - 2014/09/12(金) 21:19:32.53 ID:???.net (+49,-6,-78)
ローカルのWebサーバで開発してるのですが
Webサーバを起動する前にchromeを起動すると、
タブの復元で、ページがおかしくなります
サーバに繋げないなら復元自体をやめればいいのに
中途半端に復元するので、表示がおかしくなるのです
これをやめさせるにはどうしたらいいでしょうか?
283 : Name_Not - 2014/09/12(金) 21:21:42.03 ID:???.net (+77,+13,-1)
>>282
知らんがな。
284 : Name_Not - 2014/09/12(金) 21:22:21.12 ID:???.net (-1,-29,-38)
ログを見るとlessのところで
Failed to load resource
と出ているので、もしかしたら変になるのはlessを使っている場合だけかもしれません
285 : Name_Not - 2014/09/12(金) 21:22:46.81 ID:???.net (+68,+29,-3)
>>283
じゃあ黙っておけばいいのでは?
286 : Name_Not - 2014/09/12(金) 21:27:40.61 ID:???.net (+99,+29,-73)
サーバに接続できないのに復元出来る理由が良く分かりません
一番最後の読んでいたファイルをキャッシュしておいて読み直しているのでしょうか?
変な状態で復元されたせいでサーバのデータが壊れる可能性を危惧しています
287 : Name_Not - 2014/09/12(金) 21:36:29.66 ID:???.net (+63,+30,-208)
> 変な状態で復元されたせいでサーバのデータが壊れる可能性を危惧しています

それお前のシステムに脆弱性があるよ。

まずね。変な状態で復元できるというけど、
ハッカーにとっては”変な状態”を作り出すことは簡単にできる。

まあハッカーじゃなくても、タブを使って簡単に再現できるけどさw

タブを使って複数同じ画面を開いても、一方のタブでいろいろデータ書き換え、
もう一方のタブは前の状態が残ってる。ほら、中途半端な復元と同じことが出来たw

”変な状態で復元できる” これを回避するのは不可能なんだから
そういう状態でもサーバーのデータが壊れないように作らないといけないの。
Chromeに罪はないし、表示がおかしくなるのをやめさせる方法は存在しません。

まったく、素人がウェブシステム作るなって。やるなら非公開だけにしとけ。
288 : Name_Not - 2014/09/12(金) 21:45:50.37 ID:???.net (+76,+29,-78)
>>286
公開されているHTMLとjsは万人が読める
そしてHTMLのボタンを押さずともサーバーには直にリクエストは投げられる。
ってことはつまり、どんなリクエストに対してもサーバーの内部データが壊れないようにしなければならない。
HTMLの初期化どうがんばってもええが、イリーガルなリクエストが投げられるのを前提でサーバサイドつくらにゃならんだろ。
289 : Name_Not - 2014/09/12(金) 21:58:54.82 ID:???.net (+96,+29,-37)
おっしゃるとおりです
サーバに意図的に変な情報を投げることは出来るので、
もちろんサーバ側でチェックする必要はあります
しかし異常な状態のままユーザに使われることは防ぎたいわけです
290 : Name_Not - 2014/09/12(金) 22:03:45.01 ID:???.net (+99,+29,-71)
また、たとえばオブジェクトの座標が、validだが異常ということもありえます
サーバ側ではその変更がユーザーが意図したものなのか、
プログラムの異常動作なのかを判別することは出来ません
「正常範囲内だが、ユーザーが意図していない変更」が起きる可能性があるのです
291 : Name_Not - 2014/09/12(金) 22:19:46.13 ID:???.net (+76,+29,-68)
>>290
HTMLの初期化処理が信用できねーならJSで初期化しろよ。
>>プログラムの異常動作なのか
そもそも初期化してねーのに異常もくそもねーだろ。
それともJSオフの環境も想定するのが要件なの?
あと、
>>また、たとえば
っとか書くならID入れとけよ名前欄にでも
292 : Name_Not - 2014/09/12(金) 22:21:52.32 ID:???.net (+6,-29,-71)
>>289-290
Webサーバを起動前にGoogle Chromeを起動して復元するのは正常動作ではないのだから誤動作するのは当然
Webサーバ側では意図的な改変と誤動作を区別する必要はない
293 : Name_Not - 2014/09/12(金) 23:28:58.98 ID:???.net (+70,+29,-21)
>>289
異常な状態って何?

たとえばページ開いてから10日間
ずっとパソコンをつけっぱなしにだってできるよね?

それは異常な状態?
294 : Name_Not - 2014/09/12(金) 23:53:47.63 ID:???.net (+94,+29,-71)
chromeのタブ復元で復元された時、サーバが起動していないと表示がおかしくなるという問題です
つまり表示があからさまにおかしい状態を異常だと言っているのです
295 : Name_Not - 2014/09/12(金) 23:55:17.93 ID:???.net (+100,+29,-79)
>>294
さっきからタブで復元、タブで復元って
繰り返してくるけど、ずっとタブを開いていても同じことだよね?
10日間ずっとパソコンつけっぱなし、タブ開きっぱなしだって
できるんだから。

なんでchromeなんかにこだわってるの?
タブの復元も全く関係ない話じゃない。
296 : Name_Not - 2014/09/13(土) 00:01:38.49 ID:???.net (+61,+28,-60)
lessのキャッシュを毎回削除するJSを組み込んでいるのですが
それを無効にしたら、サーバが落ちている時でも表示が崩れることはなくなりました
lessとキャッシュクリア処理の複合からこのような現象が出ていたようです
ありがとうございました
297 : Name_Not - 2014/09/13(土) 00:02:45.42 ID:???.net (+52,+11,-7)
>>295
ブラウザ再起動によりタブが復元された時に表示が崩れるという話です
298 : Name_Not - 2014/09/13(土) 00:03:31.81 ID:???.net (+89,+27,+0)
だからChomeのせいじゃないと。
結局作ってる奴が悪い
299 : Name_Not - 2014/09/13(土) 00:28:08.75 ID:???.net (+163,+29,-141)
多人数でやるオンラインゲームのようなもので
ポーリングしながら差分データを受け取っていたとします
あるプレイヤーが途中でPCをスリープさせ、
しばらくたってからスリープから復帰させたとします
サーバ側のデータ状況はまったく変わってしまっているのに、
突然、過去の状態を保持したクライアントからポーリングされることになります
こういう場合ってどうすればいいのでしょう?
300 : Name_Not - 2014/09/13(土) 00:33:02.15 ID:???.net (+69,+29,-23)
>>298
chromeが悪いなんて一言も言ってませんが?
そんなレベルの話はしませんよ
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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