【jQuery】JavaScript ライブラリ総合質問所 vol.1

[過去ﾛｸﾞ] 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983ﾚｽ)
上下前次 1-新

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

760: 759 2012/07/12(木) 19:09:05.17 ID:??? AAS
自己解決。
たしかに、bootstrap使うと
focusイベントが殺される。
clickとかは生きてるのに。

んで、
$("#selector").on("focus", function(){/* イベント処理 */});
だとダメだけど、
$("#selector").on("hover", function(){/* イベント処理 */});
なら大丈夫なことが判った。
とりあえずこれに関しては、気持ち悪いけど解決。

761: 2012/07/12(木) 19:50:41.79 ID:??? AAS
そもそもfocusとhoverは違うんだけどつまりどういうことなんだ？

762(1): 2012/07/12(木) 19:55:53.08 ID:??? AAS
あれれ、なんか根本的にカンチガイしてるのか、俺。。。
div要素とかに、マウスカーソルが当たったイベントを
取得したいんだわ。

divの範囲にマウスカーソルが入る＝focus
divの範囲からマウスカーソルが出る＝blur

だと思ってた。
ちょっと再確認してくる。

763: 2012/07/12(木) 20:29:41.37 ID:??? AAS
クリックして選択した状態がfocus だバカたれ

764: 2012/07/12(木) 20:40:52.86 ID:??? AAS
>>762
div要素はfocusできないぞ
tabindex当ててるなら別だが

765: 2012/07/12(木) 20:46:29.49 ID:??? AAS
上空をオスプレイが通過 → hover
オスプレイが墜落 → focus
墜落したオスプレイを搬出 → blur

766: 2012/07/12(木) 22:03:32.59 ID:??? AAS
おぉ、ありがとう。
勘違いしたまま進むところだった。
マジ感謝。

767: 2012/07/12(木) 22:36:36.08 ID:??? AAS
牡プレイだと？

768: 2012/07/13(金) 00:12:08.03 ID:??? AAS
アッーー
mouseover, mouseoutじゃいかんの?

769: uy 2012/07/13(金) 01:34:22.28 ID:??? AAS
オスプレイがあるならメスプレイもあっていい
俺は常にメスプレイのことしか考えていないが
メスプレイの中でも俺は女子小学生が大好物

770: 2012/07/13(金) 01:53:05.71 ID:??? AAS
おまわりさん、こいつです。

771: 2012/07/13(金) 09:53:07.83 ID:??? AAS
おさわりまんこです。

772: 2012/07/13(金) 12:37:13.63 ID:??? AAS
JQueryMobileでの質問です。
「保存ボタンを押した時に確認ダイアログを出し、戻り値(新規追加、更新、取消)によって処理を分岐する」的なことをやろうと思ってます。

$(document).on('click', "#btnsave", function () {
　$.mobile.changePage("#dlg_check", "pop");
　
　if (msgret == 'ADD'){
　　//新規追加
　} else if (msgret == 'UPDATE'){
　　//更新
　} else {
　　//なにもしない
　}
});

こんな感じにしてみたのですが、これだとダイアログが出る前に下部分が実行されてしまいます。
何か良い解決策はないものでしょうか。

773: 2012/07/13(金) 13:22:32.73 ID:??? AAS
return false、他

774: 2012/07/13(金) 13:27:13.29 ID:??? AAS
ダイアログが出るまでまつ

775: 2012/07/13(金) 17:52:18.70 ID:??? AAS
コールバック関数ついてね?

776: 2012/07/13(金) 20:15:25.53 ID:??? AAS
JavaScriptのテンプレートエンジン(Ajaxでサーバーサイド言語頼り？)
なんてのがあるようですが、人気上位(1～3位くらい)のライブラリはどれですか？

777: 2012/07/15(日) 12:07:59.28 ID:??? AAS
ヘタに既存のテンプレートエンジンとか、CSSフレームワーク使うと
細かい部分でカスタマイズしたい時にハマるんだよな。

778: 2012/07/15(日) 12:29:31.35 ID:??? AAS
ああ、ちょっと何か変えたいと思っただけでも
解析しないといけないからな
既存の物を使って工数短縮になるのは、本当にそのまんま使った時だけ

779: 2012/07/15(日) 16:41:59.71 ID:??? AAS
クリックすると表示して他をクリックすると閉じるってどうやるの？

780: 2012/07/16(月) 00:22:55.72 ID:??? AAS
日本語でOK

とりあえず、やりたいことのサンプルとなる
サイトとかあれば晒してみれ
LightBoxとかじゃないのか？

