2013年01月Web制作8: 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (384)
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▼
HTMLは狂っている (516)
ホームページ作ったらどうやって宣伝してる? (485)
【好評発売中】Microsoft Expression【part2】 (909)
魔法のiらんどに疲れた奴の集い 2 (552)
おまいらどういう流れでWEBデザイナーになった? (814)
HPを更新したらageるスレ Part2 (521)
【jQuery】JavaScript ライブラリ総合質問所 vol.2
1 :2012/10/20 〜 最終レス :2013/01/16 JavaScriptライブラリ を自ら学ぶ人のための質問スレッドです。 ■質問を書く上で (1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など) (2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。 (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など) (3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。 (4) 常に自発的に調べる心構えを持ってください。 具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。 わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。 (5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。 (6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。 ※必ず「問題の事象が再現されること」を確認してください。 必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。 (7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。 (8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。 ■質問テンプレート 【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4) 【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。 【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用) 【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。 【サンプルコード】現象を再現可能な最小限のコードを書いてください。 1レスに収まらないならコード投稿サイトを利用してください。 http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/ 前スレ: 【jQuery】JavaScript ライブラリ総合質問所 vol.1 http://toro.2ch.net/test/read.cgi/hp/1327814124/
2 : ■関連スレ + JavaScript の質問用スレッド vol.103 + http://toro.2ch.net/test/read.cgi/hp/1347073302/ JavaScript Tips コレクション http://toro.2ch.net/test/read.cgi/hp/1070611524/ 1行javascriptプログラミング http://toro.2ch.net/test/read.cgi/hp/1066750037/
3 : <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js "></script> <script type="text/javascript" src="https://github.com/jamespadolsey/jQuery-Plugins/raw/master/cross-domain-ajax/jquery.xdomainajax.js "></script> <script type="text/javascript"> uri = 'http://xxxxxxxxxxxxxxxxxxxxxxxxxxxx'; $.get(uri, function(data){ $('#result').html(data); }); </script> <div id="result"></div> 文字化けしてしまうんですが、どうすればいいでしょう? xxxxxxxxxxxxxxxxxxxxxxxxxxxxのサイトはEUCです
4 : EUCで取得したコンテンツをUTF8とかで表示しようとしてるとか
5 : fullcalendarを使っています <script type="text/javascript"> $(document).ready(function() { $('#calendar').fullCalendar({ events: [ { title: '来客', start: new Date(2012,10,22) }, { title: '沖縄旅行', start: new Date(2012,10,15), end: new Date(2012,10,23), }] }); }) </script> 一ヶ月先のカレンダーにイベントが表示されます。 この場合だとOctoberではなくNovemberに。 原因は何なのでしょうか?ご教示下さい。
6 : jQueryは内部UTF-8で他のコードだと文字化けするらしいのですが、 EUCのサイトを文字化けしないように取得処理する方法はありますか?
7 : 質問をお願いします。 【ブラウザ】IE9, Sleipnir 2 上記ブラウザでメニューボタンの画像を何度も連続でマウスーバーさせると ブラウザが重くなって固まります。(それ以外のブラウザは正常に機能する) 連続でマウスーバーしても固まらない方法を教えていただけないでしょうか? 画像使用した方法が無理な場合は、画像を使用しない方法(背景色と打ち込み文字のボタン)でも結構です。 使用したスクリプト(ロールオーバーしたボタン画像以外を半透明にする) $(function() { var nav = $('.h-nav'); nav.hover( function(){nav.not(this).stop().fadeTo("slow", 0.30);}, function () {nav.not(this).stop().fadeTo("slow", 1.00);} ); }); 画像を使用して無理な場合はこのスクリプトを改造しようと思うのですが、 背景色も同時に変える方法がわからないので教えていただけないでしょうか? $(function() { var nav = $('#nav8 li a'); nav.hover( function(){nav.not(this).stop().animate({color : '#D8D8D8'},700);}, function () {nav.not(this).stop().animate({color : '#333333'},700);} ); });
8 : >>5 ちゃんと見てないけど、new Dateしちゃうと 1〜12月は0〜11だからとか? eventsプロパティは、 start: new Date(2012,10,22) ではなく start: '2012-10-22' では?
9 : >>6 ここが参考になりそうだな http://qanda.rakuten.ne.jp/qa5644450.html?order=DESC&by=datetime
10 : >>8 仰るとおり、 start: '2012-10-22' としたらちゃんと10月に表示されました!ありがとうございました!
11 : >>9 ごめんなさい、わからないです;;
12 : >>11 EUCのサイトをUTF-8に変更するべき 変更できない場合は難易度が格段に上がるので、>>9 が理解できなければあきらめるしかない
13 : >>12 他人のサイトなので変更できないですorz 断片的に情報かかれてるところじゃなくて どこかにサンプルまるごとおいてるところないですかね? 知識なさすぎて、全然理解できない
14 : >>13 だったらここじゃなくて初心者スレ行け
15 : 引用元サイトのコンテンツがEUC固定なのか。 これ使えないかな。 http://polygon-planet-log.blogspot.jp/2012/04/javascript.html JSだけで文字コード変換やるライブラリ。
16 : jQueryを使ったほうが再起処理のベンチマークが早くなるようなケースがあったら教えてください
17 : afterなどの要素の挿入のアニメーションってできますか?
18 : 要素が挿入される過程をアニメーションにしたいのか 挿入された要素にアニメーションを適用したいのか はたまた他の表現方法なのか。
19 : >>18 挿入される過程です。
20 : 挿入して、その要素に対してアニメーションをおこない、 アニメーションしている間は、setTimeoutなどでタイミングを取る、 ってことをやれば実現できそうだよね。
21 : vgrid.jsって知ってる?コレでブログ作ったんだがboxがデモみたいにアニメーションしないんだ。 トップページが重いのかな。誰か使ってる人いますか。?
22 : ブラウザのコンソールにエラーが出てるんじゃね?
23 : すみません、質問させてください 1)特定のdiv中の.text()値を取得する 2)上記の取得値をパラメータにし、phpに.post()でアクセスし、mysqlにクエリして結果を配列で取得(タグの一覧) 3)取得した値をループでまわしてチェックボックス生成 4)任意のdivの中に流し込んで画面表示 という処理をしてるのですが、クエリでの配列取得までは毎回問題なく成功するのですが ループ処理が失敗してチェックボックス表示が出来ません 単純にeach()でまわしてるだけなので、成功したり失敗したりする原因が分かりません 失敗につながるコードの欠点や原因の推測でも結構ですのでご意見ください (また、jqueryでのこういう生成ミスってよくあることなんでしょうか?) コードが長いので、外部のサイトにアップしました よろしくお願いします http://www1.axfc.net/uploader/so/2665423.txt
24 : ブラウザのコンソールにエラーが出てるんじゃね?
25 : Rゴミ共が
26 : サーバサイドロジックが絡むと、そのショルも結果もわからんから アドバイスしづらいけど、 どこかでundefinedなオブジェクト参照してるんじゃね? コンソール使うんはデフォだとして、chromeのJavaScriptを デバッガ使うと追いやすいと思う。 ブレークポイントも設定できるし。
27 : あとは、phpから返すレスポンスは、タグ一覧ではなく JSON形式にして、JS側でparseしてオブジェクト化して eachなりで回したほうがいいんじゃないかな。。。 好みの問題かもしれないけど。 forの中でvarで定義されてる変数をforの外で参照してるとかも 気になる。
28 : あ、オブジェクト化はやってたのか。失礼。 ちゃんと見てなかった。。。 この時間に帰宅すると、頭まわらん。
29 : コンソールを見てたら原因判明して解決しました 出力する値をエスケープする関数の処理に問題があって途中で処理が止まってたようです どうもありがとうございました
30 : 質問です。 $.ajax({ url: "http://exsample.com", type: 'GET', dataType: 'text', success: function (data) { var doc = ????; doc.evaluate("//a", doc, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null); } }); ??? の所でDOMを構築?したいのですがどのようにしたらいいのでしょうか?
31 : その data がどういうものかがわからないと。
32 : >>31 すみません htmlの文字列です
33 : それなら $(data).get(0) でDOMは得られる。 けど、HTMLなら document.evaluate() じゃなかったっけか。
34 : >>33 できました! ありがとうこざいます。確かにdocument.evaluateでした
35 : Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が
36 : jQueryです。 <ul> <li id="top">top</li> <li id="list1">list 1</li> <li id="list2">list 2</li> <li id="list3">list 3</li> </ul> <script> var list3 = $("#list3"); $("#top").after(list3); </script> #list3要素を、#top要素の後に"コピー"してくれんのかな?と思ったら、 #top要素の後に"移動"されてしまうようなんだが、jQueryってこういうもんですか? #list3要素を#top要素の後に"コピー"したい場合はどうしたらいいんでしょう。
37 : スイマセン、.clone()というのがありました。
38 : jqueryUIの質問というか相談です(バージョンは1.8.23です) カレンダーのdatepickerプラグインを改造しようとして、 development-bundle/ui/jquery.ui.datepicker.js を触ってるんですが変更が反映されません おかしいと思って、同ファイルにあちこちに alert('test'); と仕掛けてもアラート表示されず それどころか同ファイルを削除しても普通にdatepickerのカレンダーが表示されます なぜでしょうか? キャッシュも疑いブラウザ再起動や別のブラウザに変えても同じようになります (一方で日本語化のdevelopment-bundle/ui/i18n/jquery.ui.datepicker-ja.jsは削除すると英語に戻ります) 何が原因でしょうか? 自サーバーのjquery.ui.datepicker.jsよりも優先して外部のファイルをとりにいくみたいな機能があるんでしょうか jquery-1.8.0.min.jsもjquery-ui-1.8.23.custom.min.jsも自サーバーのものを使ってるんですが… ご意見よろしくお願いします
39 : >>38 あー、すみません。理解不足でした jquery-ui-1.8.23.custom.min.jsのなかのdatepickerが標準で実行されるんですね こっちを編集しなきゃいけなかったのか、スレ汚し失礼しました
40 : マウスオーバーで右にスライドし、マウスオーバーが外れると元の位置に戻るメニューリストを作成中です。 クリックしたメニューはスライドさせたままで固定させておきたいのですが、どうにもうまくいきません。 良いやり方をご存知の方、お知恵を拝借させてください。どうかよろしくお願いします! $(function($){ $('#menu li') .hover(function(){ $(this).stop(true).animate({ marginLeft : '0' }, 'fast', 'swing') }, function(){ $(this).animate({ marginLeft: '-75px' }, 'slow', 'swing') }) .click(function(){ $(this).css({ "margin-left": "0" }); }); });
41 : click時に特定のclass名を付与し、特定のclass名を持っている場合、 mouseoverしてもanimateしないようにする とか
42 : >>41 なるほど、付与するという手があるのか! $(function($){ $('#menu li') .hover(function(){ $(this).stop(true).animate({ marginLeft : '0' }, 'fast', 'swing') }, function(){ if(this.hasclass("hogehoge"){ $(this).animate({ marginLeft: '-75px' }, 'slow', 'swing') } }) .click(function(){ $(this).addclass("hogehoge"); $(this).css({ "margin-left": "0" }); }); }); こんな感じですよね? それで、どこかでremoveclassを実行すればいいのか…どこでやればいいかはちょっと考える必要がありそうですがw 本当にありがとうございます!
43 : >>42 if(!this.hasclass("hogehoge"){ じゃないか? それはそうと、その方法だとうまくいかない気がする。気がするだけで試してないけどw
44 : 違うよ
45 : チガウヨ?
46 : 特定の要素にフラグを立てたいだけなら .data() でもいいね。
47 : >>43 試してみてるんですけど確かにうまくいきません。。 クリックしたらスライドバックせずに固定されるところまでは良いんですけど、 固定されたままになったりちぐはぐな動きをします。 こういったメニューって無くはないと思うんですが、みんなどうやってるんですかね。。はぁ
48 : それタイポしてるよ $(function($){ $('#menu li').hover(function(){ $(this).stop(true).animate({marginLeft: '0' }, 'fast', 'swing'); }, function(){ if(!$(this).hasClass("hogehoge")){ $(this).animate({marginLeft: '-75px' }, 'slow', 'swing'); } }); $('#menu li').click(function(){ $(this).addClass("hogehoge"); $(this).css({"margin-left": "0"}); }); }); これなら一応動くけど、 クリックしたらその都度hogehogeクラスが適用されるから最終的に全部クリックすると全部動かなくなる。 変数に今hogehogeがついてるliは何番目か等を記録して、 新たにクリックされたものと違えば古いhogehogeを外すなどが必要
49 : $(function($){ $('#menu li') .hover(function(){ $(this).stop(true).animate({ marginLeft : '0' }, 'fast', 'swing') },function(){ if(!$(this).hasClass('hogehoge')){ $(this).animate({ marginLeft: '-75px' }, 'slow', 'swing') } }) .click(function(){ $('#menu li').removeClass('hogehoge'); $(this).addClass("hogehoge"); $('#menu li:not(.hogehoge)').animate({ marginLeft: '-75px' }, 'slow', 'swing') }); }); 初心者なので微妙ですがこんな感じはどうでしょうか?
50 : $(function($){ の2つ目の$は何? 全く意味が無いと思うんだけど、どうしてそれを書いたの?
51 : プラグイン作ってたんでそのときの消し忘れ・・・
52 : リンク部分でurlがそのまま表示されてる場合で、ものすごく長いとき、 アンカーのほうはそのままで表示部分だけ20文字などに省略したり、あるいは「こちら」という文字に置換できません <p><a href="http://www.hoge.u.d/83%85% 〜 スゴく長い 〜 E3%83%.pdf">http://www.hoge.u.d/83%85% 〜 スゴく長い 〜 E3%83%.pdf</a></p> これを <p><a href="http://www.hoge.u.d/83%85% 〜 スゴく長い 〜 E3%83%.pdf">http://www.hoge.u.d/83%85%...</a></p> あるいは <p><a href="http://www.hoge.u.d/83%85% 〜 スゴく長い 〜 E3%83%.pdf">こちら</a></p> みたいにするにはどうすればよいでしょうか?
53 : もしかして:URL載せなければ良いのでは
54 : >>48 申し訳ありません、タイポとはなんでしょう?ぐぐってもタイポグラフィしか出てこない… 改善策ありがとうございます。なんとか考えてみているところです >>49 なるほど、これはいけるかもしれません。今から試してみます! ありがとうございます。 >>50 実は同じfunctionの中に別処理もかましていまして、その処理に必要なのです
55 : >>54 禁煙してる時に加える奴だよ
56 : >>55 「私はコレで会社を辞めました」ってやつですね 全然違うサイトを見ていたら偶然載っていたんですが、どうやらtypoはタイプミスのことっぽいですね
57 : >>53 レスありがとうございます もとの記事は自分が記載したものではないのです。自動化の部分でヒントだけでもお願いします
58 : text('こちら') これじゃだめ?
59 : >>57 アンカーの文字は $('a').html(書き換える文字); で書き換え ↑だと画面全体のaタグが書き換わるので $('#linkBoxDivId').$('.replaceAnchorClass').html(); とか指定する ↑だと全部一つの言葉しか指定できないから $(指定するa).each(function(){ var a=$(this); var href=a.attr('href');//hrefの値取り出す href= 適当な変換処理 a.html(href); }); みたいな感じ? 何がしたいのかがよく分からんからなんとも
60 : ありがたきしあわせでございます。 えっと、なにがしたいかといいますと 預かったhtmlファイルは同じdivコンテナの中に 日本語のテキストの <a href="http://www....."> こんにちわ</a>と 前述のurlむき出しの <a href="http://www..... 長い......">http://www.... 長い.....</a>と がただだらだら並列に存在していて そのうちの <a href="http://www..... 長い......">http://www.... 長い.....</a>だけ 操作する方法がわからないのです>< Pクラスとかで括ってないので 全部があきかわっちゃいます><
61 : ttp://jsfiddle.net/LbUKv/ そもそもjQueryかすらわからんし、説明が曖昧で、 内容がよく掴めないので、的外れでも知らない
62 : ページ内の<a href>を総なめして テキストがhref=ではじまるものだけピックアップして置換するんじ
63 : するんじゃね?具体的には書き方は住人の偉人たちに聞いてくれ
64 : $('button').click(function(){ $('div').each(function(index,domEle){ // domEle == this $(domEle).toggleClass('change-font-style'); if($(this).is('#stop')){ $('span').text('Stopped at div index #' + index); return false; } }); }); <button>click me</button><span></span> <div class="d1">aaa</div> <div class="d2" id="stop">aaa</div> <div class="d3">aaa</div> ってのを作って、ちゃんと意図通りに動いたのはいいんですが、 いちいち each functionの引数にdomEle を定義する理由が分かりません。 下記のコードを試してみましたが問題なく動きました。 (Mac Firefox でしか検証していませんが) $('button').click(function(){ $('div').each(function(index){ $(this).toggleClass('change-font-style'); if($(this).is('#stop')){ $('span').text('Stopped at div index #' + index); return false; } }); }); この両者のコードの違いは何なのでしょうか? 違いがあるとすればどういう場面でその違いを実感することができるのでしょうか? また、domEleが自動的にthisに解釈される仕組みがよく分かりません。 ちなみにhttp://semooh.jp/jquery/api/core/each/callback/ のサンプルコードを参考にしています。以上、ご教授のほどよろしくお願いします。
65 : ぱっと見だけど、thisが何か最初は分かりにくいからわざわざ上の書き方してるんじゃない? each内のスコープを理解してるなら下で良い思う。
66 : thisに解釈される仕組み、って言うか each自体が元々取り出したものを投げ入れるルール。 例えばclass="some"で指定したタグが何個かあるとして class="some" id="a1" class="some" id="a2" class="some" id="a3" $('.some').each(function(){ alert(this); // この中のthisはsomeの一つ一つそのもの、例えば"a1" $(this).処理 // 大抵はjQueryオブジェクトに変換して使う }); alert(this); // eachループを抜けた後はそこのスコープのthis。
67 : メッセージ受付フォームのページを用意するとして 1日に一通しか送れないようにするにはどんな方法がいいですか? 24時間経過しないと ・submitボタンがdisabled ・アテンションが出てたフォーム非表示 みたいな感じでしょうか? 好きにしろと言われそうですがそこをなんとかお願いします
68 : JavaScriptのライブラリがどう関係するのかわからないが、 少なくても入力欄に入力することができないようにしないと、 入力後にそれを知ったときの絶望感は果てしないと思う
69 : >>67 jquery.cookie使ったら? 送信後にクッキー書き込む。 24時間後にクッキー削除。 クッキーがある間はボタン押せない。
70 : それだとクッキーを自分で削除したら、何度でも押せませんか?
71 : ↑これphpなどに渡さずに jQueryだけでいけたら超クールだね
72 : ずーっと通信しっぱなしにして管理するとか、 そういう外道な手しか無いような気がする
73 : クッキー消したら、みたいな話するならそもそもJavaScriptの実行止められたらどうしようもないだろ。 根本的にはサーバ側でしかできんよ。
74 : twitterのアカウント作って裏で通信してログ代わりみたいな事出来んかな。ふと思いついたんだけど
75 : 何故Twitter?
76 : いや、最初に思い出しただけでAPI使えて何かしらデータ残せるなら可能性あるなと。自分のアカウントならOAuth突破自動化出来るんじゃない?
77 : あ、あれだ。Google AnalyticsのAPIでイケるよ。jsだけで一日書き込み禁止。 自分のサーバ使った方が百倍楽そうだけど
78 : >>64 jQueryと第一引数、クロージャ。難しい http://en.yummy.stripper.jp/?eid=1353835
79 : jqueryにおけるclick()の挙動について教えてください。 質問1 下記のそれぞれの記述において、$('#link1').click()を実行すると 1)のケースでは何もしない、2)のケースではリンク先に移動で正しいでしょうか? 1) <a href="hoge.html" id="link1">hoge</a> 2) <a href="hoge.html"><span id="link1">hoge</span></a> 質問2 両方とも、画面でクリックすればリンク先に移動しますが、 javascriptで1と2を同じ形で扱って実現するにはどうすれば いいでしょうか?
80 : worota
81 : >>79 1はjQuery関係なくアンカーのクリックイベントが発動? 2はjQuery関係なくspanがインライン要素だから押しにくい?
82 : Chrome ExtensionやFirefoxのグリモンスクリプトで、ツール作っているのですが、 対象が、時によって変化し、時に79の1)の型、時に2)の型になり、時にリンク無しとなります。 要は、その場所をクリックして移動したいので 1)の時は、location.href=$('#link1').attr('herf'); 2)の時は、$('#link1').click(); とケース別に対応すればいいのですが、 1)の場合も$('#link1').click()で飛んでくれたら楽じゃないですかw。 画面でクリックはそうなるんですから。 ということでの質問です。
83 : >>82 ごめんまだちょっと分からないんだけど、jsで扱いたい箇所は何?hrefの値?クリックイベント? 読んだ感じでただ飛ぶだけなら何もしなくても飛ぶよね。 何かしら処理入れるなら、$('#link1').click()でまとめる事は出来ても事前に処理は要ると思う。セレクタを工夫するにしても
84 : >>82 ああ、リンクなしになるって書いてるな。
85 : >>82 とりあえずただ短く指定するなら (($('#link1')||$('link1').find('span')).click();
86 : シャープ抜けた (($('#link1')||$('#link1').find('span')).click();
87 : なんでもいいのですが、 例えば、株価をチェックするルーチンをぐるぐる回していて、株価が設定した値になったら、 購入のボタンをクリックしたい。 その購入のボタンが、状況によって、1)の形になったり、2)の形に変る。 で・・・・クリックするのに、画面操作ではクリックで済むが、 jsで実行するには、jqueryだと場合わけしないといけないみたい。 もしかしたら、知らないだけでjqueryでも場合わけしないで処理できるのか? 他のメジャーなライブラリーではclickで飛ぶライブラリーがあるのか? ということです。 もしくは、jqueryのこういうポリシーで、79の1)のケースはリンク先に飛ばない・・・と いう説明でもいいかもしれません。それならそれで、納得して自作ライブラリーでも 作ります。
88 : なんでもいい
89 : >>87 ?んん??自動化したいって事?jsでボタンを押したいみたいに読めるけど。ますます分からん
90 : >>85 1のケースで $('#link1").click()は、onclickで設定されているイベントを実行するだけで リンク先に飛びません。 なので困ってるわけです。 (ちなみにjquery 1.7.2で試してます。)
91 : もしかして? 1)のケースでリンク先に飛ぶのですか? Windows XP SP2でIE8、Chrome23、Firefox12で飛ばないので・・・・ 他の環境で飛ぶのであれば、その環境を教えてください。
92 : まず、リンク先に飛ぶのにclickイベントは関係ない。 それで、hrefの値を取りたいなら ($('#link1').attr('href')||$('#link1').parent().attr('href')) で取れる。 それでlocation.hrefなりすれば良い。 けど、js向きの案件ではないねそれ
93 : 1のケースはjsで何もせんかったら飛ぶよそりゃ
94 : >>92 clickで飛ばないのが標準なのですか つまり、79のケースで2)の動作がおかしい?
95 : いや、1も2も正しい動作で1は元々のクリックイベントが塗り変わってる
96 : >>93 と、思ってやってるんですけれど、飛ばないので やってきてるわけで。
97 : click( に何を書いてる?ひょっとしてclick()でただリンク先に飛ぶと考えてる?
98 : ひょっとしてやりたいのはこれか? location.href=($('#link1').attr('href')||$('#link1').parent().attr('href'));
99 : >>97 ああ、やっと話が通じてきたようなw ()には何も書いてません。 最初2のケースにR、 飛ばないかもしれない、でも飛んだらいいなと思って、 2のケースで試して飛んだ。 で、1のケースは飛ばない・・・ なぜに? ということです。
100 : いちばん問題なのは質問者の具体性に欠けた説明不足による混乱
101 : ついでに言うと、クリックする先は、通常のリンク、オンクリックが設定されたリンク、 2のspnanではなく画像を挟んだリンク、フォームのsubmit 等、もろもろ なので、location.hrefで常にとぶわけではないのです。 ただ、画面操作はクリックです。なので、$().click()で飛んだらいいなとw
102 : そんな、便利なものは無いと?
103 : >>101 の場合どこに飛びたいんよw ヒントもう少しくれ
104 : >>100 まずは、79の1でリンク先に飛ばず、2でリンク先に飛ぶ理由を教えてください。 それだけです。
105 : $('#link1').trigger("click"); これで飛ぶ?
106 : ダメ
107 : 要素そのもののデフォルトアクションはキャンセルするけど、 バブリングで起こるアクションは知らん、みたいなことか?
108 : clickをunbindしてbindしたら?
109 : 無理
110 : もう普通にURL探してhttpsendしなよ。イベントでやらなきゃいけない訳でもあるの?
111 : >>110 いや、できないと言うことなら、そうしますよ。 できないと納得させてくださいという、意地悪な質問なのです。 というか、click()は何をする関数なんですか?という質問とでもいうべきか。 95の詳細を伺いたいわけです。
112 : イベントが書き換わってる訳ではないみたいね。俺も調べて知った。 で、元々は何がしたかったの?
113 : APIで取得したデータを基に、さらに別のAPIからデータを取得することはできますか? Getの入れ子というか… アホ→間違えてJavaScriptスレに誤爆してしまいました アホ→マルチではありません
114 : あまりjsの得意な分野ではないだろうけど、出来ると思うよ。 やり方としては、もう単純に積み重ねるというか繰り返すしかないけど。逆に言えば一つが出来たのなら必ず出来る。頑張って。
115 : 例えば<div>あいうえお</div><div>かきくけこ</div>ってあって $("div")[0]で呼び出せば「あいうえお」が取得できるんですよね? アラートで表示させてみてるんだけど、どうしても[object][HTMLDIVelement]みたいな ものしか表示されない
116 : http://www.seiai.ed.jp/sys/text/htm4/chp09/h09a31.html
117 : >>115 です 自己解決しました 表示順が悪かったみたいです
118 : <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <base href="http://example.com/test/"> </head> <body><div data-role="page"> <div data-role="header"><h1>Page Title</h1></div><!-- /header --> <div data-role="content"> <form action="./z.cgi/path_info/" method="POST" utn> <div data-role="fieldcontain"> <label for="search"><input type="submit" value="検索" data-mini="true" /></label> <input type="search" name="keyword" id="search" value="" data-mini="true" /> </div> </form> </div><!-- /content --> <div data-role="footer"><h4>Page Footer</h4></div><!-- /footer --> </div><!-- /page --></body> </html>
119 : >>118 のhtmlのurlが http://example.com/test/a.cgi/path_info/ の場合に「検索」を押すと、 http://example.com/test/a.cgi/path_info/z.cgi/path_info/ にリンクされます。 本当は http://example.com/test/z.cgi/path_info/ にリンクさせたいので、 <base href="http://example.com/test/"> を指定しているのですが、どこが問題なのでしょうか? 下記などでも<base>タグは機能するというような内容が書いてあるのですが、 原因がわかりませんでした。 ttp://dev.screw-axis.com/doc/jquery_mobile/components/pages_dialogs/ajax_hashes_history/ jquery mobileを外しcgiのみにすると意図した動作をするので、 jquery mobileの問題だと思い、こちらに質問しました。 他に適切なスレがあれば、お手数ですが誘導お願いいたします。
120 : js関係なくね?
121 : form action="/test/z.cgi
122 : >>101 $('#link1').get(0).click(); とか
123 : menuにマウスが乗ったときに対応した各画像を表示し、 外れたら元の画像(menu 1の画像)を表示するスクリプトを考えています。 <div id="foo"> <div id="img"><img src="main.png"/></div> <ul id="menu"><li>menu 1</li><li>menu 2</li><li>menu 3</li><li>menu 4</li><li>menu 5</li></ul> </div> $('#menu li a').hover(function(){ // menuに対応した画像を#imgに表示と、menuのrollover },function(){ // menu 1の画像に戻して、menuのrollover }); これではmenu 1 ~ 5へとマウス移動しても、一度menu 1の画像が 表示されてから、次の対応画像が表示されてしまい、画面がちらつきます。 #menuから外れたときのみmenu 1の画像を表示させたいのですが、 どうすればよいでしょうか。 # 他に試したもの # $('#foo').hover(function(){ // menuに対応した画像を#imgに表示と、menuのrollover },function(){ $('#container').not('#foo').mouseover(function(){ //menu 1の画像に戻して、menuのrollover //ここだとfadeInが効かない }); return false; });
124 : 質問です、以下のdomがあります <div id="box"> <p><input type="radio" value="0">aaa</p> <p><input type="radio" value="1">bbb</p> <p><input type="radio" value="2">ccc</p> <p><input type="radio" value="3">ddd</p> <p><input type="radio" value="4">eee</p> </div> これで、dddを持つ<input>に対してchecked=checkedを付加するにはどうしたら良いでしょうか $('#box p').each(function(){ if($(this).text() == "ddd"){ $(this > 'input').attr('checked','checked'); } }); こんな感じでやったのですがうまく行きません。よろしくお願いします。
125 : >>124 $(this > 'input')を、 どれでもお好みで $('> input', this) $('input', this) $(this).find('input') $(this.childNodes)
126 : >>125 ありがとうございました
127 : htmlエスケープについて教えて下さい 画面の初期化ボタンを押したら画面表示時の状態に戻したいのですが input type="reset" は使えないので、scriptでゴリゴリなんとかしようと 思っています。 hiddenタグに初期値をいれておいて、ボタンが押されたらtextboxに反映して やればいいやと思ったんですが、 "<B>"−(1)→"<B>"−(2)→"B" 1と2の変換方法は分かるのですが、1の逆変換の方法が分かりません。 hiddenにはエスケープされた状態で入っているので、それをタグに戻して textboxに入れたいのですがどうやって変換すればいいですか
128 : >>127 変換方法を具体的に示せば 逆変換の方法をだれか教えてくれるかもな このスレが関係あるのかどうかわからないけど
129 : nameに配列を指定した場合に値を入れるにはどうすればいいのでしょか。 ↓は動きませんでした。 <input type="hidden" name="hoge[]" value=""> var atai = ["aaa", "bbb"]; $.each( atai, function(k, v){ $('#form [name="hoge['+k+']"]').val(v); });
130 : (ノ_・。)
131 : >>129 そのnameとかの属性に指定できるのは文字列だけだ
132 : こういうこと? $('#form [name="hoge[]"]').eq(k).val(v); inputタグは複数あるよね。
133 : JavaScript自体は何で作られてるの?C言語? toLocaleString()とかの動作内容はどこに記述されてるの?
134 : スレ違いだが、webkitのソース落として読んでみればいいんでない
135 : javascriptが、dreamweaverのライブビューでは稼動するけれど、 サーバーにアップロードすると稼動しない。 どのような原因が考えられますか? ちなみに、javascriptは、htmlと同じ階層に置き、 htmlとjavascriptは同時にアップロードしています。 ローカルのxampp上に置いてブラウザーから試しても駄目です。 dreamweaverのライブビューからは正常稼動します。
136 : >>135 状況から推測するに必要なファイルのアップし忘れ
137 : ライブラリは関係あるのかそれは
138 : jQueryファイルを変なところに入れてるんだろうね
139 : jQueryってロード時に各種の定義の他になにかやってるのかな? 1.7系から1.8系に変えたらIE6-7で、指定の表示位置が変わっちゃう部分がある。 正確には、jQueryのロード完了後に移動する。JS無効やjQueryを読み込まない場合には変わらず。 jQueryが内部的な何かを変更したことにより、 間接的な影響で位置が変わってしまうようなイメージでいるんだけど、 推測できる方いますか?
140 : わかります。次。
141 : csvファイル読み込ませてグラフ表示させるには、どうやったらできますか?
142 : プラグイン探せばありそうだな
143 : プラグインを全部無効にするプラグインありませんか 素のjQueryだけの状態に戻してくれるような
144 : プラグイン探してもなさそうだな
145 : グラフを書くプラグインをいじれば、簡単にできるんでない?
146 : >>139 の原因は誰もわからんの?
147 : わからんもんは、わからん。 以上。 はい、次。
148 : あ
149 : 次。
150 : わからないなら調べて答えろよ、なめてんの?
151 : いったい何の不都合があって、執拗に意地悪をしてくるのかね 確認できたところでは、jQuery.Supportの定義時に bodyにdiv要素を追加して各種テストをおこなうんだが、 このときにdivに指定されるcssが、一部の要素に影響を及ぼすことがわかった。 テスト後に要素は削除されるが、描画が更新されず影響が残ってしまう。 はい次。
152 : ageんなよ、クソハゲ。 はい、次。
153 : あげ
154 : 次。
155 : >>154 へ
156 : 無限ループって怖くね?
157 : 慣れた
158 : もう三十年も前の話だが、無限ループでメインフレームのCPUパワー使い切ってハングアップ同然の状態にした同僚が吊るし上げ食ったの想い出した。
159 : >>154 へ
160 : 油田を発見。六マス戻る。
161 : 行列演算のライブラリってありますか? こんなことやりたいんだけど a =[[1,2,3],[0,2,1],[1,0,2]] b=[[0,0,1],[1,0,0],[0,0,0]] 期待する答え a+b= [[1,2,4],[1,2,1],[1,0,2]] b*2=[[0,0,2],[2,0,0],[0,0,0]] a && b = [[0,0,3],[0,0,0],[0,0,0]] とか
162 : これから毎日アゲさせてもらうわ
163 : >>161 5分で作れそう
164 : jQuery Mobileの公式サイトってプラグインなしで作ってるんだろうか
165 : while(1) { 糞レベルの質問; ニートが回答; はい、次。; }
166 :
167 : >>154 へ
168 : while(1){ 普通の質問; 糞ニートが荒らし; はい次; }
169 : はい、次。 goto >>169
170 : var tsugi = New Tsugi(); tsugi.go(154);
171 : while doshirouto;
172 : なにやってんだか
173 : while(0){ 質問に答える; }
174 : こんな過疎スレにキチガイが1人でもいたらこういう流れになるわw
175 : >>154 へ
176 : もう三十年も前の話だが、無限ループって怖くね?
177 : ぬるぽ
178 : for(ガッツッツ)
179 :
180 : >>0
181 : Core Dumped (Segmentation Violation)
182 : push 201
183 :
184 :
185 :
186 : ─────────────‐ ━━━mm━━━━━━━━━ ||| lll | | 人 ガラッ | | (__) ||| ________ ||| | | (____) / \\< ヽ`∀´ > < おやじ!冷やしR下痢だくで! \ \ \ ||| ガラッ ) ト、ヽ  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ||| / ( | | || ━━━━━━━━━mm━━━ ─────────────‐
187 : while (0) { ハイレベルな質問; 的確な回答; }
188 : >>46 あれから.data()を調べてみたりしましたが、またつまづいてしまったので教えていただければと思います。 >>40 のコードで、$('#menu li')のクリックされた要素を特定し.data()でフラグを付加してやればいいと思うのですが、 どうすればクリックされたli(もしくはa)を取得することができるのでしょうか? $(this)だとうまくいきません。。
189 :
190 : >>188 HTMLも含めた現状のソースうp ttp://jsfiddle.net/
191 :
192 : jQuery.autopagerとthickboxを一緒に使った場合、 スクロールで動的に読み込んだ箇所だけthickboxでウィンド表示できません遷移します。はじめから表示されてるところのthickboxは問題なく表示されます。 リンクも正しく呼んでると思うのですが、相性などあるのでしょうか? <script type="text/javascript" src="/js/thickbox/thickbox.js"></script> <script type="text/javascript" src="/js/jquery/jquery.autopager-1.0.0.min.js"></script> <link rel="stylesheet" type="text/css" href="/js/thickbox/thickbox.css" />
193 :
194 : >>192 公式見たらthickboxはもうメンテしてないから違うの使えば? と書いてあったので、別なスクリプト探したほうがいいんでないかい それはさておき、最初に存在する要素にのみ仕掛ける仕様みたいなので、 autopagerのコールバック関数でthickboxを追加された要素にも仕掛けるとか、 thickboxのtb_init関数で、$.clickのところを$.onに書き直すとかじゃない?
195 : >>194 ありがと!! ちょっと調べてみる。
196 : cgiでjquery mobile を使用しています。 リスト表示 → フォームページ → 書き込みましたのページ → リスト表示 とした場合、リストが更新されていません。 jquery mobileを調べたら、現在のページの前後がキャッシュされるとあり、 上記だと「書き込みましたのページ」から2つ前のリスト表示はキャッシュされないので 再読み込みされるのではと思うのですが。。 リスト表示のページはキャッシュしないようにしたいのですが、どのようにすればいいでしょうか。 また、ググっていたら下記のようなもので更新が出来そうでした。 jquery mobileのオプションで対応できなければ、直接これを入れて対応も考えていますが、 下記をhtmlのどこに、どのように書けばいいのかわからないので教えていただけないでしょうか。 $('ul').listview('refresh'); $(document).page();
197 :
198 : canvasにキャンバスサイズより大きな絵を書いたときスクロールバーを表示したいんですがどういう方法が一番良いでしょうか?クリックしたときの座標も知りたいです。
199 : 以下のようなコードを書いています 期待としては、つづける?のダイアログでキャンセルを押した場合、プルダウンの選択肢を もとに戻したいのです eventオブジェクトのpreventDefaultメソッドを利用すると、 ブラウザの機能をキャンセルできると有ったので試してみたのですが、 キャンセルを押してもプルダウンの選択肢は変わってしまいます。 変更前の値を覚えておいて、強引に戻すしか無いのでしょうか? $(document).on("change", "#hoge", function(event) { if(!confirm("つづける?!)) { event.preventDefault(); return false; } alert($("#hoge").val() + "が選択されたね!"); }); <select id="hoge"> <option>けつ</option> <option>あたま</option> </select>
200 :
201 : 自己解決? changeイベントはselectの値が変わったら起こるイベントだから、 変わった跡に変わらなかったことにするにはやっぱり値を覚えて億しかなさそうですね 面倒だ〜
202 :
203 : before(kusoyarou*nanimokakenai);
204 :
205 : for (doutei)
206 :
207 : 質問です ドロップダウンメニューを作ろうとしてて、マウスオーバー後、0.3秒待ってから その下にサブメニューを表示する動きにしたいと考えていますが作ったスクリプトが上手く動きません 以下のような感じです、どうしたら良いでしょうか <div id="btn"> <p><img src="btn.gif" /></p> <div id="dm" style="display:none;">メニュー</div> </div> $("#btn").hover( function(){ setTimeout(function(){ $("#dm:not(:animated)").slideDown('fast'); },300); }, function(){ $("#dm").hide(); } )
208 : すみません、sageてしまいました あと、質問はjqueryを使ったものなので、jqueryでの回答をお願いします 使ってるバージョンは1.8.3です 現状を詳しく書きます メニューのボタンの上にカーソルが0.3秒以上とどまった場合のみ サブメニューが下に表示されるようにしたいんですが 一瞬マウスオーバーしただけでも0.3秒後にサブメニューが出てしまいます それを修正したいのです。お願いします
209 : マウスオーバーしたときにタイマー止めればいいんじゃね?
210 : 逆や。マウスアウトのとき。
211 :
212 :
213 :
214 : すいません、教えてください。jquery-1.7.2 を使っています。 $.get('my_url' , function(data) { // data に帰ってきた文字列の処理 window.open('/new_window/' + myValue, '_windowName', 'width=400,height=400' ); return false; }); として、ウィンドウを開きたいのですが、window.open行が反応してくれません。。 $.getのコールバック関数内には書いてはいけない仕様なのでしょうか。 (window.open行をコールバック関数外は問題無く動きます) よろしくおねがいします。
215 : 申し訳ないです、自己解決しました(;´д`) Safari使っててポップアップウィンドウを開かないがオンでした… 不慣れな環境でやるもんじゃないですね
216 :
217 :
218 :
219 :
220 : (゚Д゚)シメジ
221 :
222 :
223 : http://blog.livedoor.jp/jdabcryout/lite/
224 : (゚Д゚)シメジ
225 : (゚Д゚)シメジ
226 :
227 : (゚Д゚)シメジ
228 :
229 : ─────────────‐ ━━━mm━━━━━━━━━ ||| lll | | 人 ガラッ | | (__) ||| ________ ||| | | (____) / \\< ヽ`∀´ > < おやじ!冷やしR下痢だくで! \ \ \ ||| ガラッ ) ト、ヽ  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ||| / ( | | || ━━━━━━━━━mm━━━ ─────────────‐
230 :
231 :
232 : (゚Д゚)ブナシメジ
233 :
234 : flexcrollなんですが、FireFoxだけ動かないって事あるんでしょうか……。 IE、chrome、opera、safariではちゃんと動作してまして。 かなり条件が特殊で…… ・FC2ブログ使用。 ・テンプレート上だと動かないが、サンプルhtmlをアップすると動く。 ・他の人のblogではFirefoxでも動いている。 ソースにミスがあれば、そもそも他のブラウザでも動かないと思われるし(特にIE)、 かなり詰まってます……。
235 :
236 : >>234 Webサーバー上で試してみては?
237 : タイポだろ
238 : (゚Д゚)シメジ
239 : jQuery Mobile 1.2で selectタグに属性 data-native-menu="false" を指定して iOSのChromeで表示すると、選択肢が一瞬だけ表示されて 消えちゃう。。。バグかな?
240 : わろた
241 :
242 :
243 : test
244 :
245 :
246 : (゚Д゚)シメジ
247 :
248 :
249 : よろしくお願いします。 トップページの画像をスライドさせたいと思っています。 表示方法に関してはこのサイトの「Nivo Slider」で文句無しです。 http://nivo.dev7studios.com/ ただ、各画像をリンクにさせたいのですが、上手く出来ません。 (単純に、スライドする各画像にそれぞれ<a href〜>を付けたけど動作せず) Nivo Sliderではスライド画像をリンクとして利用できないのでしょうか? または、他のものでリンクとしてちゃんと動くものがあれば紹介お願いします。
250 :
251 :
252 : JavaScript で使用できる フリーのグリッドコンポーネントを検討しています。 jgGrid と flexgrid を探して当てたのですが、 どちらが良いでしょうか。他にも良いコンポーネントはありますか?
253 :
254 : >>225 (゚Д゚)シメジ
255 : >>190 返信が遅くなってしまって本当にすみません ttp://jsfiddle.net/yNd6b/1/ こちらにアップしました 必要無いかもしれませんが、一応対応する部分のCSSもアップしておきました よろしくお願いします!
256 :
257 :
258 :
259 : 【環境】Win vista, Chrome, IE9 etc. 【何をしたのか】 mCustomScrollbarをつかってスクロールバーを実装したいです。 以下の前提があります。 1.もともと他社でつくられたウェブサイトをいじる必要がある (そのためid等の設定が把握しきれない) 2.すでにいくつかJQueryのライブラリを実装している(マウスオーバーとスライドショー) そのうえで、mCustomScrollbarを導入しようとしましたが、うまくいきません。 コーディングは配布元http://manos.malihu.gr/jquery-custom-content-scroller/ や こちらhttp://blog.verygoodtown.com/2010/12/jquery-custom-content-scroller/ を参考にくみ、ミスもないはずです。 最小限の実装で試してみるとうまくいきます。 デモサイトを参照に組みました。(http://manos.malihu.gr/tuts/custom-scrollbar-plugin/disable_destroy_example.html ) そして目的のページに組み込むとうまくいかないという状況です。 個人的に気になるのは、classやidなど、もともとサイトにあった設定で なにか競合しているのかなと思うのですが、特別に気になるような点も見当たりません。 【サンプルコード】 書きようがないのですが、一応全体の組み込み方を書きます ・ヘッダーに、CSSとjs(jquery.mousewheel.min.jsとjquery.mCustomScrollbar.js)読み込み (Jquery、Jquery uiはもともと読み込み済み) ・ヘッダーでmCustomScrollbar有効化 ・目的コンテンツ部に実装 <div class="content-1"></div>で囲う 以上になります。何かアドバイスいただけましたら助かります。
260 : >>259 です すいません。上記のmCustomScrollbarはいったんあきらめて、 jScrollPaneを入れることにしました(http://jscrollpane.kelvinluck.com/ ) スクロールバー無事導入できたのですが、 スクロール領域でどこかをクリックすると、その領域が 黄色く選択されてしまうようになってしまいました。 これを解除したいのですが、どうすればよいでしょうか。 よろしくお願いします。
261 : mCustomScrollbarはおれも実装諦めたことあるな divに適用できないんだもん
262 : すいません。それは種明かしという名のヒントなのでしょうか。 divじゃないならじっそうできますか? 今から試しますが
263 : 無理でした
264 :
265 : >>252 俺の経験上、業務アプリ構築にも耐えうるという理由から jqGridに一票。
266 :
267 :
268 :
269 :
270 : すんません、 jQueryで外部へのリンクをもつa要素を選択するにはどうしたらいいでしょうか?
271 : 何がしたいのかわからん
272 : >>271 href属性の値に外部サイトのURLを持つa要素を選択したい、 ということです
273 :
274 : ソースかけやカス hogeでもabcでもかけるだろが
275 : >>274 $('a'). ここから先が分かりません JavaScriptで書くとしたら↓のような感じですが、これをjQueryで書きたいのです var hoge = function() { var links = document.getElementsByTagName("a"); for(var i = 0; i < links.length; i = i + 1) { if(links[i].href.indexOf(document.domain) == -1) { hogehoge; } } }
276 :
277 : >>275 選択するってのはどういう意味だ? 自動的にクリックする操作と同じ事をするってこと?
278 : >>277 トラバースして要素を特定することを「選択」と表現してます
279 : 要素セットを取得する、って言えば分っていただけるでしょうか
280 : 外部リンクではない自ドメインがmydomainで始まるアドレスなら こんな感じで自ドメイン以外のリンクに対して関数hogehogeを実行するのに こんな感じ?実際に動作確認はしてないけど $.each($("a[href!='mydomain']"), function(){ hogehoge(); });
281 : これだけ質問のしかたがヘタクソな奴は 仕事もクソなんだろうし 周囲にいる連中がかわいそう
282 :
283 : IE9でスピンボタンを実装した人っている? ネット上のスピンボタンのサンプルが軒並み動作しないっす。
284 : もう何個納品したことか。
285 : ジャバスクの設定が無効でしたw すR
286 : >>281 ゆとり乙 おまえの読解力が足りないんだろw
287 : それは。 一回のカキコで皆に理解されてスムースに回答を得た奴しか言っちゃいけない。。。
288 : 俺は一度読んだだけで分かったから 分かれば言っていいだろw
289 :
290 : じゃあ解決してやれよ( ´,_ゝ`)ムリムリ
291 : >>290 $('a').filter(function() { return (new RegExp('http:\/\/(?!' + location.hostname + ')')).test(this.href); }); これでいいんじゃね? いいかどうかおまえ判断してくれよ( ´,_ゝ`)ムリムリ
292 : 耐性のない奴いじるのって楽しいですね
293 :
294 : 負け犬の遠吠えか 虚しいねえ
295 : はい、次のかたどうぞ〜
296 : >>291 パースエラーになっちまうね
297 :
298 : >>291 何だこれww
299 :
300 :
301 : クリックしただけでPOSTを飛ばすって出来ますか? PHPで色々と組んでるんですがいちいちsubmitして移動してると煩雑なので submitで移動せずにPOST出来る方法があれば関数名などでもいいのでアドバイスいただけないでしょうか。
302 : そのままpost()ってあるだろ
303 :
304 :
305 : 何のライブラリの話なのか先に書いてよ
306 : ajaxでPOSTすればいいだけだろ。 ちょっとググればいくらでもサンプルがある
307 :
308 :
309 : you tubeで「新唐人テレビ」を検索して見てください。 それを見ると中国人も中国の民主化を望んでいる事がわかります。 新唐人テレビは中国の民主化を望む中国人自身によるテレビ局で、海外に拠点をおき、中国共産党の圧力に屈する情けない日本のマスゴミよりもよっぽどまともなテレビ局です。 日本語による吹き替えも毎日アップしています。 日本では中国共産党の圧力により報道出来ないニュースが沢山取り上げられています。 新唐人テレビのような勇気ある報道機関を広める事で、中共の圧力に屈し、真実を伝えない日本のマスゴミのへなちょこぶりを浮き彫りにする事にもなります。 さらに新唐人テレビを衛生放送を使って中国国内に放送する計画まであります。 これはある意味、中国共産党に対する強力な「兵器」です。 新唐人テレビを日本や在日中国人の間に広めて、中共が日本に戦争をしかけてくる前に中共を内部崩壊させましょう!
310 : jquery.uploadについて質問します 返り値の形をjsonに指定したとき、写真のアップロード先PHP(upload.php)で 最後に返り値を以下のようにしています $rtn= array( "status"=>$status, "fileName"=>$fileName, ); header('Content-type: text/html'); $rtn= json_encode($rtn); echo $rtn; ここまではわかるのですが、この返り値を受けるもとのjsのコールバック関数で、 var rtnData = rtn; alert('アップしたファイルは:'+rtnData.fileName); として一発でファイル名をとれてしまうのが理解できません なぜ var rtnData = $.parseJSON(rtn); とする必要がないのでしょうか? json文字列をjavascriptオブジェクトとして操作するのにparseJSONは必須のように思っていたのですが…
311 : http://lagoscript.org のjQuery.uploadだよね? このプラグインのhandleData関数を見れば解るけど、 返すJSONにwindow.eval()を実行してるからparseは必要ないってことだな。
312 :
313 :
314 : >>311 ありがとうございました!
315 :
316 :
317 : 創価諸君よ! 田浦本部横須賀桜山支部の高橋裕之氏が宝くじで高額当選できるようにまた女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く祈りを来年も30分しっかりと高橋裕之氏に題目を送って行こうではありませんか! また女子部は何があっても高橋裕之氏について行きなさい いいね!
318 :
319 : ラッパーオブジェクトは不要で混乱を招くから new Boolean、new Number、new String、new Object、new Array は使用をさけるべきってgood partsに載ってるのですが、 ラッパーオブジェクトって使わないのですか?
320 :
321 : はい。
322 :
323 : >>254 (゚Д゚)シメジ
324 :
325 :
326 :
327 :
328 : >>323 (゚Д゚)シメジ
329 : FC2ブログでfancyboxという、画像をポップアップさせる機能を追加させたいです。 全く無知なので12時間ほど格闘しましたが、無理でした。 下のものをheadという場所に打ち込みました。 *****はブログの画像パスです。 なにがたりないのでしょうか おしえてください <script type="text/javascript" src="http://**********/jquery.js"></script> <link rel="stylesheet" type="text/css" href="http://**********/fancybox.css" media="screen" /> <script type="text/javascript" src="http://*********/fancybox.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a.fancybox").fancybox({ 'transitionIn':'elastic', 'transitionOut':'elastic', 'speedIn':600, 'speedOut':200, 'overlayShow':false }); }); </script>
330 : fancyboxからダウンロードするファイルは、 フォルダのまま突っ込むんでしょうか?
331 : あと、$("a.fancybox")という部分が何を作用するのかよくわかりません
332 : aタグにfancyboxというクラスを付けてみた? たとえば <a href="あへあへ" class="fancybox">多分ここはimgタグ</a>
333 : 創価諸君よ! 田浦本部横須賀桜山支部の偉大なる男子部 高橋裕之氏が1月10日と1月31日に宝くじ1等・前後賞が当たるように また女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く 祈りを毎日30分しっかりと高橋裕之氏に題目を送って行こうではありませんか! 特に飯田一家・柏崎まさかつ・徳永一家・宗像一家・尾崎一家・土井一家・尾島一家・横須賀総県創価学会員は喜んで祈るに祈っていこうではありませんか! また女子部は何が起きても疑うことなく高橋裕之氏について行きなさい いいね!
334 :
335 :
336 :
337 : ニュースサイトなどでマウスオバーした英語単語を取得することは可能でしょうか
338 : 嫌です
339 : $("#id").html("<div class='css'>あああ</div>"); これでclassのcssが適用されないのですがどうしたらいいですか
340 : 後だしすんな最初に言えよ!プンプン!
341 :
342 :
343 : ajaxや$.postなどでサーバとの通信中に「通信してますよ」っていう 風車のマークを出したいんですが、どうしたら良いでしょうか ググっては見たんですが見つかりません 自前の非同期通信の処理に組み合わせるような風車のライブラリ?みたいなものはないんでしょうか
344 : 通信前に画像出して通信終了時に画像消せばいいんじゃないかな? 参考 http://alphasis.info/jquery-api/deferred-object/
345 : deferredは便利だけど、いきなりそれを見せても理解できない予感 通信開始/終了時にイベントが発生するから、そこに定義するのが楽かと http://semooh.jp/jquery/cont/doc/ajax_event/
346 : このへんも具体的に参考になりそう。 jQuery で非同期通信中にローディング画像を表示する方法 http://www.abe-tatsuya.com/web_prog/jquery/ajax-loading-image.php ajaxでリクエスト処理中のローディングについて調べてみた。 http://the-zombis.sakura.ne.jp/wp/?p=1572
347 :
348 : >>344-346 ありがとうございます、そのへん見て勉強してみます
349 : 匂うんだよ笑
350 :
351 :
352 :
353 : facebookで画像クリックしたとき画面遷移しないのにURLが書き換わるんですけどあれってどうやってるんですか?
354 : ってマルチかよksg
355 : 354 すんません笑 若干急ぎ気味だったんで
356 : draggableで移動が終わった後に座標をpostしたいんですが 「draggableで移動が終わった」ってのはどの辺で検知できるものなんでしょうか?(そもそもそういう検知が出来るのかがわかりませんが・・・) 今はテスト的にこういったソースになっています。 <script> $(function() { $( "#box" ).draggable({ opacity: 0.5, grid: [15, 15], handle: '.handle' }); }); </script>
357 :
358 : >>356 Draggable Widget | jQuery UI API Documentation ttp://api.jqueryui.com/draggable/#event-stop
359 :
360 :
361 : 質問させてください。 簡単なスライドショーを作成したいのですが、まず本を参考に画像のスライドショーができました。 次に、<div>要素で囲んだボックスをスライドさせたいのですが、どのように指定すればよいでしょうか? <div id="box1"> <div><img src="**1.jpg"></div> <div><img src="**2.jpg"></div> <div><img src="**3.jpg"></div> </div> <div id="box2"> <div><img src="**4.jpg"</div> <div><img src="**5.jpg"</div> <div><img src="**6.jpg"</div> </div> このような感じのをスライドさたいのですが、<div>要素・id指定などがわかりません。 よろしくお願いします。
362 : 361です。 上記の場合、 $("div#box1").attr("div"); こんな感じなのかなぁ。 しかし、これでは動いてくれずなんか足りないというか違うというか。 何が足りなくて何が違うのかがわかりません。 box1,box2とfor文でやっていくつもりですが、、、 var numBox = 3; for(var i = 1; i <= numBox; i++){ $("<div>").attr("div","box" + i); } アドバイスください。よろしくお願いします。
363 : 画像単体ではなくサイト全体(body読み込みが完了するまで)読み込み中の画像をだしたいとおもっています。 JQueryではそういったことは可能でしょうか? 機能名なんかあれば教えていただけないでしょうか。
364 : >>363 これじゃあだめなん? ttp://msbizit.blog28.fc2.com/blog-entry-88.html
365 :
366 :
367 : >>361 マルチはR
368 : Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が Rゴミ共が
369 :
370 :
371 :
372 :
373 :
374 :
375 :
376 :
377 : nameしか振ってないんだけど、id属性セレクタでちゃんと拾える?
378 :
379 :
380 : そのぐらいやってみればいいじゃん
381 : nameしか振ってないなら、name属性見て取得すればいいだけだろ
382 :
383 :
384 :2013/01/16
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
《今日は》やる気がない時どうしてる? 3《寝る!》 (869)
まとめサイト運営してる人 Part3 (296)
お前ら、HTML作成で心がけていること教えてください (609)
エムペ!で携帯サイトを作っている人 (354)
もまえらのサイトAlexaのランキング何位よ (220)
Baiduspiderウザすぎ!! ヽ(`Д´)ノ (618)
--log9.info------------------
【ツアーバス】WILLER/ウィラー Part7【最大手】 (242)
西武バスについて語りませう20号車 (343)
●立川バス乗務員専用スレpart3● (484)
こんな神奈中・神奈交バスは嫌だ! (728)
都営バス車両スレ21 (552)
★★★復活のバス路線図&時刻表★★★ (447)
【福島】さくら観光 高速ツアーバスPart3【桜交通】 (682)
茨城交通Part2 (207)
`N,ishitetsu 西鉄グループバススレ61 (341)
都営バス路線改編・ダイヤ改正問題巻の二十五 (939)
JRバス関東総合スレ10号車 (842)
路線バスを乗り継いで、東京からどこまで行けるか? (622)
【きゅんた】小田急バスを語るスレ【玉07系統】 (244)
岡山県のバススレinバス板8 (436)
【リラックマ】立川バススレッド4系統【立31集結】 (697)
小田急箱根高速バス 超特急5便 (498)
--log55.com------------------
【ペンクリ】セーラー万年筆 第37章【インク工房】
カラスの止まり木
コテ雑
引退詐欺師カウントダウン
【YouTube】よつべぅp 2remix目ゆ【洋楽】
HITOHA/rkwの犬日記
黄瀬ちゃんの日記
ストロング山根と俺の交換日記