781: 2012/07/16(月) 04:16:56.53 ID:??? AAS
fancyboxとかmodalwindowとか

782: 2012/07/16(月) 19:25:08.84 ID:??? AAS
jQuery++ってのがあるのね。
外部ﾘﾝｸ:jquerypp.com

jQuery Toolsってのも面白そう。
外部ﾘﾝｸ:jquerytools.org

Unserscore.jsは、標準APIみたいにいろいろ揃ってて便利。
外部ﾘﾝｸ:underscorejs.org

783: 2012/07/18(水) 15:01:43.50 ID:??? AAS
jQuery Mobileでdata-iconpos="notext"にするとボタンが小さすぎて困るんですが、何とかなりませんか？

784: 2012/07/18(水) 15:05:08.63 ID:??? AAS
data-iconsize

785(4): 2012/07/18(水) 15:19:06.75 ID:??? AAS
最近Webサイト制作の勉強をし始めた初心者です。
現在ドロップダウンメニューを作っています。
ググればテンプレはいくらでも出てくるのですが、今回は勉強の為にということで自分なりに作っています。

動作確認は、
Firefox 14.0.1
IE 9
Chrome 20
Safari 5.1.7
の4つのブラウザで行っています。

大体完成して期待していた動作をしてくれるのですが、どうもFirefoxでの動作がもっさりしています。
具体的には、jQueryの.slideDown()と.slideUp()で出たり引っ込んだりを実装しているのですが、その動作がもっさりなんです。
他の３つのブラウザではさくっと動いてくれます（Safariも多少もっさりしてますが個人的には許容範囲）。
因みにCSSでグラデーションを切ってborderのridgeをsolidに変えるか消すかすればさくっと動きます。

ソースはこれです
外部ﾘﾝｸ:jsbin.com

Firefoxでもっさりするのは仕様ですか？
それともどうにかして改善できますか？

宜しくお願いします。

786(1): 2012/07/18(水) 15:32:22.57 ID:??? AAS
Fx15.0a2 (2012-07-16)だけど全然もっさり感じない。
Fxはそもそもがけっこうもっさりって言われてるからマシンスペックとかメモリとかに影響されやすいのかもね。

787: 785 2012/07/18(水) 17:05:44.75 ID:??? AAS
>>786
レスありがとうございます。

「もっさり」をもっと具体的に言うと、
Firefox 30fps
Safari 45fps
IE 60fps
Chrome 60fps
という感じです。測った訳ではなく体感ですが。

15,0a2をインストールして試してみましたが、動きは変わりませんでした。
アドオンの関係かなと思い、全てのアドオン（Firebugしか入ってませんが）無効化でやってみましたが、変化無しでした。
マシンスペックは問題ないと思うのですが、以下に晒します。

Windows 7 Professional SP1 64bit
i7-2760QM
16GB RAM
AMD Radeon HD 6990M CrossFireX
SSD Hybrid HDD 1TB(500GB*2 RAID0)

Firefoxはもっさり、ですか。
確かにウィンドウのサイズ変えるのももっさりするなと感じているのですが、やはりこういうものなんですかね。

788(1): 2012/07/18(水) 17:17:28.03 ID:??? AAS
XPsp3、Core2Duo 2.33GHz、4GB
でChrome、Firefoxがほぼ変わらず、Safariのみ若干遅い、というかひっかかりがあるみたいな感覚ですね。
IEは8しか入ってないけどそれだと動かなかったです。
なおFirefoxは常用しているものなのでアドオンてんこもりです。

789(1): 2012/07/18(水) 17:25:38.57 ID:??? AAS
以前作ったjQuery使いまくりのサイトで
FireFoxとChromeでチェックしてみたけど、
jbgalleryやlightboxなんかはほぼ同じスピードで動いてたけどね
slide関連だけもっさりするのかな？

スペックもハイエンドノートみたいだから関係なさそうだし

790(1): 2012/07/18(水) 17:30:10.58 ID:??? AAS
あ、FireFoxだとslide関連遅いみたい。FPSが明らかに低いガクガクって感じになる

791(1): 2012/07/18(水) 17:37:58.36 ID:??? AAS
ちょっと暇だったんで >>785 のソースを勝手にjQueryっぽくしてみた。ごめんね。

$(function(){
$("#ddownmenu > ul").each(function(){
$(this).hover(
function(){
$(this).children(":not(:first-child)").slideDown("fast");
}, function(){
$(this).children(":not(:first-child)").slideUp("fast");
}
).children(":not(:first-child)").hide();
});
});

792(1): 2012/07/18(水) 17:43:44.47 ID:??? AA×

793: 785 2012/07/18(水) 17:54:18.01 ID:??? AAS
皆様レスありがとうございます。

>>788
ChromeとFirefoxがほぼ同じですか。
確かにSafariのは遅いっていうよりひっかかってるみたいな感じです。

>>789
>>790
やっぱりFirefoxはslide関係がもっさりなんですかねえ。

>>791
>>792
いえいえ、勉強になります。
特にjQueryは触り始めたのがここ数日で、慣れていないので上手く使えませんでした。
こちらの方がすっきりして良いですね、ありがとうございます。

794: 2012/07/18(水) 19:04:30.32 ID:??? AAS
確かに、引っ掛かりを感じるが…
計測してみたほうがいいんじゃね?

795(3): 2012/07/23(月) 19:33:06.99 ID:??? AAS
ページ内ポップアップで画像というのはよく見るのですが、別ページをポップアップするという機能はjQueryにありますでしょうか？
なんというワードで検索すればよいのかがわからず迷っております。
よろしければアドバイスいただけると助かります。

796(1): 2012/07/23(月) 19:58:34.56 ID:??? AAS
>>795
FuncyBoxとかThickBoxとか。

797(1): 2012/07/23(月) 20:06:35.63 ID:??? AAS
>>795
LightBox系の拡張でiframeに対応してるのを探せば良い

798: 795 2012/07/23(月) 20:46:20.49 ID:??? AAS
>>796-797
ありがとうございます。
こちらを参考に探させていただきます。

799: 2012/07/24(火) 07:44:36.73 ID:mpaHWWAt(1)調 AAS
jQueryのcrossfaderを使うと
画像が切り替わるたびにファンがうるさく回りだすのは仕様ですか？
それとも記述がわるいのでしょうか？

800(1): 2012/07/24(火) 17:40:00.07 ID:??? AAS
jQueryを利用してtextareaの文字数を表示するのにkeyupでできたのですが、
最初に画面を表示する時点ですでにtextareaに文字が入っている場合にも
文字数を表示したいのです。
今は、$("textarea").keyup(function(){...});としているのですが
どのようにしたらよいでしょうか？keyupに変わるイベント（？）のような
ものがありますでしょうか。

801(1): 2012/07/24(火) 18:48:54.62 ID:??? AAS
$("textarea").keyup(function(){...}).keyup();
キーアップが起こったことにしてやりゃいい。

802(2): 2012/07/24(火) 20:10:25.64 ID:??? AAS
スーパー初心者です。外部ﾘﾝｸ[html]:uptest.sitemix.jp

上記のサイトでちょっとしたアニメーションを作って見たんですが、
右へ動かした時に全体ががたついてグラグラしてしまいます。
なにが原因でしょうか。

またhtmlの入れ替えで複数のテキストを用意し一定の間隔で置き換えて、
(´・ω・`) がだんだんと後ろを向いたりこちらを向いたりさせたいのですが、
どうしたらいいんでしょうか。
過程を通り過ぎて一気に最後のものに置き換わってしまうので困っています。

803(2): 2012/07/24(火) 20:24:53.01 ID:??? AAS
>>802
こっちでは別にガタガタしないよ？
複数テキストの書き換えは内部的に一瞬で終わるんで最後しか見えない。
もしアニメーションさせたいなら書き換える、ちょっと待つ、書き換える、ちょっと待つ、ってやらないとダメ。

804: 800 2012/07/24(火) 20:38:24.03 ID:??? AAS
>>801
できました。キーアップしたことになるんですね。
精進します。
ありがとうございました。

805: 2012/07/24(火) 21:17:29.52 ID:??? AAS
>>803
ガタガタしないんですか。なるほど。ブラウザの問題かもしれないです。

よければ「ちょっと待つ」の部分で用いるエフェクトを教えてください。

806(1): 2012/07/25(水) 02:40:43.77 ID:??? AAS
jQueryを使ったtwitterの自分のつぶやきを表示させるもので、
ツイートを非公開設定にしていても読み込んでくれるものはありませんか？

807(1): 2012/07/25(水) 07:09:34.38 ID:??? AAS
>>802
.delay() を使おうとしているようで、それは正しい。
でも、その後の .html() はすぐ動いてしまうので、この処理もキューの中に入れなくてはいけない。
.queue()のcallbackをつかうんだ。

外部ﾘﾝｸ:api.jquery.com

808(1): 2012/07/25(水) 09:56:15.82 ID:??? AAS
>>806
自分で公開するスクリプトにTwitterのID/Passwordを埋め込むことの意味がわからない？

809(1): 2012/07/25(水) 16:21:49.99 ID:??? AAS
>>807
.delay()と.html()と.dequeue()を、.queueの中にいれると、
二段階は変化するようになったのですが、
それ以上は変化せず中間が端折られてしまいます・・・
構造の記述が間違ってるんでしょうか？

810(1): 2012/07/25(水) 17:00:10.89 ID:??? AAS
>>808
それを埋め込まないと非公開でも読み込んでくれるスクリプトは作れないって事ですか？

811(1): 2012/07/25(水) 17:14:44.88 ID:??? AAS
>>810
とりあえずお前が望んでいるようなものはないし作れない。
そもそも「非公開なものを公開したい」とか意味が分からない。

812(1): 2012/07/25(水) 18:45:03.63 ID:??? AAS
>>809
delay() は.queue()の外だ。
それ自体がキューに「数ミリ秒待つ処理」を加えるメソッドだから。

>>803 が書いている処理を一つづつキューに追加するって感じで書いてみな。

813: 2012/07/25(水) 19:48:44.89 ID:??? AAS
>>812
あびゃあああ！できました！！！！
みんなありがとう！！！！！

814(1): 2012/07/25(水) 23:10:43.04 ID:??? AAS
>>811
pixivとのツイッター連帯だと
本家で非公開に設定してもそっちでは公開できたりするので
もしかしたらできるのかと…すみません

815: 2012/07/25(水) 23:13:15.03 ID:??? AAS
ツイッター連帯
ツイッター連帯
ツイッター連帯

816: 2012/07/25(水) 23:42:54.94 ID:??? AAS
>>814
そういうのはサーバーサイドの次元であって、
クライアントサイドのJavaScriptのスレで質問するのは筋違いだよ。
Twitter連帯の仕組みを知りたいなら「Twitter OAuth認証」とかでググってみてね

817: 785 2012/07/26(木) 17:32:53.71 ID:??? AAS
しばらくぶりですが、動作に変化が見られたのでご報告致します。
特にこちらでソースを弄った訳ではないですけど。

Firefox(Aurora)が、16.0a2 (2012-07-25)に更新された後に先のページを表示しました。
するとドロップダウンの動作(.slideDown()、.slideUp())がスムーズでした。
念のためFirefox 14.0.1で確認しましたが、もっさりのままでした。

Firefox側で改善されたようなので、このまま正式にリリースされるといいですね。

818(3): 2012/07/26(木) 20:31:07.89 ID:VExQCWwA(1)調 AAS
jQueryの質問です。
以下のように書いた場合、jQuery1.3.2とjQuery1.7.1とで動作が異なります。
1.3.2では"foo.hoge"に続き"bar.hoge"のアラートが出力されますが、
1.7.2では"bar.hoge"のみのアラートで出力されます。

1.3.2ではfoo, barそれぞれに別のhogeメソッドを持っているようですが
1.7.1ではfoo, barとも同じhogeメソッドを持ち、上書きされているように
見えます。

この違いはjQueryのバージョンに因る仕様変更の為でしょうか？
1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか？

foo = $(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = $(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

$(function(){
foo.hoge();
bar.hoge();
});

819: 2012/07/26(木) 20:38:22.50 ID:??? AAS
>>818
これって何に使うん？

820: 2012/07/26(木) 20:55:34.76 ID:??? AAS
そもそも
foo = $(function(){ ... });
ってなんだかわかってる？

821(1): 2012/07/26(木) 21:20:48.29 ID:??? AAS
>>818
readyの状態になったときに
foo.hoge = function(){ alert('foo.hoge'); };
bar.hoge = function(){ alert('bar.hoge'); };
foo.hoge();
bar.hoge();
が順に実行される
何をしたいのかがさっぱり分からない

822: 2012/07/26(木) 21:21:52.98 ID:??? AAS
jQueryでのonreadyの略記ですよね？

823: 2012/07/26(木) 21:25:07.85 ID:??? AAS
>>821
1.7.1では"bar.hoge"のみ出力されるのは
なぜですかね？

824: 2012/07/26(木) 21:28:11.90 ID:??? AAS
$(function(){})は唯一のjQueryオブジェクトを返す
fooとbarに同じものを代入している
（1.3.2時代は唯一ではなかったのか？）

825: 2012/07/26(木) 21:29:06.69 ID:??? AAS
fooとbarに同じ唯一のjQueryオブジェクトを代入することに何の意味があるのか説明してくれ

意味のない質問に回答する意味がない

826(1): 2012/07/26(木) 21:55:26.69 ID:??? AAS
>>818

// 1.3.2
foo = jQuery(document).ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = jQuery(document).ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

// 1.7.1
var rootjQuery = jQuery(document);
foo = rootjQuery.ready(function(){
foo.hoge = function(){ alert('foo.hoge'); };
});

bar = rootjQuery.ready(function(){
bar.hoge = function(){ alert('bar.hoge'); };
});

827: 2012/07/26(木) 21:58:27.19 ID:??? AAS
「唯一のjQueryオブジェクト」とか言ってる奴は何も理解してないな。

828: 2012/07/26(木) 21:59:10.85 ID:??? AAS
では、質問を変えて、1.3.2では$(function(){})は別のオブジェクトを返すのですかね？

829: 2012/07/26(木) 22:02:47.94 ID:??? AAS
>>826
分かりやすい解説ありがとうございます。
そういう違いがあったのですね。

830: 2012/07/26(木) 22:20:38.06 ID:??? AAS
唯一神を信仰してるんだろ

831: 2012/07/26(木) 22:25:05.70 ID:??? AAS
そもそも何をやりたくてそういうコードになってるかの方が問題だと思うんだけど？

832: 2012/07/26(木) 22:32:44.39 ID:??? AAS
無意味な質問に回答する無駄

833: 2012/07/26(木) 23:04:28.68 ID:??? AAS
きっとどうしてそうなるかを聞きたいだけだろ
何がやりたいかを聞くほうがナンセンス

834: 2012/07/27(金) 11:03:06.26 ID:??? AAS
> 1.7.1で1.3.2のように動作させたい場合、どのように記述すべきでしょうか？

って言ってるくらいだから内部的な話じゃないだろ。

835: 2012/07/28(土) 09:38:15.19 ID:??? AAS
これ結構おもろいかも

『JSON PARSE PROXY SERVER for ２ちゃんねる』
外部ﾘﾝｸ[html]:nonoriri2012.blog.fc2.com

836: 2012/07/29(日) 01:13:34.26 ID:??? AAS
jQuery使う前の段階なんだけど、
UTF-8で保存しなくちゃならない
sakura2-0-5-0_x64を使うと入力途中に
Shift-JISで保存されてしまう
皆さん何のエディター使ってるの？

837(1): 2012/07/29(日) 01:27:35.14 ID:??? AAS
入力途中に Shift_JIS で保存される、の意味が分からんけど、
sakura エディタは ASCII のみのファイルはデフォルトで
Shift_JIS で開くから、Ctrl + Alt + F8 で UTF-8 で開き直せば桶。

838(1): 2012/07/29(日) 01:56:17.62 ID:??? AAS
禿丸エディター

839(1): 2012/07/29(日) 03:00:54.47 ID:??? AAS
notepad++

840: 2012/07/29(日) 12:32:06.30 ID:??? AAS
jQuery1.7.2とjQuery.mobile.1.1.1でアンケートフォームを作ったのですが、
フォームが送信されません。ボタンをクリックしてもボタンが押された動きを
するだけです。（<input type="button">の動作でsubmitの動作をしない）
<form action="next.php" method="post">
<div data-role="fieldcontain">
<label for="name">名前：</label>
<input type="text" id="name">
</div>
<div data-role="fieldcontain">
<label for="age">年齢：</label>
<input type="text" id="age">
</div>
<input type="hidden" name="hoge" value="huga">
<input type="submit" name="ok" value="送信" data-theme="b">
</form>
試したこととしては、
外部ﾘﾝｸ:dev.screw-axis.com
を参考に、ajaxEnabled:falseにして、formにdata-ajax=“false”を追加
しても同じでした。
どなたかアドバイスいただけないでしょうか？
なお関係ないかもしれませんが諸事情があり文字コードはEUC-JPを使っています。

841: 2012/07/29(日) 12:36:23.29 ID:??? AAS
>>837-839
Ctrl + Alt + F8 で UTF-8
で開きなおせるとは知らなかった
勉強になりました
一応希望の動作はしたので
しばらくこれでやってみます。

その他の方もありがとうm(__)m

842: 2012/07/30(月) 08:51:27.14 ID:WWngI3og(1)調 AAS
jQuery+jGlycyで画像をスライド表示させています。

テーブルを使ってスライド画像がウィンドウの中央にくるように配置しているのですが、
Chromeでページを開くと、画像の位置が下方にずれてしまいます。
ページを再読み込みしてもズレは変わらないのですが、
同じサイト内の別のページに行ってから該当ページに戻ると、画像が正しい位置に表示されるようになります。

Firefoxでは正しく表示され、LunascapeでもWebKitエンジン以外では問題ありませんでした。
（WebKitエンジンではChromeと同じように画像がズレます。）
ひょっとしたらjQueryとは全く関係のない話かもしれませんが、
どうかアドバイスあるいは誘導お願いします。

843: 2012/07/31(火) 00:07:58.27 ID:??? AAS
テキスト入力フォームをモーダルでポップアップさせたいんだけど
その際に、lightboxみたいに拡大アニメーション付きで出てくるようなプラグインありませんか？
ｊQuery UIみたいなのでいいんだけど、あれだとアニメーションなくいきなり出るので

ぐぐったらthickboxというのが沢山出てきたんだけど、何故か消えてる
他におすすめありましたら教えてください

844: 2012/07/31(火) 16:10:27.27 ID:??? AAS
FancyBox

845: 2012/07/31(火) 17:34:17.84 ID:??? AAS
TrashBox

846: 2012/07/31(火) 17:37:08.61 ID:??? AAS
GreyBox

847: 2012/07/31(火) 17:39:53.60 ID:??? AAS
ゴメンGreyBoxはjQueryじゃなかった

848: 2012/08/01(水) 10:06:38.65 ID:XMPrM83D(1/2)調 AAS
jQueryMobile使ってます。
ファイルアップロード用のフォームで
data-ajax="false"
を指定しているのですが、
この状態で読み込み中のエフェクト（丸が回転する奴）を表示する事ってできませんか？
$.mobile.showPageLoadingMsg();
で明示的に表示してもサブミットすると表示されなくなります。
通信してるのか分かりづらいので何か表示したいのですが
仕様として諦めるしかないですかね？

849(1): 2012/08/01(水) 10:52:56.73 ID:??? AAS
表示する処理を自前で書いたらいいんじゃないの

850(1): 2012/08/01(水) 12:53:29.79 ID:XMPrM83D(2/2)調 AAS
>>849
試しに
アニメGIFを
style.display = "none";
↓ボタン押下
style.display = "block";
フォームサブミット
とするようにしたのですが、
サブミットするとアニメGIFの動きも止まってしまいました。
諦めるしかなさそうですね。
data-ajax="false"を指定しなければいいのですが、
ファイルアップロードではajaxは切らないと駄目みたいですね。

851: 2012/08/01(水) 20:58:08.63 ID:??? AAS
アニメGIFが止まるってのはブラウザ側の問題だからどうしようもないな。

852: 2012/08/02(木) 16:33:38.99 ID:PJfckOTy(1)調 AAS
jQueryのContents Flow使っているんですけど、
両側の余白を0にしたり画像の余白を消すのってどこいじればいいんですか？

853: 2012/08/06(月) 12:42:40.26 ID:??? AAS
学ぶ力には三つの条件があります。

第一は自分自身に対する不全感。
自分は非力で、無知で、まだまだ多くのものが欠けている。
だからこの欠如を埋めなくてはならない、という飢餓感を持つこと。

第二は、その欠如を埋めてくれる「メンター（先達）」を探し当てられる能力です。
メンターは先生でもお母さんでも、ネットの中の無名の人でもいい。
生涯にわたる師ではなく、ただある場所から別の場所に案内してくれるだけの
「渡し守」のような人でもいいのです。
自分を一歩先に連れて行ってくれる人は全て大切なメンターです。

第三が、素直な気持ち。
メンターを「教える気にさせる」力です。オープンマインドと言ってもいいし、
もっと平たく「愛嬌（あいきょう）」と言ってもいい。

「学ぶ姿勢」のある人は、何よりも素直です。
つまらない先入観を持たないから、生半可なリアリズムで好奇心を閉ざさない。
素直な人に聞かれると、こちらもつい真剣になる。知っている限りのことを、
知らないことまでも、教えてあげたいという気分になる。そういうものです。

以上、この三つの条件をまとめると、

「学びたいことがあります。教えてください。お願いします」

という文になります。これが「マジックワード」です。
これをさらっと口に出せる人はどこまでも成長することができる。
この言葉を惜しむ人は学ぶことができないのです。
学ぶ力には年齢も社会的地位も関係がありません。
>>850さんも、早く学ぶ力を身に付けてください。

854(1): 2012/08/08(水) 00:28:33.98 ID:??? AAS
jQueryのCollapseを使っているのですが、
トリガーをクリックするとトリガーのタグの文字列が
変わるようには出来るのでしょうか？

855(1): 2012/08/09(木) 13:07:43.01 ID:fgdIUBcr(1)調 AAS
表示を切り替えたいのですが
チェックボックスを選択していないときは「A」という表示
チェックボックスを選択しているときは「B」という表示
を行いたいのですがJQueryでそういったことを出来る関数はありますでしょうか？

856: 2012/08/09(木) 13:15:41.44 ID:??? AAS
>>855
チェックボックスの状態に応じて表示を変える
チェックボックスの状態が変化したら表示を切り替える

857: 2012/08/11(土) 16:53:23.55 ID:??? AAS
jQueryMobileの糞重さに辟易して
Bootstrapに移行したのはいいけど、
結局それすら捨てて、最終的に
オレオレCSSフレームワークに。
もうなにがいいんだかわからん。

信じられるのはコアjQueryだけ。

858: 2012/08/11(土) 17:49:33.92 ID:??? AAS
jQueryMobileはとても実用にならないのに
時々技術系のサイトで紹介されてて
ああ記事書く人って実際使ってないんだなあって思った

859(1): 2012/08/14(火) 06:37:21.99 ID:??? AAS
>>854
できる。

860: 2012/08/14(火) 17:54:18.52 ID:??? AAS
>>859
どのようにするのか方法をお教え頂けないでしょうか？
お願い致します。

861: 2012/08/15(水) 19:47:43.08 ID:??? AAS
お前には無理

862: 2012/08/15(水) 20:01:28.59 ID:??? AAS
俺には無理

863(1): 2012/08/15(水) 21:34:23.05 ID:??? AAS
わかってるじゃん

864(3): 2012/08/15(水) 22:42:58.37 ID:lflABqjS(1/2)調 AAS
最新バージョンのJquery1.8を使用する検索システムでphpでmysqlに問い合わせた結果をajax処理し表示していますが、
クライアントPC(非サーバOS)のIE8でのみ、描画されるまでに非常に時間がかかります。
“clean:function"(2行目約70000文字列前)以降でやたら時間がかかっているのをIE8のデバッガを使用して確認しました。
他のバージョンのIE(6,7,9)では問題ないのでIE8が悪いのは承知しているのですが、
IE8で処理速度を向上するためにjquery側で何とかできる処理や確認すべき場所はありますでしょうか。
なお、時間がかかっても検索結果は正しく表示されます。
ご教示いただけたら幸いです。

865: 2012/08/15(水) 22:47:03.28 ID:??? AAS
>>863
お前にも無理

866(2): 2012/08/15(水) 22:55:06.77 ID:??? AAS
>>864
70000文字って何だよ
人間が読めるバージョンのソースがあるだろう

867(1): 864 2012/08/15(水) 23:10:21.67 ID:lflABqjS(2/2)調 AAS
clean:function(a,b,c,d){var f,g,h,i,j,k,l,m,n,o,q,r,s=0,t=[];～～から始まる一連の処理です。
処理の結果何らかのWhileを実行するようになるのですが、Whileに移動する際に
IEのデバッガの読み込みが遅くなることから、そのあたりに特に時間がかかっているように見受けられます。

868: 2012/08/16(木) 10:27:34.76 ID:??? AAS
そういうことじゃないんだが

869: 2012/08/16(木) 11:02:02.04 ID:??? AAS
ﾘﾐｯﾄかけてﾍﾟｰｼﾞﾝｸﾞすればいいのに

870: 2012/08/16(木) 13:31:11.28 ID:??? AAS
>>867
jQueryには Minified と Uncompressed の2種類があって、
後者は人間が読みやすいソースになっているから、
そっちでデバッガを動かしたほうがいいのではないか。
ってことを >>866 は言いたいんだと思うよ。

あと、1.8 は出たばっかりだし、メジャーバージョンアップなので
まだバグがあるかもしれない。1.8ではないと動かないということではなければ、
前のバージョンでためしてみるのもいいかもよ。
もしそれで違いが出るんなら、原因を突き止めて報告してやってちょうだい。

871(1): 866 2012/08/16(木) 13:33:40.09 ID:??? AAS
言葉足らずでごめんな
スマホだと面倒で

872: 2012/08/16(木) 15:05:46.77 ID:??? AAS
>>871
一人を除いてみんな分かってるから大丈夫だ

873(1): js初心者 2012/08/16(木) 15:31:50.10 ID:??? AAS
すまん誰かご教授いただきたいんだが、
$(function(){
$('.slider img:gt(0)').hide();
setInterval(function(){
$('.slider :first-child').fadeOut(4000, 'swing' )
.next('img').fadeIn(4000, 'swing' )
.end().appendTo('.slider');},
5000);
});
こんな感じでスライドショーしてるんだけど
しょっぱなの画像だけ表示時間を早くする事って可能でしょうか？

874: 864 2012/08/16(木) 15:44:35.28 ID:??? AAS
失礼しました。
6116行目を指します。
jqueryのバージョンに関わらず遅いです。

原因はわかっていませんが、回避方法を模索します

875: 2012/08/16(木) 16:34:52.00 ID:??? AAS
今まで模索してなかったのかよ・・

876: 2012/08/16(木) 16:44:37.35 ID:??? AAS
モサク

877: 2012/08/16(木) 20:22:30.36 ID:??? AAS
innerHTMLまわりかな

878: 2012/08/16(木) 22:05:30.14 ID:??? AAS
prototype.js って死んだ？

879: 2012/08/16(木) 23:13:35.63 ID:??? AAS
>>873

$(function(){
$('.slider img:gt(0)').hide();
hoge();
setInterval(function(){ hoge();},5000);
});

function hoge(){
$('.slider :first-child').fadeOut(4000, 'swing' ).next('img').fadeIn(4000, 'swing' ).end().appendTo('.slider');
}

880: 2012/08/16(木) 23:18:29.94 ID:??? AAS
jQueryを使うようになってからPrototype.jsなど忘れてしまった

881: 2012/08/17(金) 00:32:02.03 ID:??? AAS
noconflictとか使ったことない

882(1): 2012/08/18(土) 00:51:14.19 ID:??? AAS
.icon、.textBoxの高さを読み込んで比較し、.iconが.textBoxより小さければ『a』、それ以外なら『b』を表示させるものです。
chromeのみif(boxLeft < boxRight)は反応しますが、elseに反応がありません。
どう改善すれば機能するでしょうか。お願いします。

<html>
<head>
<script type="text/javascript">

</script>
</head>

883: 882 2012/08/18(土) 00:51:52.06 ID:??? AAS
以下続きです。

<body>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
<div class="commentBox" style=" min-height: 64px;_height: 64px; margin-bottom: 8px; position: relative;">
<p class="icon" style="float: left;"><img src="xxx.gif" width="64px" height="64px"></p>
<div class="textBox" style="width: 566px; float: right;">
テキスト
</div>
<br style="font-size: 0.1pt; clear: both; line-height: 0;"><br style="font-size: 0.1pt; clear: both; line-height: 0;">
</div>
</body>

IE6~で動作確認、FireFox動作確認。
google chrome(21.0.1180.79)でのみ動作しません。

884: 2012/08/21(火) 08:07:26.11 ID:??? AAS
jquery-cycleのスライドショーで縦画像はボックス内の左に配置されます。
これをセンタリングする方法を教えてください。
.jquery-cycle {
text-align: center;
overflow: hidden;
}

.jquery-cycle img {
text-align: center;
}

どちらもうまくいきません。

885: 2012/08/24(金) 19:29:26.55 ID:??? AAS
chirpを動作させようとしてるのですが、

<script type="text/javascript" src="chirp.min.js"></script>
<script>Chirp({
user:'twitterのユーザー名',
max:5,
retweets: false,
replies: false,
templates: {
base: '<ul class="chirp">{{tweets}}</ul>',
tweet: '<li><p><a href="外部ﾘﾝｸ:twitter.com" title="{{user.name}} ? {{user.description}}">
<img src="{{user.profile_image_url}}"></a> {{html}}</p><span class="meta"><time>
<a href="外部ﾘﾝｸ:twitter.com">{{time_ago}}</a>
</time> — via <a href="外部ﾘﾝｸ:twitter.com" title="{{user.name}} ? {{user.description}}">{{user.name}}</a></span></li>'
})</script>

でツイートが表示されません。

templates以下を削除したり、
<script>Chirp('username')</script>
でスタイルシートを適用させない場合は表示されるのですが…
どうしたらスタイルシートを適用させつつ表示させられますか？

886(2): 2012/08/25(土) 02:42:40.73 ID:??? AAS
javascript質問スレから誘導されました

prototype.jsを利用してクラスを作るとき、
一つのメソッド内で同クラスの他のメソッドは呼び出せないのですか？
他の言語、たとえばjavaなんかではできると思うのですが、prototype.jsの機能では不可能なのでしょうか？

上下前次 1-新書関写板覧索設栞歴

あと 97 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ

ぬこの手ぬこTOP 0.026s