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

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/

■関連スレ
+ 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/

<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です

EUCで取得したコンテンツをUTF8とかで表示しようとしてるとか

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に。
原因は何なのでしょうか？ご教示下さい。

jQueryは内部UTF-8で他のコードだと文字化けするらしいのですが、
EUCのサイトを文字化けしないように取得処理する方法はありますか？

質問をお願いします。
【ブラウザ】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);}
);
});

>>5
ちゃんと見てないけど、new Dateしちゃうと
１〜１２月は0〜11だからとか？

eventsプロパティは、
start: new Date(2012,10,22)
ではなく
start: '2012-10-22'
では？

>>6
ここが参考になりそうだな
http://qanda.rakuten.ne.jp/qa5644450.html?order=DESC&by=datetime

>>8
仰るとおり、
start: '2012-10-22'
としたらちゃんと10月に表示されました！ありがとうございました！

>>9
ごめんなさい、わからないです；；

>>11
EUCのサイトをUTF-8に変更するべき
変更できない場合は難易度が格段に上がるので、>>9が理解できなければあきらめるしかない

>>12

他人のサイトなので変更できないですorz

断片的に情報かかれてるところじゃなくて
どこかにサンプルまるごとおいてるところないですかね？
知識なさすぎて、全然理解できない

>>13
だったらここじゃなくて初心者スレ行け

引用元サイトのコンテンツがEUC固定なのか。
これ使えないかな。
http://polygon-planet-log.blogspot.jp/2012/04/javascript.html

JSだけで文字コード変換やるライブラリ。

jQueryを使ったほうが再起処理のベンチマークが早くなるようなケースがあったら教えてください

afterなどの要素の挿入のアニメーションってできますか？

要素が挿入される過程をアニメーションにしたいのか
挿入された要素にアニメーションを適用したいのか
はたまた他の表現方法なのか。

>>18
挿入される過程です。

挿入して、その要素に対してアニメーションをおこない、
アニメーションしている間は、setTimeoutなどでタイミングを取る、
ってことをやれば実現できそうだよね。

vgrid.jsって知ってる？コレでブログ作ったんだがboxがデモみたいにアニメーションしないんだ。
トップページが重いのかな。誰か使ってる人いますか。？

ブラウザのコンソールにエラーが出てるんじゃね？

すみません、質問させてください

１）特定のdiv中の.text()値を取得する
２）上記の取得値をパラメータにし、phpに.post()でアクセスし、mysqlにクエリして結果を配列で取得（タグの一覧）
３）取得した値をループでまわしてチェックボックス生成
４）任意のdivの中に流し込んで画面表示

という処理をしてるのですが、クエリでの配列取得までは毎回問題なく成功するのですが
ループ処理が失敗してチェックボックス表示が出来ません
単純にeach()でまわしてるだけなので、成功したり失敗したりする原因が分かりません
失敗につながるコードの欠点や原因の推測でも結構ですのでご意見ください
（また、jqueryでのこういう生成ミスってよくあることなんでしょうか？）

コードが長いので、外部のサイトにアップしました
よろしくお願いします

http://www1.axfc.net/uploader/so/2665423.txt

ブラウザのコンソールにエラーが出てるんじゃね？

死ねゴミ共が

サーバサイドロジックが絡むと、そのショルも結果もわからんから
アドバイスしづらいけど、
どこかでundefinedなオブジェクト参照してるんじゃね？

コンソール使うんはデフォだとして、chromeのJavaScriptを
デバッガ使うと追いやすいと思う。
ブレークポイントも設定できるし。

あとは、phpから返すレスポンスは、タグ一覧ではなく
JSON形式にして、JS側でparseしてオブジェクト化して
eachなりで回したほうがいいんじゃないかな。。。
好みの問題かもしれないけど。

forの中でvarで定義されてる変数をforの外で参照してるとかも
気になる。

あ、オブジェクト化はやってたのか。失礼。
ちゃんと見てなかった。。。
この時間に帰宅すると、頭まわらん。

コンソールを見てたら原因判明して解決しました
出力する値をエスケープする関数の処理に問題があって途中で処理が止まってたようです
どうもありがとうございました

質問です。

$.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を構築?したいのですがどのようにしたらいいのでしょうか?

その data がどういうものかがわからないと。

>>31
すみません htmlの文字列です

それなら $(data).get(0) でDOMは得られる。
けど、HTMLなら document.evaluate() じゃなかったっけか。

>>33
できました! ありがとうこざいます。確かにdocument.evaluateでした

死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が

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要素の後に"コピー"したい場合はどうしたらいいんでしょう。

ｽｲﾏｾﾝ、.clone()というのがありました。

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も自サーバーのものを使ってるんですが…

ご意見よろしくお願いします

>>38
あー、すみません。理解不足でした
jquery-ui-1.8.23.custom.min.jsのなかのdatepickerが標準で実行されるんですね
こっちを編集しなきゃいけなかったのか、スレ汚し失礼しました

マウスオーバーで右にスライドし、マウスオーバーが外れると元の位置に戻るメニューリストを作成中です。
クリックしたメニューはスライドさせたままで固定させておきたいのですが、どうにもうまくいきません。
良いやり方をご存知の方、お知恵を拝借させてください。どうかよろしくお願いします！

$(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"
　　　});
　　});
});

click時に特定のclass名を付与し、特定のclass名を持っている場合、
mouseoverしてもanimateしないようにする　とか

>>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を実行すればいいのか…どこでやればいいかはちょっと考える必要がありそうですがｗ

本当にありがとうございます！

>>42
if(!this.hasclass("hogehoge"){
じゃないか？
それはそうと、その方法だとうまくいかない気がする。気がするだけで試してないけどｗ

違うよ

チガウヨ？

特定の要素にフラグを立てたいだけなら .data() でもいいね。

>>43
試してみてるんですけど確かにうまくいきません。。
クリックしたらスライドバックせずに固定されるところまでは良いんですけど、
固定されたままになったりちぐはぐな動きをします。

こういったメニューって無くはないと思うんですが、みんなどうやってるんですかね。。はぁ

それタイポしてるよ

$(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を外すなどが必要

$(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')
});
});


初心者なので微妙ですがこんな感じはどうでしょうか？

$(function($){

の2つ目の$は何？
全く意味が無いと思うんだけど、どうしてそれを書いたの？

プラグイン作ってたんでそのときの消し忘れ･･･

リンク部分で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>

みたいにするにはどうすればよいでしょうか？

もしかして:URL載せなければ良いのでは

>>48
申し訳ありません、タイポとはなんでしょう？ぐぐってもタイポグラフィしか出てこない…
改善策ありがとうございます。なんとか考えてみているところです

>>49
なるほど、これはいけるかもしれません。今から試してみます！
ありがとうございます。

>>50
実は同じfunctionの中に別処理もかましていまして、その処理に必要なのです

>>54
禁煙してる時に加える奴だよ

>>55
「私はコレで会社を辞めました」ってやつですね

全然違うサイトを見ていたら偶然載っていたんですが、どうやらtypoはタイプミスのことっぽいですね

>>53
レスありがとうございます
もとの記事は自分が記載したものではないのです。自動化の部分でヒントだけでもお願いします

text('こちら')

これじゃだめ？

>>57
アンカーの文字は
$('a').html(書き換える文字);
で書き換え

↑だと画面全体のaタグが書き換わるので
$('#linkBoxDivId').$('.replaceAnchorClass').html();
とか指定する

↑だと全部一つの言葉しか指定できないから
$(指定するa).each(function(){
var a=$(this);
var href=a.attr('href');//hrefの値取り出す
href= 適当な変換処理
a.html(href);
});
みたいな感じ？
何がしたいのかがよく分からんからなんとも

ありがたきしあわせでございます。

えっと、なにがしたいかといいますと
預かったhtmlファイルは同じdivコンテナの中に

日本語のテキストの
<a href="http://www.....">こんにちわ</a>と
前述のurlむき出しの
<a href="http://www.....長い......">http://www....長い.....</a>と
がただだらだら並列に存在していて

そのうちの
<a href="http://www.....長い......">http://www....長い.....</a>だけ
操作する方法がわからないのです><

Pクラスとかで括ってないので
全部があきかわっちゃいます><

ttp://jsfiddle.net/LbUKv/

そもそもjQueryかすらわからんし、説明が曖昧で、
内容がよく掴めないので、的外れでも知らない

ページ内の<a href>を総なめして
テキストがhref=ではじまるものだけピックアップして置換するんじ

するんじゃね？具体的には書き方は住人の偉人たちに聞いてくれ

$('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/
のサンプルコードを参考にしています。以上、ご教授のほどよろしくお願いします。

ぱっと見だけど、thisが何か最初は分かりにくいからわざわざ上の書き方してるんじゃない？
each内のスコープを理解してるなら下で良い思う。

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。

メッセージ受付フォームのページを用意するとして
１日に一通しか送れないようにするにはどんな方法がいいですか？

24時間経過しないと
・submitボタンがdisabled
・アテンションが出てたフォーム非表示
みたいな感じでしょうか？

好きにしろと言われそうですがそこをなんとかお願いします

JavaScriptのライブラリがどう関係するのかわからないが、
少なくても入力欄に入力することができないようにしないと、
入力後にそれを知ったときの絶望感は果てしないと思う

>>67
jquery.cookie使ったら？
送信後にクッキー書き込む。
24時間後にクッキー削除。

クッキーがある間はボタン押せない。

それだとクッキーを自分で削除したら、何度でも押せませんか？

↑これphpなどに渡さずに
jQueryだけでいけたら超クールだね

ずーっと通信しっぱなしにして管理するとか、
そういう外道な手しか無いような気がする

クッキー消したら、みたいな話するならそもそもJavaScriptの実行止められたらどうしようもないだろ。
根本的にはサーバ側でしかできんよ。

twitterのアカウント作って裏で通信してログ代わりみたいな事出来んかな。ふと思いついたんだけど

何故Twitter？

いや、最初に思い出しただけでAPI使えて何かしらデータ残せるなら可能性あるなと。自分のアカウントならOAuth突破自動化出来るんじゃない？

あ、あれだ。Google AnalyticsのAPIでイケるよ。jsだけで一日書き込み禁止。
自分のサーバ使った方が百倍楽そうだけど

>>64
jQueryと第一引数、クロージャ。難しい
http://en.yummy.stripper.jp/?eid=1353835

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を同じ形で扱って実現するにはどうすれば
いいでしょうか？

worota

>>79
1はjQuery関係なくアンカーのクリックイベントが発動？
2はjQuery関係なくspanがインライン要素だから押しにくい？

Chrome ExtensionやFirefoxのグリモンスクリプトで、ツール作っているのですが、
対象が、時によって変化し、時に79の1)の型、時に2)の型になり、時にリンク無しとなります。

要は、その場所をクリックして移動したいので
　1)の時は、location.href=$('#link1').attr('herf');
2)の時は、$('#link1').click();
とケース別に対応すればいいのですが、
1)の場合も$('#link1').click()で飛んでくれたら楽じゃないですかｗ。
画面でクリックはそうなるんですから。

ということでの質問です。

>>82
ごめんまだちょっと分からないんだけど、jsで扱いたい箇所は何？hrefの値？クリックイベント？
読んだ感じでただ飛ぶだけなら何もしなくても飛ぶよね。
何かしら処理入れるなら、$('#link1').click()でまとめる事は出来ても事前に処理は要ると思う。セレクタを工夫するにしても

>>82
ああ、リンクなしになるって書いてるな。

>>82
とりあえずただ短く指定するなら
(($('#link1')||$('link1').find('span')).click();

シャープ抜けた
(($('#link1')||$('#link1').find('span')).click();

なんでもいいのですが、
例えば、株価をチェックするルーチンをぐるぐる回していて、株価が設定した値になったら、
購入のボタンをクリックしたい。

その購入のボタンが、状況によって、1)の形になったり、2)の形に変る。
で・・・・クリックするのに、画面操作ではクリックで済むが、
jsで実行するには、jqueryだと場合わけしないといけないみたい。
もしかしたら、知らないだけでjqueryでも場合わけしないで処理できるのか？
他のメジャーなライブラリーではclickで飛ぶライブラリーがあるのか？

ということです。

もしくは、jqueryのこういうポリシーで、79の1)のケースはリンク先に飛ばない・・・と
いう説明でもいいかもしれません。それならそれで、納得して自作ライブラリーでも
作ります。

なんでもいい

>>87
？んん??自動化したいって事？jsでボタンを押したいみたいに読めるけど。ますます分からん

>>85
1のケースで
$('#link1").click()は、onclickで設定されているイベントを実行するだけで
リンク先に飛びません。
なので困ってるわけです。

（ちなみにjquery 1.7.2で試してます。)

もしかして？　1)のケースでリンク先に飛ぶのですか？

Windows XP SP2でIE8、Chrome23、Firefox12で飛ばないので・・・・

他の環境で飛ぶのであれば、その環境を教えてください。

まず、リンク先に飛ぶのにclickイベントは関係ない。
それで、hrefの値を取りたいなら
($('#link1').attr('href')||$('#link1').parent().attr('href'))
で取れる。
それでlocation.hrefなりすれば良い。

けど、js向きの案件ではないねそれ

1のケースはjsで何もせんかったら飛ぶよそりゃ

>>92
clickで飛ばないのが標準なのですか

つまり、79のケースで2)の動作がおかしい？

いや、1も2も正しい動作で1は元々のクリックイベントが塗り変わってる

>>93
と、思ってやってるんですけれど、飛ばないので
やってきてるわけで。

click( に何を書いてる？ひょっとしてclick()でただリンク先に飛ぶと考えてる？

ひょっとしてやりたいのはこれか？
location.href=($('#link1').attr('href')||$('#link1').parent().attr('href'));

>>97
ああ、やっと話が通じてきたようなｗ
()には何も書いてません。

最初2のケースに出会い、
飛ばないかもしれない、でも飛んだらいいなと思って、
2のケースで試して飛んだ。

で、1のケースは飛ばない・・・

なぜに？

ということです。

いちばん問題なのは質問者の具体性に欠けた説明不足による混乱

ついでに言うと、クリックする先は、通常のリンク、オンクリックが設定されたリンク、
2のspnanではなく画像を挟んだリンク、フォームのsubmit 等、もろもろ

なので、location.hrefで常にとぶわけではないのです。

ただ、画面操作はクリックです。なので、$().click()で飛んだらいいなとｗ

そんな、便利なものは無いと？

>>101の場合どこに飛びたいんよw ヒントもう少しくれ

>>100
まずは、79の1でリンク先に飛ばず、2でリンク先に飛ぶ理由を教えてください。

それだけです。

$('#link1').trigger("click");
これで飛ぶ？

ダメ

要素そのもののデフォルトアクションはキャンセルするけど、
バブリングで起こるアクションは知らん、みたいなことか？

clickをunbindしてbindしたら？

無理

もう普通にURL探してhttpsendしなよ。イベントでやらなきゃいけない訳でもあるの？

>>110
いや、できないと言うことなら、そうしますよ。

できないと納得させてくださいという、意地悪な質問なのです。

というか、click()は何をする関数なんですか？という質問とでもいうべきか。
95の詳細を伺いたいわけです。

イベントが書き換わってる訳ではないみたいね。俺も調べて知った。
で、元々は何がしたかったの？

APIで取得したデータを基に、さらに別のAPIからデータを取得することはできますか？
Getの入れ子というか…

アホ→間違えてJavaScriptスレに誤爆してしまいました
アホ→マルチではありません

あまりjsの得意な分野ではないだろうけど、出来ると思うよ。
やり方としては、もう単純に積み重ねるというか繰り返すしかないけど。逆に言えば一つが出来たのなら必ず出来る。頑張って。

例えば<div>あいうえお</div><div>かきくけこ</div>ってあって
$("div")[0]で呼び出せば「あいうえお」が取得できるんですよね？
アラートで表示させてみてるんだけど、どうしても[object][HTMLDIVelement]みたいな
ものしか表示されない

http://www.seiai.ed.jp/sys/text/htm4/chp09/h09a31.html

>>115です
自己解決しました
表示順が悪かったみたいです

<!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>

>>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の問題だと思い、こちらに質問しました。
他に適切なスレがあれば、お手数ですが誘導お願いいたします。

js関係なくね？

form action="/test/z.cgi

>>101
$('#link1').get(0).click();
とか

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;
});

質問です、以下の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');
}
});
こんな感じでやったのですがうまく行きません。よろしくお願いします。

>>124
$(this > 'input')を、
どれでもお好みで
$('> input', this)
$('input', this)
$(this).find('input')
$(this.childNodes)

>>125
ありがとうございました

htmlエスケープについて教えて下さい
画面の初期化ボタンを押したら画面表示時の状態に戻したいのですが
input type="reset" は使えないので、scriptでゴリゴリなんとかしようと
思っています。
hiddenタグに初期値をいれておいて、ボタンが押されたらtextboxに反映して
やればいいやと思ったんですが、

"<B>"−(1)→"&lt;B&gt;"−(2)→"B"

1と2の変換方法は分かるのですが、1の逆変換の方法が分かりません。
hiddenにはエスケープされた状態で入っているので、それをタグに戻して
textboxに入れたいのですがどうやって変換すればいいですか

>>127
変換方法を具体的に示せば
逆変換の方法をだれか教えてくれるかもな
このスレが関係あるのかどうかわからないけど

nameに配列を指定した場合に値を入れるにはどうすればいいのでしょか。
↓は動きませんでした。
<input type="hidden" name="hoge[]" value="">

var atai = ["aaa", "bbb"];
$.each( atai, function(k, v){
$('#form [name="hoge['+k+']"]').val(v);
});

(ノ_・。)

>>129
そのnameとかの属性に指定できるのは文字列だけだ

こういうこと?
$('#form [name="hoge[]"]').eq(k).val(v);

inputタグは複数あるよね。

JavaScript自体は何で作られてるの？C言語？
toLocaleString()とかの動作内容はどこに記述されてるの？

スレ違いだが、webkitのソース落として読んでみればいいんでない

javascriptが、dreamweaverのライブビューでは稼動するけれど、
サーバーにアップロードすると稼動しない。

どのような原因が考えられますか？

ちなみに、javascriptは、htmlと同じ階層に置き、
htmlとjavascriptは同時にアップロードしています。

ローカルのxampp上に置いてブラウザーから試しても駄目です。
dreamweaverのライブビューからは正常稼動します。

>>135
状況から推測するに必要なファイルのアップし忘れ

ライブラリは関係あるのかそれは

jQueryファイルを変なところに入れてるんだろうね

jQueryってロード時に各種の定義の他になにかやってるのかな？
1.7系から1.8系に変えたらIE6-7で、指定の表示位置が変わっちゃう部分がある。
正確には、jQueryのロード完了後に移動する。JS無効やjQueryを読み込まない場合には変わらず。

jQueryが内部的な何かを変更したことにより、
間接的な影響で位置が変わってしまうようなイメージでいるんだけど、
推測できる方いますか？

わかります。次。

csvファイル読み込ませてグラフ表示させるには、どうやったらできますか？

プラグイン探せばありそうだな

プラグインを全部無効にするプラグインありませんか
素のjQueryだけの状態に戻してくれるような

プラグイン探してもなさそうだな

グラフを書くプラグインをいじれば、簡単にできるんでない？

>>139の原因は誰もわからんの？

わからんもんは、わからん。
以上。
はい、次。

あ

次。

わからないなら調べて答えろよ、なめてんの？

いったい何の不都合があって、執拗に意地悪をしてくるのかね

確認できたところでは、jQuery.Supportの定義時に
bodyにdiv要素を追加して各種テストをおこなうんだが、
このときにdivに指定されるcssが、一部の要素に影響を及ぼすことがわかった。
テスト後に要素は削除されるが、描画が更新されず影響が残ってしまう。

はい次。

ageんなよ、クソハゲ。

はい、次。

あげ

次。

>>154へ

無限ループって怖くね？

慣れた

もう三十年も前の話だが、無限ループでメインフレームのCPUパワー使い切ってハングアップ同然の状態にした同僚が吊るし上げ食ったの想い出した。

>>154へ

油田を発見。六マス戻る。

行列演算のライブラリってありますか？

こんなことやりたいんだけど


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]]

とか

これから毎日アゲさせてもらうわ

>>161
5分で作れそう

jQuery Mobileの公式サイトってプラグインなしで作ってるんだろうか

while(1)
{
糞レベルの質問;
ニートが回答;
はい、次。;
}

　

>>154へ

while(1){
普通の質問;
糞ニートが荒らし;
はい次;
}

はい、次。
goto >>169

var tsugi = New Tsugi();
tsugi.go(154);

while doshirouto;

なにやってんだか

while(0){
質問に答える;
}

こんな過疎スレにキチガイが1人でもいたらこういう流れになるわｗ

>>154へ

もう三十年も前の話だが、無限ループって怖くね？

ぬるぽ

for(ｶﾞｯﾂｯﾂ)

　

>>0

Core Dumped (Segmentation Violation)

push 201

　

　

　　　　　

─────────────‐
━━━mm━━━━━━━━━
　||| lll　|　|　 　 人　　ガラッ
　　　 　|　| 　 （＿_）　　　|||　＿＿＿＿＿＿＿＿
　　||| 　|　|　（＿＿__）　 　／
　　　　 ＼＼＜ ヽ`∀´ ＞　＜　おやじ！冷やしうんこ下痢だくで！
　　　　　　＼　　　　　＼　＼
|||　ガラッ　　）　　　　ﾄ、ヽ 　￣￣￣￣￣￣￣￣
　　　|||　　　/　 　 　（　|　|　||
━━━━━━━━━mm━━━
─────────────‐

while (0) {
　ハイレベルな質問;
　的確な回答;
}

>>46
あれから.data()を調べてみたりしましたが、またつまづいてしまったので教えていただければと思います。
>>40のコードで、$('#menu li')のクリックされた要素を特定し.data()でフラグを付加してやればいいと思うのですが、
どうすればクリックされたli(もしくはa)を取得することができるのでしょうか？
$(this)だとうまくいきません。。

　

>>188
HTMLも含めた現状のソースうｐ
ttp://jsfiddle.net/

　

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" />

　

>>192
公式見たらthickboxはもうメンテしてないから違うの使えば？
と書いてあったので、別なスクリプト探したほうがいいんでないかい

それはさておき、最初に存在する要素にのみ仕掛ける仕様みたいなので、
autopagerのコールバック関数でthickboxを追加された要素にも仕掛けるとか、
thickboxのtb_init関数で、$.clickのところを$.onに書き直すとかじゃない？

>>194
ありがと！！　ちょっと調べてみる。

cgiでjquery mobile を使用しています。

リスト表示　→　フォームページ　→　書き込みましたのページ　→　リスト表示

とした場合、リストが更新されていません。
jquery mobileを調べたら、現在のページの前後がキャッシュされるとあり、
上記だと「書き込みましたのページ」から2つ前のリスト表示はキャッシュされないので
再読み込みされるのではと思うのですが。。
リスト表示のページはキャッシュしないようにしたいのですが、どのようにすればいいでしょうか。

また、ググっていたら下記のようなもので更新が出来そうでした。
jquery mobileのオプションで対応できなければ、直接これを入れて対応も考えていますが、
下記をhtmlのどこに、どのように書けばいいのかわからないので教えていただけないでしょうか。

$('ul').listview('refresh');
$(document).page();

　

canvasにキャンバスサイズより大きな絵を書いたときスクロールバーを表示したいんですがどういう方法が一番良いでしょうか？クリックしたときの座標も知りたいです。

以下のようなコードを書いています
期待としては、つづける？のダイアログでキャンセルを押した場合、プルダウンの選択肢を
もとに戻したいのです
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>

　

自己解決？
changeイベントはselectの値が変わったら起こるイベントだから、
変わった跡に変わらなかったことにするにはやっぱり値を覚えて億しかなさそうですね
面倒だ〜

　

before(kusoyarou*nanimokakenai);

　

for (doutei)

　

質問です
ドロップダウンメニューを作ろうとしてて、マウスオーバー後、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();
　}
)

すみません、sageてしまいました
あと、質問はjqueryを使ったものなので、jqueryでの回答をお願いします
使ってるバージョンは1.8.3です

現状を詳しく書きます
メニューのボタンの上にカーソルが0.3秒以上とどまった場合のみ
サブメニューが下に表示されるようにしたいんですが
一瞬マウスオーバーしただけでも0.3秒後にサブメニューが出てしまいます
それを修正したいのです。お願いします

マウスオーバーしたときにタイマー止めればいいんじゃね?

逆や。マウスアウトのとき。

　

　

　

すいません、教えてください。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行をコールバック関数外は問題無く動きます）
よろしくおねがいします。

申し訳ないです、自己解決しました（；´д｀）
Safari使っててポップアップウィンドウを開かないがオンでした…
不慣れな環境でやるもんじゃないですね

　

　

　

　

(ﾟДﾟ)ｼﾒｼﾞ

　

　

http://blog.livedoor.jp/jdabcryout/lite/

(ﾟДﾟ)ｼﾒｼﾞ

(ﾟДﾟ)ｼﾒｼﾞ

　

(ﾟДﾟ)ｼﾒｼﾞ

　

─────────────‐
━━━mm━━━━━━━━━
　||| lll　|　|　 　 人　　ガラッ
　　　 　|　| 　 （＿_）　　　|||　＿＿＿＿＿＿＿＿
　　||| 　|　|　（＿＿__）　 　／
　　　　 ＼＼＜ ヽ`∀´ ＞　＜　おやじ！冷やしうんこ下痢だくで！
　　　　　　＼　　　　　＼　＼
|||　ガラッ　　）　　　　ﾄ、ヽ 　￣￣￣￣￣￣￣￣
　　　|||　　　/　 　 　（　|　|　||
━━━━━━━━━mm━━━
─────────────‐

　

　

(ﾟДﾟ)ﾌﾞﾅｼﾒｼﾞ

　

flexcrollなんですが、FireFoxだけ動かないって事あるんでしょうか……。
IE、chrome、opera、safariではちゃんと動作してまして。

かなり条件が特殊で……

・FC2ブログ使用。
・テンプレート上だと動かないが、サンプルhtmlをアップすると動く。
・他の人のblogではFirefoxでも動いている。

ソースにミスがあれば、そもそも他のブラウザでも動かないと思われるし(特にIE)、
かなり詰まってます……。

　

>>234
Webサーバー上で試してみては？

タイポだろ

(ﾟДﾟ)ｼﾒｼﾞ

jQuery Mobile 1.2で
selectタグに属性 data-native-menu="false" を指定して
iOSのChromeで表示すると、選択肢が一瞬だけ表示されて
消えちゃう。。。バグかな？

わろた

　

　

test

　

　

(ﾟДﾟ)ｼﾒｼﾞ

　

　

よろしくお願いします。

トップページの画像をスライドさせたいと思っています。
表示方法に関してはこのサイトの「Nivo Slider」で文句無しです。
http://nivo.dev7studios.com/
ただ、各画像をリンクにさせたいのですが、上手く出来ません。
(単純に、スライドする各画像にそれぞれ<a href〜>を付けたけど動作せず)

Nivo Sliderではスライド画像をリンクとして利用できないのでしょうか?
または、他のものでリンクとしてちゃんと動くものがあれば紹介お願いします。

　

　

JavaScript で使用できる フリーのグリッドコンポーネントを検討しています。
jgGrid と flexgrid を探して当てたのですが、
どちらが良いでしょうか。他にも良いコンポーネントはありますか？

　

>>225
(ﾟДﾟ)ｼﾒｼﾞ

>>190
返信が遅くなってしまって本当にすみません
ttp://jsfiddle.net/yNd6b/1/
こちらにアップしました
必要無いかもしれませんが、一応対応する部分のCSSもアップしておきました

よろしくお願いします！

　

　

　

【環境】Win vista, Chrome, IE9 etc.
【何をしたのか】
mCustomScrollbarをつかってスクロールバーを実装したいです。

以下の前提があります。
１．もともと他社でつくられたウェブサイトをいじる必要がある
（そのためid等の設定が把握しきれない）
２．すでにいくつか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>で囲う

以上になります。何かアドバイスいただけましたら助かります。

>>259です

すいません。上記のmCustomScrollbarはいったんあきらめて、
jScrollPaneを入れることにしました（http://jscrollpane.kelvinluck.com/）

スクロールバー無事導入できたのですが、
スクロール領域でどこかをクリックすると、その領域が
黄色く選択されてしまうようになってしまいました。
これを解除したいのですが、どうすればよいでしょうか。

よろしくお願いします。

mCustomScrollbarはおれも実装諦めたことあるな
divに適用できないんだもん

すいません。それは種明かしという名のヒントなのでしょうか。
divじゃないならじっそうできますか？

今から試しますが

無理でした

　

>>252
俺の経験上、業務アプリ構築にも耐えうるという理由から
jqGridに一票。

　

　

　

　

すんません、
jQueryで外部へのリンクをもつa要素を選択するにはどうしたらいいでしょうか？

何がしたいのかわからん

>>271
href属性の値に外部サイトのURLを持つa要素を選択したい、
ということです

　

ソースかけやカス
hogeでもabcでもかけるだろが

>>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;
}
}
}

　

>>275
選択するってのはどういう意味だ？
自動的にクリックする操作と同じ事をするってこと？

>>277
トラバースして要素を特定することを「選択」と表現してます

要素セットを取得する、って言えば分っていただけるでしょうか

外部リンクではない自ドメインがmydomainで始まるアドレスなら
こんな感じで自ドメイン以外のリンクに対して関数hogehogeを実行するのに
こんな感じ？実際に動作確認はしてないけど

$.each($("a[href!='mydomain']"), function(){
　hogehoge();
});

これだけ質問のしかたがヘタクソな奴は
仕事もクソなんだろうし
周囲にいる連中がかわいそう

　

IE9でスピンボタンを実装した人っている？
ネット上のスピンボタンのサンプルが軒並み動作しないっす。

もう何個納品したことか。

ｼﾞｬﾊﾞｽｸの設定が無効でしたw
すまんこ

>>281
ゆとり乙
おまえの読解力が足りないんだろｗ

それは。
一回のカキコで皆に理解されてスムースに回答を得た奴しか言っちゃいけない。。。

俺は一度読んだだけで分かったから
分かれば言っていいだろｗ

　

じゃあ解決してやれよ( ´,_ゝ`)ﾑﾘﾑﾘ

>>290
$('a').filter(function() {
return (new RegExp('http:\/\/(?!' + location.hostname + ')')).test(this.href);
});
これでいいんじゃね？
いいかどうかおまえ判断してくれよ( ´,_ゝ`)ﾑﾘﾑﾘ

耐性のない奴いじるのって楽しいですね

　

負け犬の遠吠えか
虚しいねえ

はい、次のかたどうぞ〜

>>291
パースエラーになっちまうね

　

>>291
何だこれww

　

　

クリックしただけでPOSTを飛ばすって出来ますか？
PHPで色々と組んでるんですがいちいちsubmitして移動してると煩雑なので
submitで移動せずにPOST出来る方法があれば関数名などでもいいのでアドバイスいただけないでしょうか。

そのままpost()ってあるだろ

　

　

何のライブラリの話なのか先に書いてよ

ajaxでPOSTすればいいだけだろ。
ちょっとググればいくらでもサンプルがある

　

　

you tubeで「新唐人テレビ」を検索して見てください。
それを見ると中国人も中国の民主化を望んでいる事がわかります。

新唐人テレビは中国の民主化を望む中国人自身によるテレビ局で、海外に拠点をおき、中国共産党の圧力に屈する情けない日本のマスゴミよりもよっぽどまともなテレビ局です。

日本語による吹き替えも毎日アップしています。
日本では中国共産党の圧力により報道出来ないニュースが沢山取り上げられています。
新唐人テレビのような勇気ある報道機関を広める事で、中共の圧力に屈し、真実を伝えない日本のマスゴミのへなちょこぶりを浮き彫りにする事にもなります。

さらに新唐人テレビを衛生放送を使って中国国内に放送する計画まであります。
これはある意味、中国共産党に対する強力な「兵器」です。

新唐人テレビを日本や在日中国人の間に広めて、中共が日本に戦争をしかけてくる前に中共を内部崩壊させましょう！

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は必須のように思っていたのですが…

http://lagoscript.orgのjQuery.uploadだよね？
このプラグインのhandleData関数を見れば解るけど、
返すJSONにwindow.eval()を実行してるからparseは必要ないってことだな。

　

　

>>311
ありがとうございました！

　

　

創価諸君よ！

田浦本部横須賀桜山支部の高橋裕之氏が宝くじで高額当選できるようにまた女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く祈りを来年も30分しっかりと高橋裕之氏に題目を送って行こうではありませんか！

また女子部は何があっても高橋裕之氏について行きなさい
いいね！

　

ラッパーオブジェクトは不要で混乱を招くから
new Boolean、new Number、new String、new Object、new Array
は使用をさけるべきってgood partsに載ってるのですが、
ラッパーオブジェクトって使わないのですか？

　

はい。

　

>>254
(ﾟДﾟ)ｼﾒｼﾞ

　

　

　

　

>>323
(ﾟДﾟ)ｼﾒｼﾞ

FC2ブログでfancyboxという、画像をポップアップさせる機能を追加させたいです。
全く無知なので１２時間ほど格闘しましたが、無理でした。
下のものを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>

fancyboxからダウンロードするファイルは、
フォルダのまま突っ込むんでしょうか？

あと、$("a.fancybox")という部分が何を作用するのかよくわかりません

aタグにfancyboxというクラスを付けてみた？
たとえば
<a href="あへあへ" class="fancybox">多分ここはimgタグ</a>

創価諸君よ！
田浦本部横須賀桜山支部の偉大なる男子部
高橋裕之氏が1月10日と1月31日に宝くじ1等・前後賞が当たるように
また女子部と結婚成就と障害者年金1級受給と健康とご長寿と貯金残高10億円と刑事権力から護り抜く
祈りを毎日30分しっかりと高橋裕之氏に題目を送って行こうではありませんか！
特に飯田一家・柏崎まさかつ・徳永一家・宗像一家・尾崎一家・土井一家･尾島一家・横須賀総県創価学会員は喜んで祈るに祈っていこうではありませんか！
また女子部は何が起きても疑うことなく高橋裕之氏について行きなさい
いいね！

　

　

　

ニュースサイトなどでマウスオバーした英語単語を取得することは可能でしょうか

嫌です

$("#id").html("<div class='css'>あああ</div>");
これでclassのcssが適用されないのですがどうしたらいいですか

後だしすんな最初に言えよ！プンプン！

　

　

ajaxや$.postなどでサーバとの通信中に「通信してますよ」っていう
風車のマークを出したいんですが、どうしたら良いでしょうか
ググっては見たんですが見つかりません
自前の非同期通信の処理に組み合わせるような風車のライブラリ？みたいなものはないんでしょうか

通信前に画像出して通信終了時に画像消せばいいんじゃないかな？
参考　http://alphasis.info/jquery-api/deferred-object/

deferredは便利だけど、いきなりそれを見せても理解できない予感

通信開始/終了時にイベントが発生するから、そこに定義するのが楽かと
http://semooh.jp/jquery/cont/doc/ajax_event/

このへんも具体的に参考になりそう。

jQuery で非同期通信中にローディング画像を表示する方法
http://www.abe-tatsuya.com/web_prog/jquery/ajax-loading-image.php

ajaxでリクエスト処理中のローディングについて調べてみた。
http://the-zombis.sakura.ne.jp/wp/?p=1572

　

>>344-346
ありがとうございます、そのへん見て勉強してみます

匂うんだよ笑

　

　

　

facebookで画像クリックしたとき画面遷移しないのにＵＲＬが書き換わるんですけどあれってどうやってるんですか？

ってマルチかよksg

354
すんません笑
若干急ぎ気味だったんで

draggableで移動が終わった後に座標をpostしたいんですが
「draggableで移動が終わった」ってのはどの辺で検知できるものなんでしょうか？（そもそもそういう検知が出来るのかがわかりませんが・・・）
今はテスト的にこういったソースになっています。

<script>
$(function()
{
$( "#box" ).draggable({
opacity: 0.5,
grid: [15, 15],
handle: '.handle'
});
});
</script>

　

>>356
Draggable Widget | jQuery UI API Documentation
ttp://api.jqueryui.com/draggable/#event-stop

　

　

質問させてください。
簡単なスライドショーを作成したいのですが、まず本を参考に画像のスライドショーができました。
次に、<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指定などがわかりません。
よろしくお願いします。

361です。
上記の場合、
$("div#box1").attr("div");
こんな感じなのかなぁ。
しかし、これでは動いてくれずなんか足りないというか違うというか。
何が足りなくて何が違うのかがわかりません。
box1,box2とfor文でやっていくつもりですが、、、

var numBox = 3;
for(var i = 1; i <= numBox; i++){
$("<div>").attr("div","box" + i);
}

アドバイスください。よろしくお願いします。

画像単体ではなくサイト全体（body読み込みが完了するまで）読み込み中の画像をだしたいとおもっています。
JQueryではそういったことは可能でしょうか？
機能名なんかあれば教えていただけないでしょうか。

>>363
これじゃあだめなん？
ttp://msbizit.blog28.fc2.com/blog-entry-88.html

　

　

>>361
マルチは氏ね

死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が
死ねゴミ共が

　

　

　

　

　

　

　

　

nameしか振ってないんだけど、id属性セレクタでちゃんと拾える？

　

　

そのぐらいやってみればいいじゃん

nameしか振ってないなら、name属性見て取得すればいいだけだろ

　

　

　

　

　

ライブドアのブログなのですがこちらで質問させてください。

jQueryというものを使って
サイドバーをスクロールさせたら自動で
サイドバーの広告を追尾させる形をとりたいのですが
どうすればいいでしょうか？

調べてそういうスクリプトを書けばいいんじゃないの

>>388
調べたのですが分からないんです。
どれが正しい情報かとか
そもそも上手い検索してるかどうかとか。

>>389
まずスクロール量の取得から調べてみると良いかと。

うぇぇぇん；やっぱ無理だ；；
スクロール量の取得とかいわれても
分かりませんもん；；；

　

(　＾ω＾)・・・

例えば、「追尾」というのがウィンドウに対して位置を固定したいだけなら、
CSSでposition: fixedという手もあるのよ

・position: fixedとは違うのか
　（例えば、スクロール量が一定量超えてから「追尾」開始とか？）
・いわゆるエレベータメニューのようなアニメーションをしたいのか
・対象となるHTMLの構造や、ページのレイアウト

わからないことだらけなので、調べて書けとしか言えないのよ

JavaScriptは動作の確実性が無いから、できれば使わないほうが良い
それ言うとCSSもそうだがJavaScriptよりはマシなので

>>394
大変に有難うございます！
自分も質問をする以前の条件を満たしていないので
極限まで下調べをできるようにしてから
いつか再び質問させて頂きます！
本当にありでした！！ｍ（_ _）ｍ

　

(　＾ω＾)・・・

　

　

　

test.jsに
function test(geID){
document.getElementById(geID).（適当な何か）;}

test.htmlに
色々省略〜
<a href="javascript:test('test10');">該当箇所</a>
<div id="test10">東京都</div>

みたいな感じでid指定でアクションを起こすページは
上手く機能できてるんだけど、これをそのままclass指定で
機能させる場合の書き方を教えて下さい。

>>401
ここが参考になりそう
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1369200408

>>402
ありがとうございます。
スクリプトの例文を切り貼りして使ってるだけの初心者以前のレベルなので、
パっと見で理解不能でしたが、これまでと同じく乗り越えてみます。

　

　

　

　

　

　

　

空白文字を連投している人へ。
迷惑だから止めて下さい。

あれは労災認定クラスの社畜コーダーが泡吹いてる状態だから
そっとしとけ

　

タイムカードか

まさに。

ちなみに奴の好物はｼﾒｼﾞｿﾊﾞ

6:00出勤、19:00退勤か。
今日は6分の遅刻ということになる。

　

　

　

週末が近づくに従い、じょじょに退勤時間が延びる悲しさ。

　

毎日ピッタリの時間だと迫力も出そうなのに
妙に生活感を感じるねｗ

　

空文字連投はNGEx設定であぼーんできるよ

　

いいんだよ
社畜が今日も生きてるという証なんだから

img = $(imgタグのID);
img.bind('error', function() { img.attr('src', エラー時に表示する画像のURL); });
img.attr('src', 画像のURL);

で"画像のURL"がNot FoundやForbiddenの時に"エラー時に表示する画像"
を表示することはできますか？

はい

　

jquery版nivoslider v3.2について教えてください。
コントロールナビにサムネイルを使いたいんですが表示されません。
controlNav : true,
controlNavThumbs : true,
controlNavThumbsFromRel : true
このあたりは設定したんですが、cssを変更する必要があるとの情報までは
たどり着いたんですが、どの部分を変更すればよいのか分からなくて困っています。
お分かりになる方、お教えいただけないでしょうか。
よろしくお願いします。

img = $(imgタグのID);
img.bind('error', function() { alert('error'); img.attr('src', エラー時に表示する画像のURL); });
img.attr('src', 画像のURL);

としてもalertに行かないようですが。
画像のURLのレスポンスは確かに403です。

>>431 403でも404でも普通に動く。テストしてるブラウザなんだ。後エラー出てないか確認。

fb_wallでしたでしょうか、facebookのapiを使って他のサイトに表示するjquery最新のものはまだないでしょうか？

　

(ﾟДﾟ)ｼﾒｼﾞ

>>432
GoogleChromeとFirefoxで試しました。
コンソールにはHTTPレスポンスが403 Forbiddenと出るだけでJavaScriptの構文エラー等は出ていません。

直接の原因かどうかはわかりませんが
srcに画像URLの代わりに、別の403を返すURL(禁止されたディレクトリインデックス)を指定したら
bindしたfunctionが呼ばれました。

ああ。

たぶんjQuery関数がメソッドの参照を保持するオブジェクトを返すんだろ。
引数にとったオブジェクトの戻り値のメソッドを足し込んでて、その参照からメソッドを呼び出す時のインスタンスが
最初はvar img が img要素だったのが、bindメソッドに移ってんじゃねーの。

403にも関わらず、まっとうな画像データが返された場合のことかな。

　

　

　

(ﾟДﾟ)ｼﾒｼﾞ

　

文字Aにマウスカーソルを乗せると、文字Aは○○ですみたいな説明文を出したいのですが
そういったjQueryを配布しているところがあったら教えて欲しいです

1つ書き忘れました
titleから読み込んで表示するのは見つかったのですが
文字Aというのが何箇所もあるので
最初のほうに1箇所だけ文字A=文字Aは○○ですという記入でやりたいんです

詳細がよくわからないけど、

$("span.hoge").myToolTip();

みたいなのを、

$("span.hoge").eq(0).myToolTip();

みたいに、最初の要素だけ対象にすればいいんでない

　

　

　

jquery.columnfilters.js
みたいな各列でフィルタリングできるのってある？
jquery.columnfilters.js使ってみたんだけど重いんだよなあ

フィルタリングは選択式じゃなくて直接文字を入力するタイプがいい

　

2つ質問があります。

jQuery mobileで表示されるselectタグのラベル（選択中の値）ですが
フォントサイズを変えることはできないのでしょうか？
selectタグにstyle="font-size:10px"のように記述しても変わらないのですが
記述方法が間違っているのでしょうか？

同じくselectタグについて、multiple属性の場合は選択値がカンマ区切りで表示されますが
たくさん選択するとどんどん横に伸びてしまうので省略表示（…）にしたいのですが
selectタグにstyle="width:100px"のように幅を指定するだけではダメなのでしょうか？

　

　

>>453
このスライドが参考になりそう
http://www.slideshare.net/yoshikawa_t/jquery-mobile-14229544

　

Webサービスとして、モバイルWebサイトが作れるやつがけっこうあるのね。

codiqa（jQuery Mobileの公式サイトにも簡易トライアルがある）
http://codiqa.com/

APPLICATION CRAFT
http://www.applicationcraft.com

tiggzi
http://www.tiggzi.com/

tiggziは、３ページなら無料で試せるのね。こりゃいい

　

jqmのスライドだと、これも解りやすいな
http://msto.jp/th2/#p16

とりあえず、tiggziとAPPLICATION CRAFTの無料版を
試してみたけど、この２つだとtiggziのほうが使いやすい感じがする。

Mobjectfy
http://www.mobjectify.com/

ここも良さげ
[Try Now]から、使用感はすぐに試せる。

　

　

皆さんに紹介して頂いたツールのうち
サンプル画面で細かな設定ができそうなAPPLICATION CRAFTを試してみました

質問の２つ目はmax-widthを設定すれば良さそうなことが分かりましたが
１つ目のフォントサイズの変更は該当する設定項目が見当たらないので
そもそもできないのかなぁと考えています
テキストボックスなどには設定項目があるんですけどね

良い方法をご存知の方がいらっしゃいましたら、引き続きレスをお待ちしております

Simple Spyという自動スクロールライブラリを導入したのですが、
下からリストが消えるのに、上からのスクロールが起こりません。
<li>要素に、スタイルを設定しないといけないのでしょうか


【コード】
<ul class="spy">
繰り返し複数回<li>----</li>
</ul>


【スクリプト部分】
http://jqueryfordesigners.com/demo/simple-spy.html
のコードを参考にしています。

すいません。
Jqueryのバージョンが古かったみたいです。
自己解決しました。

　

APPLICATION CRAFT、設定項目は一番多そうだけど
レスポンシブとかviewport設定とかどうやるんだろうね。
作ってすぐにスマホとかから確認できるのはいいんだけど。
コントロールごとのID設定はできない感じだし。
モバイル向けだと、ID属性ではなくname属性を設定する

>>465
結局、この手のサービスはあくまでワイヤーフレームを
作るだけのものと割り切って、細かいところは
ソースやCSSいじるしかないと思う。

こんなサービスもあるね

jQuery Mobile Website Builder
http://www.jqmbuilder.com/build/

　

YUIって全然使われてない？
ドキュメントが充実してるようでしてなくて
サンプル見てもなんかピンとこなかったわ

俺も同じような理由でYUIはさっぱりチェックしなくなったな。

　

YUIDOCは便利じゃね？

jQuery Mobile Rapid Interface Builder
https://01.org/rib/online/
オンラインサービスでjQMベースのワイヤーフレームが作れるっぽい


jQuery-Mobile-Bootstrap-Theme
https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme
こっちはBootstrapライクなテーマ

　

　

　

　

　

同じディレクトリにある特定のページの中の、numberIDをつけたspanタグに挟まれている数値のみをload関数を使って抜き出したいんですが、spanタグごと数字が抜き出されてしまいます。
抜き出した数値をその後スタイル属性に挿入したかったのですが、これではうまくいきません。この時数字のみを抜き出してくるにはどうしたらいいんでしょうか。
また、spanタグごと抜き出したとしても、数値のみ抜き出す方法があるなら、そちらのほうでも構いません。
セレクターなどは以下の通りです。(変数aに数値を入れたいです)

$("#number").load("inform.html .number");

$("#number").attr({
style:'width:'+a+'%'
})

日本語で

数値だけを他のページから抜き出してくるにはどうしたらいいんでしょうか。

>>484
セレクタは要素を選択するものだとおもうから、セレクタだけで中身を取り出すのは無理ちゃうかなあ。

.load() には完了時のコールバック関数が付いているから、そこで加工するのがいいのでは。

>>485
その通りでした。ありがとうございました。

　

　

　

jQuery Mobileで$.mobile.changePage()でページ遷移をさせる際、

(1) page1.html → page2.htmlという処理では
　　page1.html内で$.mobile.changePage("page2.html")

(2) page2.html内のボタンクリックで、page2.html内の
　　<div id="page2-1" data-role="page"></div>
　　から
　　<div id="page2-2" data-role="page"></div>
　　の内容に遷移したいので、"page2-1"内scriptタグにてボタン押下時に
　　$.mobile.changePage("#page2-2")
　　と記述

というふうにした際に、
page1→page2はうまく遷移するのですが、その後にpage2.html内での
ページ遷移が効きません。
page2内でのボタン押下時のイベントは取得できているのですが、
その後のchangePageが動いてないようなのですが、何かやりかたが間違ってるんでしょうか

　

　

>>490
jQuery mobileは使ってなくて、今マニュアルみただけだけど、やりかたが間違っていると思う。

>>493
ググりまくってStackOverflowあたりのサイトも見てるんですが
決定打が見つかりません。

物理的なHTMLページ間リンクを経た後に、
１HTML内で複数の<div data-role="page"></div>の間を
遷移する方法の組み合わせのテンプレ的な方法ってどうやるんでしょう。。。
ググる限りは、いずれも$.mobile.changePage()で実装できるように
見えるんですが。

>>494
jQueryオブジェクトをわたすみたいだぞ?

　

　

datepickerで日付をクリックしたら
<a href="#">@</a>の
#にyy-mm-ddを入れるのはそうしたらいいでしょうか？

>>495
jqmDataとかいうやつかな？ちょっとヒントだなそれ。
ありがとう。調べてみる。

>>498
<a href="#">@</a>を
<a href="#" id="hoge">@</a>
みたいにidで指定できるようにして、
datepickerのコールバックのところに
$("#hoge").attr("href", {datepickerから取得したyy-mm-dd})
とするのは？

>>499
ご返答ありがとうございます。

<a href="#" id="hoge">@</a>にするには
jquery.ui.datepicker.jsを修正するのでしょうか？

現状では、表示されませんがこんな感じです。
<script type="text/javascript">
$(function() {
$("#hoge").attr("href", {dateFormat})({
dateFormat: 'yy-mm-dd',
showMonthAfterYear: true,
yearSuffix: '年',
inline: true
});
});
</script>
<div id="hoge" class="attr"></div>

>>500
jquery.ui.datepicker.jsを修正する必要は無いと思う。
datepickerで、日付けが確定された際に、どう処理するかだと思う。
HTMLとJSを全部まるっと貼ってみてよ。

>>499
とりあえず表示出来て、こんな感じです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$('#hoge').datepicker({
dateFormat: 'yy-mm-dd',
showMonthAfterYear: true,
yearSuffix: '年',
inline: true
});
});
</script>
<div id="hoge" class="datepicker"></div>
</body>
</html>

>>502
これじゃダメなん？

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$('#hoge').datepicker({
dateFormat : 'yy-mm-dd',
showMonthAfterYear : true,
yearSuffix : '年',
inline : true
});
});
</script>
<input type="text" name="hogedate" id="hoge">
</body>
</html>

テキストボックスをクリックすると、
datepickerが表示されて、日付けをクリックすると
yy-mm-dd形式でテキストボックスに入るよ

ご回答ありがとうございます。

テキストボックスは表示させないで
カレンダーは常時表示して日付クリックしたら、
root/yy-mm-ddのページが表示できれば思っております。

　

>>505
ttp://api.jqueryui.com/datepicker/#option-onSelect

　

画像アップロードでオススメは？

>>509
Node.js でも使うつもりなの？
http://www.slideshare.net/hakobe/nodejs-uploader

サーバー側はなんでもいける
jQuery.upload使ってる。
http://lagoscript.org/jquery/upload?locale=ja

　

　

>>507
$('#datepicker').datepicker({
onSelect: function(dateText, inst) {
window.location = 'http://mysite/day/' + dateText;
}
});

で行けました。
ありがとうございます。

　

　

おせぇぞちゃんと定刻に書き込めやカスが
荒らしすら出来んのかカスだな

サービス残業してたスマソ

　

　

&amp;#160;$(document).ready(function() {
&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; $(".drags").draggable({revert:"invalid"});
$("#drop1").droppable({
accept : ".drags",
drop : function(ev,ui){
data1= ui.draggable.attr("id");
&amp;#160; &amp;#160; }
&amp;#160; &amp;#160; &amp;#160; &amp;#160; });
});
このdata1をほかの箇所で使おうとするとnot definedになってしまいます。
どうすればよいでしょうか？
&amp;#160; &amp;#160; &amp;#160; &amp;#160;&amp;#160;

　

マルチするクズは死んだほうがいいんじゃないかな

　

質問です
$('#hoge').hover(
function(){$(this).css('background-color', '#f00')},
function(){$(this).css('background-color', '？')}
);

こんな感じで、hover時に.css()で背景色に色を付けた要素に
マウスアウトで背景色の設定を解除したいのですが、どうしたら良いでしょうか
もともとの#hoge要素には背景色はありません
上記の？にあたる部分をどうしたら良いのか、または別の方法があるんでしょうか

$('#hoge').bind("blur", function(){
　　// 背景色の解除処理
});

とかじゃだめなん？
最近のjQueryだと、bindよりもonとかだっけ。
blurはfocusoutとかでもいいかも。

空文字列じゃね?

　

>>525
transparentかinheritはどうですか

　

初期値はtransparentなのでtransparentでも設定すれば

　

link.htmlからindex.html
にアンカーリンクで飛んで
アンカーに該当するアコーディオンを開くという挙動をさせたいです。

location.hashを使ってアンカーは取れているのですが
うまく動いてくれません。

一度みてもらえないでしょうか
ソースはこちらになります

https://dl.dropbox.com/u/83978264/test.zip

>>533
index.htmlのid属性の前に全角スペースがあるのと
".accblock"が不要、作法的にどうなのかはわからないけど作動させるのはclick()に置き換えたほうがイベントが変更になったときとかに楽
あとIEだと開発ツールを表示後でないとconsoleオブジェクトがないためスクリプトがエラーとなるぐらい

　

リンクにアイコンが自動表示されるようにしたいのですが

$(document).ready(function(){
var hostn = "指定する.co.jp" ;
var imghost ='http://xxx/yyy/IMF/';

var pdf,doc,xls,ppt,arc,same,mail ,exwin;
pdf = document.createElement('img');
pdf.src = imghost + 'icon_pdf.gif';
doc = document.createElement('img');doc.src = imghost + 'icon_doc.gif';
xls = document.createElement('img');xls.src = imghost + 'icon_xls.gif';
ppt = document.createElement('img');ppt.src = imghost + 'icon_ppt.gif';
arc = document.createElement('img');arc.src = imghost + 'icon_arc.gif';
same = document.createElement('img');same.src = imghost + 'icon_same.gif';
mail = document.createElement('img');mail.src = imghost + 'icon_mail.gif';
exwin = document.createElement('img');exwin.src = imghost + 'icon_exwin.gif';

//画像を追加
$("a[href$='.pdf']").prepend(pdf , ' ');$("a[href$='.doc']").prepend(doc , ' ');$("a[href$='.xls']").prepend(xls , ' ');
$("a[href$='.ppt']").prepend(ppt , ' ');$("a[href$='.exe']").prepend(arc , ' ');$("a[href$='.htm']").prepend(same , ' ');$("a[href^='mailto:']").prepend(mail , ' ');

//href に 指定の文字列
$("a[href^=http]").not("[href*=" + hostn +"]")
.append(' ',exwin).click(function(){
window.open(this.href,'');
return false;});});
もっとスマートにできそうですね、、、
$("a[href$='.pdf']").prepend('<img src="http://イメージへのリンク">');

のほうが良いでしょうか？

　

>>536
cssだけでできるよ (IE7以下非対応)
たとえば、aタグにclassをふるとか
.icon_doc:after{content:url("icon_doc.gif");}

参考
tp://www.htmq.com/style/content.shtml

自分もCSSでやるのに一票

JQUERY-UIのダイアログについて質問です

<html><body>
親のページ
<!--ここからダイアログ出力（jquery-ui）-->
<div id="dlg">
<form>
<input type="text" name="hoge" /><input type="button" name="n" value="検索" onclick="javascript:do_search();" />
</form>
<div id="list"></div>
</div>
<!--/ここまでダイアログ-->
</body></html>

上記のような構成で、ダイアログ中のフォームに検索条件を入れて送信ボタンを押すと（onclick()）
$.post();でDB検索した結果を$('#list')中に代入する処理を作ってます
が、ボタンをクリックすれば問題ないですが、<input>にフォーカスした状態でキーボードで直接リターンすると
送信されて、親のページ自体が読み替えられてしまい困っています

１）<input>フォーカスからキーボードのリターンでサブミットさせない
２）サブミットしても良いけどページ読み替えはさせず、検索ボタンを押したあとと同様に検索処理させる

このどちらかを実現するにはそれぞれどうしたら良いでしょうか

　

>>538
＞cssだけでできるよ (IE7以下非対応)



＞(IE7以下非対応)

ですよね、、、orz

解決しました
return false;させれば良いんですね

>>542
IE7以下も対応させるなら、背景画像としてicon_doc.gifを表示させたら？
各aの右側にmarginかpaddingで空白をつくり、そこにアイコン画像を背景画像で表示

background-image:url("icon_doc.gif");
background-repeat:no-repeat;
background-position:right center;

参考
tp://kumacrow.blog111.fc2.com/blog-entry-296.html

クラスは振れないのです
だらだらと単純なリンクが並んでいるだけ
ファイルの拡張子から種類を取得して上書きするのが条件でして

そんなの無理ですよね
みっともないけど自分のスクリプトで逝きますか、、、

$(function() {
var reg = /\.pdf|\.doc|\.xls|\.ppt|\.arc|\.same|\.mail|\.exwin/;
$("a").each(function() {
var m = this.href.match(reg);
if(m) {
$("<img src='/img/icon_" + m[0].substring(1) + ".gif' alt='" + m[0] +"'>").prependTo(this);
}
});
});

　

>>546
先生ありがとうございました。

　

アコーディオンメニューつけたんだが、スマホでアクセスした瞬間に一瞬開いて見える

これってサーバー側の問題？

違うけど、それはそういうもの

最初からdisplay:noneをセットするアホもたまにいるが、
あくせし何とかを考えればあり得ない

　

　

ノードとセレクタはどう違いますか？

ノードはjavascriptで使いセレクタはｃｓｓで使うものであることは知っています。
jsもセレクタで動くことも多いけれどもノードを使わないと正常に稼働しないみたいですが・・・

セレクタは、DOM要素のノードを指定するための手段ではないの？

>「セレクタを使用した DOM 要素の指定」
>セレクタ API により提供されるメソッドを用いることで、セレクタのセットにマッチする
>要素ノードを簡単に、かつ手早く DOM から抽出することができます。
https://developer.mozilla.org/ja/docs/DOM/Locating_DOM_elements_using_selectors

jQuery Mobile 1.3.0の正式版ｷﾀｰ
http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/

新しいデモ見ると、だいぶ雰囲気が変わってて
これなら使ってみたくなる感じ。

jQuery Mobile 1.3.0の正式版、
iOS6のSafariだとチェックボックスの挙動がおかしい。
Chromeだと若干もっさりだけど大丈夫。
JavaScriptエンジンの違いかな？

　

　

>>554
ノードは文書を構成する要素や属性、テキスト、コメントなど1つ1つのモノ
セレクタはHTML要素を文書内から抽出するための、決まった文法に則った文字列

> ノードはjavascriptで使いセレクタはｃｓｓで使うものであることは知っています。
セレクタの考え方や文法をJavaScriptに持ってきて使っている部分もある

> jsもセレクタで動くことも多いけれどもノードを使わないと正常に稼働しないみたいですが・・・
すごーく意味不明なのでもうちょっと詳しく

JQueryでメール書式をチェックしたいのですが

var emailReg = eval( /^([w-.]+@([w-]+.)+[w-]{2,4})?$/ );

下記のエラーはどの文字について指摘しているのでしょう？

SyntaxError: Invalid regular expression: range out of order in character class.

　

文字クラス

jQuery Mobileでヘッダバーを動的に後から作るにはどうしたら良いのかな？
１HTMLに複数ページをもたせる場合、ヘッダーやフッターを毎回同じ物を
書くのは、ヘッダーに表示するものの仕様が変わったりした時に修正量が
増えるから、動的に突っ込みたい。

<div data-role="page" id="page-1">
　<div class="dynamic-header"></div>
</div>

<script>
$(document).on('pageshow', "#page-1", function(){
　var htmlHeader = '';
　htmlHeader += '<div data-role="header" data-position="fixed">';
　htmlHeader += '<h1>動的ヘッダ</h1>';
　htmlHeader += '</div>';
　$(".dynamic-header").replaceWith(htmlHeader).trigger('refresh');
});
</script>

こんな感じでやりたいんだけど、ベタで描いた時と動的に書いた時とで
表示が全然異なってしまう。

　

>>564
jQuery Mobileはわかんないけど、jQueryだったら、
一度だけHTMLで記述し、それを必要な部分にcloneしまくればいいよ。
必要に応じてattrでidを変更できるしね。

>>566
レスありがと
jQueryなら何も考えずにDOM操作だけでイケるんだけど
jQuery Mobileは動的にフォームやheader/footerを後から
追加したりするときは、おまじないかけてやる必要があるのよ。

んで、>>564は解決できた。JS部分を

$(document).on('pagebeforeshow', '#page-1', function(){
　var htmlHeader = '';
　htmlHeader += '<div data-role="header" data-position="fixed" class="dynamic-header">';
　htmlHeader += '<h1>動的ヘッダ</h1>';
　htmlHeader += '</div>';
　$(".dynamic-header").replaceWith(htmlHeader);
　$('#page-1').trigger('pagecreate');
});

ってやったら、意図した動きになった。

jquery UIのautocompleteで、suggestとして表示される補完候補リストに画像も表示させることはできないですか
サンプルでいうとカスタムデータというのが近いですが、これは候補の選択と同時に画像表示させるので
ちょっとイメージとちがいます
http://jqueryui.com/autocomplete/#custom-data

良ければアドバイスお願いします

>>568
まあ、画像ファイル名と候補リストが同じだからできたけど、
候補リスト作ってるところがあるからそこに無理やりimg追加したわ

>>569
なんとなくわかってきました
ありがとう

　

　

　

　

<div>aaa<span>bbb</span></div>

というhtmlから<div>直下の「aaa」というテキストだけを抜き出したい

何のライブラリか書かれていないがjQueryだとして、

$("div").contents().filter(function() {
return this.nodeType == 3;
});

あとはnodeValueなり$.textで煮るなり焼くなり

　

　

もうギブどす。どなたか教えてください。

そこら辺に転がっているjQueryだと、マウスオーバーでツールチップを出すと、
リンクしたテキストから少しでもカーソルが離れると消えちゃいますよね。

でも2chビューワーやp2の安価って、リンクから離れても
ツールチップにカーソルがのってればずっと表示してますよね。
これってどうやって実現しているのでしょうか。

ヒントだけでいいので、仕組みをご存知の方いないでしょうか。

　

「そこら辺に転がっているjQuery」というのがよくわからんけど
そこら辺に転がっていない正式なものを手に入れればいい。
んで、マウスフォーカスが外れても、ツールチップが消えないようにすればいいだけ。

hoverの第二引数で消していた処理を外すだけじゃん

　

マウスオーバーで表示、マウスアウトで非表示。
共に対応する処理を行っています。
つまり、マウスアウトの処理を行わない様にすれば良いです。

ただ、その場合、『どのタイミングで消すか』と言う問題が残ります。
閉じるボタンを付けるのが多いと思いますが、ユーザーからすると一手間入るので面倒かもしれません。

　

>>581-584
たんくすぽん。
アッシにはムリぽなので諦めます。。。

タイミング制御ならsetTimeout使えばいいよ。
ちょっとクセがあるけど。

　

　

ローカルで構築中のページにjquery lightbox0.5を設置しているのですが
IE（確認に使ったのは9）でのみ、prev,nextボタンをクリックした際に
点線が現れてしまうのを消したいです。散々ググりましたがお手上げです…。

　

　

以下のコードについて、
console.logで確認した限りではjqueryオブジェクトは存在しているようなのですがpop.append('<li>a</li>');が動作しません。
どう直すか、ではなくどうして動かないのかご存知の方おられましたらご教授願います。

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"/><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script>
(function( window, undefined ){
var pop = $('#pop');
var Log = function(){
};
Log.prototype = {
add: function(){
/* ここ */
console.log(pop.append);
pop.append('<li>a</li>');
}
};
window.Log = Log;
}( window ));

$(document).ready(function(){
var log = new Log();
log.add();
});
</script></head><body>
<ul id="pop"></ul>
</body></html>

数時間調べ続けましたが解らないので質問させてください。

jquery.uploadについてなのですが、例えば下記のようにしたときに、

$('input[type=file]').change(function() {
$(this).upload('/action/to/upload', function(res) {
// 〜A処理〜
}, 'json');
// 〜B処理〜
});

A処理を行う前にB処理が行われてしまうのですが、
これを、A処理を完了させてから、B処理に進めさせるにはどうしたら良いでしょうか？

>>593
$('#pop');が呼ばれたときには <ul id="pop"></ul> がまだないから。

>>594
B処理を関数にしてA処理の最後でそれを呼び出す。

>>595
ありがとうございました。

jQueryMobileで質問なのですが、
data-rel="dialog"で開いたダイアログに入力フォームを作ります。
ダイアログに登録ボタンを作ります。
その登録ボタンを押したタイミングで
入力フォームの入力値を呼び元（親画面）の要素に渡したいのですが
どのように書いたらいいのでしょうか。。

>>596
すみません書き方が悪かったです。もう少し詳しく書きますと
実は非同期通信のアップロード掲示板が作りたくて、
フォーム送信時にeach関数を使ってinput要素を順に取得し、その中でfile属性があった場合
jquery.uploadを使ってファイルアップロードしようと試みていました。

$("form").submit(function() {
var postData = {};
$(this).find('input').each(function() {
if ($(this).prop('type') == 'radio' || $(this).prop('type') == "checkbox") {
if ($(this).is(':checked')) {
postData[$(this).prop('name')] = $(this).val();
}
} else if ($(this).prop('type') == 'file') {
$(this).upload('upload.php', function(res) {
postData[$(this).prop('name')] = res.file; // ※1 アップしたファイル名を返す
}, 'json');
} else {
postData[$(this).prop('name')] = $(this).val();
}
});
$.post('script.php', postData, function(data) { ※2
// 書き込み後処理
});
return false;
});

上記のようなソースなのですが、※1で代入されたファイル名を※2でPOST送信したいのです。
本当はフォームデータをまとめてuploadに乗っけて送信しても良いのですが、出来たら分けて送信したいと思っています。
何か良い方法ありましたら教えてください。

　

※１で代入されたファイル名を使ってPOSTしたいなら
※１での処理ブロックでまとめないと。

ajaxでの処理をおこなう場合は、ajaxの処理結果の
success/failを処理する関数内でまとめる必要がある。

あとは、$.Defferedとpipeをつなげると幸せになれるかも。

　

>>599
※2よりもあとに※1が動くだろうからそういう書き方は無理やね。
>>601 がいうようにDeffered でなんとかなると思うけど、>>596 のやり方でやるんならこんなのはどうか

$("form").submit(function () {
var postData = {};
var count = 0;
$(this).find('input').each(function () {
〜略〜
} else if ($(this).prop('type') == 'file') {
count++;
$(this).upload('upload.php', function (res) {
postData[$(this).prop('name')] = res.file; // ※1 アップしたファイル名を返す
count--;
post();
}, 'json');
〜略〜
});
function post() {
if (count > 0) {
return;
}
$.post('script.php', postData, function (data) {※2
// 書き込み後処理
});
}
post();
return false;
});

あーでもエラー処理のこと考えると Deffered 使うほうがいいね。

あっと

> postData[$(this).prop('name')] = res.file; // ※1 アップしたファイル名を返す

ここでの this は each() で回している時の thisとは違うから気をつけて。
一旦変数に入れておかないとダメだと思う。

ajaxで通信する以上、結果が返ってくるタイミングも非同期だから
Defferedで結果が出揃うのを待つのはいい手段だと思う。

>>601、>>605
ありがとうございます。Deferredは難しくてよく解らなかったのですが、色々調べながらチャレンジしてみました。

$("form").submit(function() {
var postData = {};
var FileUpLoad;
$(this).find('input').each(function() {
〜略〜
} else if ($(this).prop('type') == 'file') {
FileUpLoad = $(this).upload('upload.php', function(res) {
postData[$(this).prop('name')] = res.file;
alert('アップロード完了'); // ※1
}, 'json');
〜略〜
});
$.when(FileUpLoad).pipe(function(){
return $.post('script.php', postData);
}).done(function(){
alert('POST送信完了'); // ※2
});
return false;
});

どうもうまくいきません・・・。
理想としては※1→※2の順にしたいのですが、上記では※2→※1となってしまいます。

>>603-604
コード参考にさせていただきます。
> ここでの this は each() で回している時の thisとは違うから気をつけて。
ご指摘ありがとうございます。実用時に修正します。

【環境】IE10
【何をしたのか】メニューがマウスオーバーで動くタブを作りましたが
アクティブなタブが選択されている時にそのタブのみアニメーションを止めることが出来ません。
ttp://www.dotup.org/uploda/www.dotup.org4001599.png
説明が下手なので、スクショです（影が変なのはCSSスレで聞きます…）
試しに「not」を使って.select以外は動かすという記述をしてみたのですが
元々html上でメニュー１に.selectを入れているため
別なタブがアクティブでもメニュー１だけ動かないということになってしまいました。
どなたか解決策をお教えください。よろしくお願いいたします。

【サンプルコード】（いじる前のを載せておきます）
$(function() {
$("#tab li").click(function() {
var num = $("#tab li").index(this);
$(".content_wrap").addClass('disnon');
$(".content_wrap").eq(num).removeClass('disnon');
$("#tab li").removeClass('select');
$(this).addClass('select')
});
});
$(function() {
$("#tab li")
.hover(
function(){
$(this).stop().animate({
'marginLeft':'-10px',
'paddingRight':'50px'
},'fast');
},
function () {
$(this).stop().animate({
'marginLeft':'0px',
'paddingRight':'40px'
},'fast');
});
});

>>606
(Deferredの部分)
それループで type=fileがあらわれるごとにFileUpLoad に上書きしてるじゃない。
(だから、type=fileがひとつの時はうまく行ってないか?)

Deferred objectをまとめるのは $.when() なんだけど、こんなかんじではどうか?

var FileUpLoad; = $.Deferred().resolve(); // ダミーのDeferred objectを作って完了させておく
〜略〜
　FileUpLoad = $.when(FileUpLoad, $(this).upload(略));

他にも方法有りそうだけど。

　

　

>>609
おおおお！出来ました！
ありがとうございます！

原理的に何故出来たのかはあまりよく解ってないのですが、とにかく出来て良かったです。
お世話になりました。

>>609
わかってないのかよ。
A = $.when(B, C, ...);
は B,C,… すべてが完了したら、Aに登録したcallback関数が呼ばれる。
だから、$.update()の返り値を全部引数に並べればOKなんだけど、
そうは出来ないのであーいうコードになった。

蛇足ながら、元のコードは
var a;
a = $.update();
a = $.update();
a = $.update();
a.完了したら();

と同じだから、最後の$.updat()の完了状態しか見てないってことな。

　

　

　

　

自由度の高いデザインができるモーダルダイアログのjQueryプラグインでオススメありませんか？

やわらかいなり

　

　

やわらかいなり

　

　

やわらかいなり

ajax()やpost()でのcsrf対策はどうしてますか？
正直今まで全く意識してなかったのですが調べてみるとあまり情報がなく
いくつかあるものも「これだ」って感じのものがありません
どのように対処している、と教えてもらえると嬉しいです
よろしくお願いします

やわらかいなり

　

やわらかいなり

CSRFは、むしろサーバ側で対策しないとダメ
リファラを見るか、トークン使うかの２択かな。

　

　

やわらかいなり

　

やわらかいなり

Youtubeの動画をポップアップで再生するのはあるけど、
ニコニコ動画も含めて同じことできるものってのは無いのかな？

　

　

やわらかいなり

　

スマホサイト向けにjQuery Mobile使いたいなとあれこれ評価して、
重いしバギーだしと捨てたのが１年前。
1.3.0出たぞと再評価してみたけど、やっぱりAndroid2.3向けには重すぎて
iOS6.1用でも若干重いしsafariだとなんかバグっぽい挙動が不安で
結局見送った。

今は１からスマホ用のCSS書いてる。。。俺に土日をくれ。。。
今月の休みねぇよ。。。

　

jQuery Mobileマジで使い物にならんね、他のも大体同じ
勧めようとしてるＩＴ系記事とかあるけどふざけんなって言いたくなる
Android4だとまともに動くの？

ちょっとした（と言っても程度の差はあると思いますが）JQueryプラグイン作成を
ネット経由で予算提示して受注を募るこてできるサイトあったと思うのですがどこでしたっけ？
あるいは捨てアドいただければ概要をお知らせしますので良かったら。

　

jquery mobileが実用レベルで動いたとして、jquery mobileを使えば>>641が土日休めるようになるほど短縮されるかっていうと、そうでもない気がする

>>643
お前の糞コードよりは100000000倍まし。

セレクターをul imgで指定すると動作するが
ul li imgで指定すると動作しない…。何故だ…？

　

やわらかいなり

>>648
HTML側が間違ってるに1票

俺もそう思って
単純なDivも何にも使ってないページで
ul li imgだけを使ってテストしたんだが
やっぱり動かないんだよな…。

ソースも出さず愚痴りたいだけなら余所で

やわらかいなり

　

セレクターをul imgで指定すると動作するが
ul li imgで指定すると動作する…。何故だ…？

さっさと答えろクズ共

メニューに関してなんですが
HTML
<ul id="hoge"><li><a href="#">TOP</a></li></ul>
CSS
#hoge li a { background-image: url("./img/menu.gif") }

このbackground-imageの透明度をjQueryで変えたいのですが、出来ませんか？
なるべく文字はそのままの方が良いです…
一々別画像に差し替えるが嫌なのと、スプライトも嫌いなので…

画像のスタイルのopacityいじってできないっけ？

　

$(document).ready(function(){
この中に全部入れちゃっていいの？
それとも処理ごとにこれ書くの？

>>658
:beforeや:afterで画像を挿入した上で位置を調整し、
重ねた上で透明度をいじる方法は一応なくもない

background-image opacityあたりでググって

>>661
全部

サンクス！

　

jQuery Masonry　面白れ〜
可変グリッド楽しいわ！

質問させてください。
ブログサービス上でjsを動かして、どのリンク先に行っているかを収集するためにレンタルサーバ上のphpファイルへPOSTしたいです。
ブログで以下を仕込み
$.ajax({
type:'post',
url:'レンタルサーバURL/analysis.php',
data:{'to':$(this).attr('href')},
});
レンタルサーバでPOSTされたデータを収集したところ、
FireFoxでは動いたのですが、IE9ではうまくデータを収集できませんでした。
試しにjsをレンタルサーバ上で動かしてみたところ、
FireFox、IE9ともにうまく動いたのでクロスドメインの問題かと思っています。

色々調べてサーバ側でAccess-Control-Allow-Originヘッダを返してみたり、
XDomainRequestを利用しようとしてみたりしたのですが、
うまくいきませんでした。

何かアドバイスいただけないでしょうか？

　

CSRFの手法を使えばいいんじゃね?

　

YQL使えばイケるだろ。
YQLをラップしたjQueryプラグインもあるし。

よく分からないんだけど
JQuery覚えればJavascriptは覚えなくていいの？

本当はすんげえ分量の呪文覚えて唱えなきゃいけないんだけど
先人が作ってくれた御札を使うと「ベホイミ」だけでオッケーみたいな
だけど応用効かせたいとか思った瞬間元の呪文も理解しなきゃいけない
とりあえずサンプル見ながらコピペで頑張って駄目ならアヘ顔で質問

下記のサイトのTOPページで使われているスライダー？と同じもの、似てるものって
ありませんか？？
ソースを見てみたんですが、home-slide.jsというのがそれだと思うんですが調べても出てこなくて。。

一から全て作るのは力量的に難しそうなのでこのように横幅一杯で
前の画像と次の画像が見えているようなスライダーがあれば教えていただけませんか？

参考サイト
http://re-marks.ycam.jp/

　

やわらかいなり

jQuery1.9.1にしたら色々動かなくなって元に戻した
迷惑だからやめて欲しい

　

lightpop.jsでニコニコ動画もポップアップ再生可能らしいけど、ダウンロードできなくなってる

EFBD8AEFBCB1EFBD95EFBD85EFBD92EFBD99
E381A8
EFBCAAEFBD81EFBD96EFBD81EFBCB3EFBD83EFBD92EFBD89EFBD90EFBD94
E381AE
E381A1E3818CE38184E381A3E381A6E381AAE381AB

　

>>673
カルーセル(carousel)だな。

ここから好きなの選べ。
http://www.tripwiremagazine.com/2012/12/jquery-carousel.html

>>676
liveが廃止されたりしてるんだよな。
jQuery Migrate plugin入れるか、何が変わったのか調べてから
アップグレードすりゃいいよ。
特に1.9はv2.0からのレガシーブラウザ完全切り捨てに向けた
変更も入ってる。

まあメジャーバージョンアップだからな。
いままで Deprecatedだったのが実際に取り除かれたりはするわさ。

でも2.0pre版、切り捨てた割にはminでも
サイズがあまり小さくなってる感じが無い

Img画像がその親のdivコンテナの幅サイズ変化あわせて
自動で拡大縮小されるブログなんかをときどき見かけますが
あれはjqueryじゃなくてcss3?の制御なのかな

CSS3のtransform使えば、要素に対して拡大縮小回転とかできる。
jQueryのanimateあたりは、このへんをラップしたものだよね。

そうなんですね。ありがとうでした

>>679
翻訳すると

jQuery
と
JavaScript
の
ちがいってなに

jQueryはJavaScript言語で作られたDOM/イベント操作フレームワークみたいなもん

　

　

質問させてください。
以下のソースでentry_listというidのdiv要素の色を変化させようとしたのですが、
FireFoxでは意図通りになったのに対し、
IEでは最初のentry_listだけ色が変化し、他のentry_listはマウスを動かしても色が変わりませんでした。
原因はなんでしょうか？＿

$("div#entry_list").hover(function(){
$(this).css({
backgroundColor:"#edfaff"
});
},function(){
$(this).css({
backgroundColor:"#ffffff"
});
});

>>692
http://jsfiddle.net/MgYNY/2/

$("div#entry_list").on({
'mouseenter': function() {
$(this).css({ backgroundColor: "#edfaff" });
},
'mouseleave': function() {
$(this).css({ backgroundColor: "#ffffff" });
}
});


どうでもいいけどスタイル切り替えは.css()で直書き替えじゃなく
.addClass()でやった方が良いよ。

もしかして、entry_listというIDを持った要素を
複数配置してる？

　

>>693,694
ありがとうございました。
entry_listを複数配置しています。
findを使用して無事にできました。
ご迷惑おかけしました。

idは基本的に重複させたらダメ
複数使いたい場合はclassを使うといい

　

試してないけど div[id=entry_list] ならいけるかも

>>699
そういう問題じゃないってば。

いけました！ありがとう

いけたか。でも他の人も言ってるように、idが重複しないように設計を見直すべし。

でも優先度低くなりそうだな。

そうですね！

　

何度もすいません。
693さんのソースを使って、複数でるidもclassに変えたのですが、
やはりIEだけ変な動作になります。

具体的にはclass="entry_list"のdiv内にaタグのリンクがあるのですが、
一つ目のentry_listは期待した通り、entry_list内のどこにカーソルを持って行っても色が変わるのですが、
何故か二つ目以降のentry_listはaタグの文字があるところにカーソルを持って行った時だけ色が変わります。
一体なぜなのでしょうか？

　

ソースを全部貼れ。

試してないけど each使うとどうなる

>>705
自分が書いたコードを>>693のjsfiddle書き換えて共有してよ。
登録しなくても「share」押せば出来るから。

>>709
作成しました。
http://jsfiddle.net/kak9X/

ただ、このページをIEで開いても不具合が再現しません。
でもローカルに落として来たりしてページを作ってIEで開くと再現します。

>>710
なおした。
http://jsfiddle.net/kak9X/1/

jqueryの問題つうよりCSSのネガティブマージンとかhasLayoutとかその辺が原因。

あと、直接影響してたわけじゃないけど<
div>と<div>の間空けるのに<br>はやめよう。
つうかネガティブマージン指定して<br>で空けるなら普通にマージンで空ければ良いだけでは？

それと、テキストをインライン要素噛ませずにブロック要素で囲むのもあまりオススメしない。

重箱だけど最後の一行は、偏にブロック要素と言っても、
div要素のような意味を持たない要素だからであって、
p要素とかli要素だったら別にいいでしょ？

>>712
そうだね。
pやliでもおk。

箱に直でテキストの状態だと触れないインライン要素でテキストが
囲まれてるのと同じ状態だからそれを避けるだけの用途としてspanにしてた。

710さんありがとうございます。
ただ、brはちょっと仕様上勝手に入ってしまうんです。
すみません。
試してみます。

WPだな
わろたwwwww

　

お知らせ

市原警察署の生活安全課の帰化人創価警官の指導の元、
入学式から2週間ほど、在日の創価学会員を主体とした自称防犯パトロールが、
2週間ほど行われることになりました

生活安全課の指導であることと、パトロールであることは、
絶対に公言してはいけないとの指導も、帰化人創価警官より出ています

期間中は2人組の在日の創価学会員が、頻繁に創価批判者の自宅周辺を、
うろつき回ると思われます
日本人の方は、充分に注意してください

　

　

>>713
<div>text</div> は駄目で <div><span>text</span></div> はいいってこと？
その span に何か意味あるの？

divはブロック要素
spanはインライン要素

>>720
匿名ブロックボックスについて
ttp://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#anonymous-block-level
ttp://papalion.tv/web/css/visual/?q=toku
ttp://www.y-adagio.com/public/standards/tr_css2/visuren.html

さらに詳しくは「HTML 匿名ボックス」でググるかJSから話がズレるのでCSSのスレで。

　

やわらかいなり

本を買おうと思うんだけど、おすすめとかないでしょうか？
jqueryを使えばこんなことができます的なサンプル集みたいな本がいいかなと思うんですが

やわらかいなり

JQueryでラジオボタンにチェックをつけようとしているのですが、うまくいきません。
HTMLコードは
<input type="radio" id="radio1" name="radio" /><label for="radio1">壱</label>
<input type="radio" id="radio2" name="radio" /><label for="radio2">弐</label>

で、jQueryコードは
$('#radio1').attr('checked', true);

です。
Firebugで確認すると、jQueryコードを実行後、HTMLコードが
<input id="radio1" type="radio" name="radioset" checked="checked">

に変化するのですが、外観はチェックが付いていない状態ですし、
$('#radio1').is(':checked') で値を取得しても false が出力されます。

どこに問題があるのでしょうか？

ver1.6以降なら.prop()をつかおう

　

>>728
くぅ〜！感謝です！
HTML属性とJavaScriptプロパティで値が違う事があるのですね。

jquery mobile 1.1.0を使ってるんだけど、
横幅が320pxになって、320pxの画像（広告）を設置すると、
広告の左にmargin（ボディの左側のpadding？）ができるので、
広告の右横が画面から切れてしまいます。

jquery mobileで作ったページを340pxとかにするか、
もしくは広告を画面と同じサイズで左側にぴったり合うように設置したいんだけどどうしたらいいのかな

jQuery mobileって320px固定なのかな？

イコールの後に続く数字をイコール含めて消したいのですがうまくできません。

<HTML>
<div class="category_img">
<img src="img/001&amp;page=1.jpg">
<img src="img/002&amp;page=2.jpg">
<img src="img/003&amp;page=3.jpg">
以下続く
</div>

<script>
$(function(){
$('.category_img').each(function(){
var txt = $(this).html();
$(this).html(
txt.replace('&amp;amp;page=', ''),
var txt = $(this).html();
);
});
});
</script>
&amp;page=だけなら削除できたのですが、
数字が動的に動いているのでどの数字が来ても削除できるようにしたいです。

ページめくりのある、本のようにテキストを読めるプラグインありませんか？
http://cmmntr.com/m/2
こういったプラグインは多いのですが、タグ付けが必須なので困っています。
.txtファイルをロードして、ページサイズを決めたら文字列を自動で並べて
描画してくれるプラグインを探しています。

>>733
それは多分存在しない。
どうしても必要なら、自作するしかないね。

>>732
これでどう？
<script>
$(function(){
$('.category_img').each(function(){
var txt = $(this).html();
$(this).html(
txt.replace(/img\/\d{3}&amp;page=/g, "")
);
});
});
</script>

結果は下記な感じだけど。

<div class="category_img">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
</div>

　

やわらかいなり

　

　

やわらかいなり

ｊQuery Mobileはやめたほうがいい
いろいろうまくいかなくて、無限に時間を持って行かれる

代替手段はsenchaかjqMobiかね

その辺はどれもどれな感じがするなあ
でもｊQuery Mobileよりは多少ましかも

確かに悪くないんだがぱっとしねんだよなぁ

senchaは、独自色と囲い込み色が強いからなー。
jQueryと併用するの難しいし。
ライセンス買ってガッツリ取り組むならありかもしれんが。

jqMobiとかzeptoは、jQueryのサブセットで軽量だけど、いろいろ抜けてるから
jQueryの本格的な軽量化代替手段として使うといろいろハマる。
jQuery Mobileは、ベースとしてjQuery本体が必須。UI周りが重すぎる。
Androidでは2.xだと非実用的、4.xでもストレス溜まるし
iOS6.xでもフォーム要素、特にチェックボックスやラジオボタンがもっさりする。

俺もいろいろ試してきたけど、結局はスマホ向けのひな形となるHTMLを
Mobile Boilerplateベースで作って、各種表示部品やフォーム要素も
divとCSSでスクラッチで作った。CSSであれこれやったほうが全然軽い。

なるほどねー
俺はＩＥ６〜８を切り捨てたjQuery2.0に期待しますですよ

　

IE6~8は仕事で対応させる必要がある人は
いっぱいいると思うが。
そういう人達はver2.0に移行できるのかな？
英断だとは思うが…。

そんなん無理だろ
ＩＥがどれだけ足を引っ張っていたか教えてやるんだろう
ユーザー側にもな

ユーザーは開発環境が変わろうが
知ったことじゃないだろうw
結局、困るのは制作現場だけだw

>>750
ＩＥ６〜８
「このブラウザには対応していません。　最新のバージョンか、chrome、firefoxを使用してください。」

だいたい、未だにIE6とかを社員に強制している企業は
ビジネス自体そのものの進歩を止めた企業。
IE6でしか使えないけど、業務効率や生産性を飛躍的に伸ばすような
機能やUIがあるなら別だけどさ。そんなもん、ねぇだろ。

不便だろうが生産性が悪かろうがなんだろうが、社内システムが
安定して動くことを優先しているだけ。
そんなシステム、そもそもたまに出てくるバグを潰す以外のお守り（おもり）は
必要ないわ。

>>751
じゃ見ねーよ！になって終わり。
見られるページに飛ぶだけだろ？

つーかIE6時代のPCなんてそろそろぶっ壊れてリプレースされるんじゃないの

$("#webclap a").click(function(){
$("#webclap img").attr({
src : "webclap2.gif",
alt : "thanks!"
});
$(this).click(function(){return false;});
});

clickを入れ子にしちゃったんだけど、特に問題とかないかな？

>>755
クリックすると内側のclickイベントが毎回追加される
こいつとは仕事したくないなーと思われる

>>755
あと初回はイベント登録のみで実行はされない

　

Dojo Toolkitも思い出してあげてください
http://dojotoolkit.org/features/mobile

あとKendo UI
http://www.kendoui.com/


jQuery Mobileの画面遷移機能だけが欲しいなら
そこだけ抜き出したプラグインjqMini(100KB)と言う選択も
ttp://dev.creatorish.com/jqmini/

http://w2ui.com/web/home
w2uiってどうなん？
見たかんじシンプルでクォリティーも高そうだけど。

>>759-760
こういうのもっと知りたい

jqMiniはデモが手抜きすぎると思う
さすがにあれじゃ何の参考にもならない

Kendo UIは有料か。試すこともできない。スルーだな

>>756
うわマジですか(ﾉД`)初心者なので勘弁して下さい
.one.(”ｃぃｃｋ”、function(){なら大丈夫ですか？

>>763
GPLとのデュアルライセンスだから問題ないよ。

>>765
ごめん見落としてた

jQueryでのタブメニューなのですが、他のタブ内のアンカーに直接リンクさせようとすると表示できません。
知恵袋にそれらしきことはあったのですが全くもって理解できないので、どこかにサンプルありませんでしょうか。

タブ1内のリンクを踏んで、タブ2を開くだけではなく、タブ2内の特定の位置までスクロールさせるって感じです。

　

>>764
デバッガの使い方を覚えるのが先だと思われ

jqueryでプルダウンメニューを作っているのですが、ちょっと苦戦している個所があります。

2段式(http://greengeckodesign.com/projects/MenuMatic/examples/horizontal/index.htm)
こういうのを作っているのですが、このプルダウンにシャドウを付けるために、各ULタグの中にspanタグをいれています。
backgroundで画像を配置するという方法です。

プルダウンメニュー自体は大した問題はないのですが、1つめのulから2つめのulに移動する際に、先ほどのspanタグの上を通過して次のプルダウンに移動するのですが、
一瞬でもulとliタグ以外のものに触れるとプルダウン自体が消えてしまうのが困っています。

やりたいこととしては、このspanに触れても消えないようにしたいです。

・ソース抜粋

$("ul").find("li").mouseout(function (){ //1つめのulのliに
$(this).children().children().css({"display":"none"});
});

現在はliがマウスアウトしたら消えるとなっていて、どうしたらspanとliどちらもマウスアウトしたら消える、というふうになるかが分かりません。


わかる方がいたら教えていただけないでしょうか？

よろしくお願いします。

>>770
http://jqueryui.com/menu/ の
view sourceを見てください。

>>769
単に日本語入力してて変換ミスっただけです
動作はしてるんですけど、>>756が言ってるような無駄が無いかを知りたいだけです

spanはインライン要素だからとか？
widthやheight効かないし

メールアドレスのアカウント部分
[email protected]
でいうとhoge123の部分がjQueryで取り出す記述ができません
hrefみたいにseachするのですか？

すいません。jqueryでmouseoutの使い方についてです。

$("span").mouseover(function (){
});

は、spanをmouseoutしたら処理をする、というものだと思うのですが、spanとaのどちらもマウスアウトしたら
処理をする、という処理はできないでしょうか？

よろしくお願いします。

プルダウンメニューならjQuery UIを使えばいいよ。
自分で作るなんて馬鹿らしい。

　

>>759
jqMini、軽くて良さそうと思って試したら、動かないですね…
放置されてるのかな？残念

よくあること

組み込んで動かないからおかしいなと思って調べたら、公式のデモがそもそも動かない

親要素のうち、特定の子要素を排除したものをクリックした時の挙動を実現したいのですがわかりません

例えば
#parent
　　#child1
　　#child2
　　#child3
　　…

という構造になっていた場合、#parentのうち#child2以外の領域、というようなセレクタは可能でしょうか

すいません自己解決しました
$("#parent").children().not("#child2")でできました

　

　

jqMini、外部遷移（画面リフレッシュしたページ遷移）に
いちいちrel="external"付けないとならんからめんどくさいな。

全てのページ遷移をjqMiniの非同期に任せたくない場合は
リンクひとつひとつ書き換えなきゃならんからだるい

それ以前に動かないだろ

俺の症状：画面が左にスライドした後、次の画面が真っ白
デバッガで見るとopacityが0のままになってるな
PCのOperaと、手持ちのAndroidのブラウザで確認

あれ？今やってみたら動いた
単に鯖か何かの不調だったのか？

　

誰かニコニコ動画もYoutubeもポップアップで動画を再生できるのを教えてください

　

やわらかいなり

>>770
閉じるときにはタイマーを使えばいい。

　

　

　

　

jQueryってこんな過疎なのかよ
巷ではjsはもりあがってるというのに

大体の人は普通に欲しいjQueryベースのプラグイン探して、
解説ページ見て実装して終わりなんだろうから特に聞くことも無いのでは

改造したいとか自分で書きたい人は色々あるだろうけど

　

　

動画はshadowbox、画像はlightboxで表示させたいのですが、
画像を表示させるとlightboxで表示した後にshadowboxで画像が表示されます。
画像のrelはlightboxにしてあるのですが…。

対処法を教えてください。

この手の質問は確かにめんどくさいなｗ
俺はソース読むしか解決策が浮かばない
結構これが面倒だ

プラグインは動けばものすごい時間の短縮になるけど
動かない時の調査は地獄と化す、自作した方が早くなる場合も

スクリプトじゃなくスタイルの書き方変えるとなおる

>>804
CSSを修正？

afterで<div class='mm'>
を入れると勝手に閉じタグ
</div>
がつけられるんですが、今のJqのバージョンでつけられないようにするにはどうすればいいでしょうか?

　

Jqって何？

jQuery?
jQuery Mobile?
jqMobi?

jqueryだな
jqmini
jqmとなる

Google HTML/CSS Style Guideによると、
html内ソースのidやclass名などには
アンダーバーを用いずにハイフンを使うようにあるのですが、
これはどのような理由からなのでしょうか？

/* NG */
#video_id

/* OK */
#video-id

アンダー区切りですと、Eclipse内JavaScriptエディターにて
ダブルクリックでセレクタを全選択できないし不便だと思うのですが。

すいません。書き込むスレを間違えました。

アンダーばーだわw
おおてもそうじゃね

うぜえｗｗｗ
スレタイに書いてあんじゃん

jQueryだったらセレクタの[name|="value"]がハイフンを解釈するけど(まあquerySelectorもだけど)。

んでもそんな理由では無さそう。
単にbackground-colorとかの形式に合わせたのでは。

　

data-roleとかもあるしな

　

　

やわらかいなり

　

jQueryUI の dialog のオーバーレイ表示（modal: true,）が
IE6に効かないのですが、
jquery-ui-1.10 で対応させる方法はありますでしょうか？

　

　

やわらかいなり

IE6は、まともに動かないよ
ブラウザのバージョンアップが先

新しいyahooのメアド作ったので今までにメールをくださった方
＆メールを送った方にメアド変えますメールを送りたい。
しかし、俺は腐れ縁がたくさん（小中高＋サークル＋同期、同僚など1000人ほど）
おって手動はめんどい。
大事な人だけに送ろうとしても、下手したら同窓会の案内などをもらい損ねるかもしれん。
そこでプログラムくんで一斉送信したら…と考えたが甘かった。

ｇｇってもメールが着信したのを認識してから即座に返信♪ってのはあったが
既に来ていて受信BOXの中から引っ張り出すってのはなかった。
ログインしたとこから（パスの自動入力などは不要）でいいから過去のメールに
検閲掛ける構文教えてくれ。

　

やわらかいなり

やわらかいなり消えろ

や

　

癒されたので今日で終わり

やわらかいなりわ

同じような動きを出すならcss3のanimationやtrantisionの方がjqueryのanimate等より軽い感じがするけどどうかな？

jqueryのanimateって
css3のanimationやtrantisionのラッパーでしょ

やわらかいなり

かたいなり

>>835
違うよ。JavaScriptのsetTimeoutの繰り返し。スマホだとめっちゃ重い

iPhoneだとanimateが重いみたいね
しかし移動にCSS3のtranslateを使うと、今度はPCブラウザで対応してないのが多いしなあ・・・

やわらかいなり

IEとかはもう捨てでいいよ

やわらかいなり

jQueryのfadeとかのエフェクト関連がChromeの最新版ではガクガクで
IEのほうがサクサクなのが海外でも話題になってるなｗ

やわらかいなり

IE9はFireFoxやChromeよりもJSがサクサク動くんだよ何気に

CSSアニメーションもまともにうごく？

やわらかいなり

│　　　　_、_
│　 ヽ(　,_ﾉ`)ノ
│　へﾉ　　 /
└→　ω ノ
　　　　　 >

らやかわいなり

やわらかいなり

やわらかいなり

IEで
$(this).attr("id");
で取得できないですorz

ごめんなさい。できました・・

Smooth Navigational Menu
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

こちらのプルダウン式のメニューを、自分で作ったボタンで作りたいのですが、
どこをどういじったらよいのかサッパリです。。
どなたかご教授おねがいします。。

やわらかいなり

>>854ですが、やっとできました。あきらめないでよかった。。

やわらかいなり

スマホがsetTimeoutで遅くなるならHTML5のcanvasも使い物にならないな
あれこそ描画とクリアを繰り返してアニメーションさせるんだから

少し前のiPod Touchと、iPhone5で
setTimeoutのパフォーマンス全然違うんだよ
同じミリ秒設定しても全然違う

HTML5で最も注目されてる機能で、更にそれを推奨しまくった会社の製品で大きくパフォーマンスが違うとか
笑えない話しだわ

スマホでこってりしたサイトてにんきないからな

jquery.quicksilver.js
というプラグインは、主に、なにをするプログラムでしょうか？
ググっても日本語の記事は見当たらないので（あってもそのものについては説明がなし）
初心者ですがおねがいします

quicksilverな動作をするプラグインです。

Quicksilver string ranking algorithm
ってあるぞ。
検索エンジンなんかと組み合わせて使うのかな

やわらかいなり

やわらかいなり

下記は、
ボタンを押すと、DBにcommentの内容がAjaxで反映され(detect.php)更新されます。

<FORM ACTION="index.php" METHOD="POST" name="MainForm">
<INPUT TYPE="TEXT" NAME="comment" SIZE="60">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="更新">
</FORM>

<div id="container">
</div>


※containerの中身は「detect.php」


ところが、detect.phpが反映されるまで、僅かなタイムラグが発生します。
「SUBMIT」ボタンを押すと即座に<div id="container">に反映されるようにするには
どのようにしたらよいでしょうか？

やわらかいなり

DBに反映する前に、divに値をセットすればタイムラグはないけど
DBへの書き込みに失敗した場合でも値がセットされてしまう。

DBへの書き込みが成功したことを確実担保するのであれば
サーバ側の処理性能を（物理的・ロジック的に）上げるとか
するしかないな

ボタン押した時に「更新中・・・」とでも出しておけばいいんじゃね?
要はボタン押したのに反応無くて、あとから急に変わるから違和感があるんだろ。

DBに保存する値でも表示させておいて、ajax通信成功したら 正常に更新されました とかのメッセージを追加で表示すればいいんじゃない？

jQueryのautocompleteについて質問です

<html lang="ja">
<head>
<meta charset="utf-8" />
<title>autocomplete</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
$(function() {
var functions = [
"php", "perl", "python", "ruby"
];
$( "#target" ).autocomplete({
source: functions
});
});
</script>
</head>
<body>
<label for="target">autocomplete</label>
<input id="target" />
</body>
</html>

これで最初に「p」をいれると補完されるんですが「php」といれて半角スペースなどをいれたあとにまた「p」を押しても補完はされません。
http://jqueryui.com/autocomplete/
を見てみたのですが複数の補完については見当たらない感じです。
複数の言葉でも補完する方法があればアドバイスいただけないでしょうか。

>>872
ないと思う
似たことしたければsuggest.jsとかの方が便利と思う
jasonリアルタイムで複数補完、連続補完したいならわからん

スマホ向けに、jQueryをjqMobiとかzeptoに置き換えるのって
互換性的には問題ないの？

ｊQuerymobileのCSSに関する質問はスレ違いでしょうか？

ボタンのマージンの設定方法が見つかりません。
電卓のようなWEBアプリを作っているのですが、
デフォルトだとボタン間のマージンが広いのでこれを狭くしたいと考えています。

何か情報をお持ちの方がいましたらご教授お願いします。

対象となるボタン要素のスタイルをchromeとかfirefoxの開発者ツールで調べて
スタイル上書きすればいいだけだよ
難しくない
jQuery Mobileなら、クラスの値を上書きしれ

>>876
875です
的確なアドバイスありがとうございました。
ui-btnのmarginを書き換えた所うまくいきました。

jQuery 2.0 リリース記念上げ！

IEのレガシー切るのは英断だけど
仕事じゃ全く使えないな。

真面目に仕事しろよ
条件付きコメントで1.9と2.0のどっち使うか切り分けろ

行程が増えるだけでコスト増もいいところ。
まぁ数年は1.8.3で十分だろう。

しかし、こんだけ普及してるのに新バージョンが歓迎されないのも可哀想だなw

jQueryのバージョンは上げてはいけない
いろんなものが動かなくなる

動いているうちは触るなは結構だけど自分で作ったプラグインなら作りなおせばいいし
他人が作ったものならバージョンアップしたらそれに対応されたものが公開されるでしょ？

バージョンアップされずに放置されているものが多いから困るんだろ？
自分で対応できるんだなら話は別だけどな。

ajaxで今表示してるページの最新のHTMLを読み込んで
その中の<script>タグをクラスでfind()したやつを
今表示してるページのbodyに.append()して実行ってのが
1.9にバージョンアップしたら出来なくなって

10時間くらい色々やってみて出来なかったから
結局jquery-migrateとかいうの入れて対応したんだけどまだもやもやする

どうやるべきなの？
$.parseHTML()ってのがキーっぽいんだけどどうやっても出来ん

1.8で使えてたコード、1.9の現在migrate1.0入れてそのまま使ってるコード

$.ajax({
url: "",
success: function(html){
$("body").append($(html).find(".hoge"));
}
});

試したコードの一例(.doneにしたりparseHTMLにしたりなど)

$.ajax({
url: "",
cache: false,
}).done(function(html){
$("body").append($($.parseHTML(html)).find(".hoge"));
});

>>886
Loading and running scripts inside HTML content
http://jquery.com/upgrade-guide/1.9/#loading-and-running-scripts-inside-html-content
>To load a new script, use jQuery.getScript() instead.

＞ 他人が作ったものならバージョンアップしたらそれに対応されたものが公開されるでしょ？

なんという都合の良い考え方ｗ
希望的観測過ぎる

＞ 他人が作ったものならバージョンアップしたらそれに対応されたものが公開されるでしょ？

オープンソースなら、対応するもしないも作者の自由。
対応したとしても、公開するもしないも作者の自由。
ソース公開されてるものが多いんだから、利用者側にも対応の権利があるよ。

>>890
オープンソースならそれをヒィードバックしろよ
日本人からはissue要望すら投稿されん

初めてｊQueryを使おうと思ったとき、ライブラリをダウンロードして
WEBサーバーにアップすることを知らなかった
ちゃんと調べないといけないなぁ

なにいってんだこいつ

グーグルから引っ張ってくるのが良い

jquery-1.7.1だったのをjquery-1.8.3に書き換えました。下記のスクロールが動作しなくなったのですが何が機能していないかわかりますでしょうか？（エラーコンソールはなにも表示されていません。alert 0,1,2,3 は応答しています。）
-----------------------
function scroll(direction) {
var scroll, i,
positions = [],
here = $(window).scrollTop(),
collection = $('.post');
collection.each(function() {
positions.push(parseInt($(this).offset()['top'],10));
});
for(i = 0; i < positions.length; i++) {
if (direction == 'next' && positions[i] > here) { scroll = collection.get(i); break; }
if (direction == 'prev' && i > 0 && positions[i] >= here) { scroll = collection.get(i-1); break; }
alert("1");
}
if (scroll) {
$.scrollTo(scroll, {duration: 750});
alert("2");
}
alert("3");
return false;
}

-----------------------
$(".next,.prev").css("cursor","pointer").click(function() {
alert("0");
return scroll($(this).attr('class'));
});
-----------------------
宜しくお願いします。

ブラウザの開発者用ツールでどこでエラー吐いてるか調べたら？

先にも書きましたが
Firebugではエラーコンソールはなにも表示されていません。

ChromeのJavaScriptデバッガで処理を追えばすぐわかるだろ

$.scrollTo() ってメソッドはjqueryにないから、なんか他のプラグインか?
そいつのバージョンが本体とあってないんじゃね?

jqueryにて、下記のcontainerの中を自動更新させたいのですが、
どのようにやったらよいのでしょうか？
containerの中身はPHPで、PHPは定期的に更新されます。

<div id="container">
</div>


ちなみにprototype.jsを用いて作成した場合は、出来ました。

意味がわかんねえよ
idがphpってなんだよ

ajaxでcontainerの中身を読み込み
jQueryのhtmlメソッドかなんかでcontainerの中身を書き換える

質問の仕方が悪かったです

jqueryにて、hoge.phpをcontainerに表示させ、hoge.phpに更新があった場合はcontainerが自動更新されるようにしたいのですが、どのようにやったらよいのでしょうか？
hoge.phpはHTMLを表示するだけですが定期的に更新されます。
<div id="container">
</div>

ちなみにprototype.jsを用いて作成した場合は、出来ました。

ajaxでググれよ

Ajaxの基本動作じゃん
なにがわからんのか不明

すいません。具体的に言うと、
↓では、ただ表示されるだけで、自動更新しません。
これを3秒おきくらいに自動更新されるようにしたいのです。
色々試行錯誤してるんですが、うまくいかないので・・・。

$.ajax({
type: "POST",
url: "hoge.php",
success: function(msg){
$("#container").html(msg);
}
});

更新があった場合

setintervalでいけました
何か物凄い勘違いしてハマってました

スレ汚しすみませんでした

ナビゲーションメニューのリンクアンカー

<a href="hoge.html" id="menu_1">menu 1</a>

に、hover時に一時停止するアクションを設定しています

$("a#menu_1").hover(function(ev){
clearInterval(timer);
}, function(ev){
timer = setInterval("change()", 5000);
});

別の場所にある画像のhover時にも同じ動作設定したく、現在は双方にクラスを定義して処理しています

<a href="hoge.html" class="act">menu 1</a>
<a href="hoge.html" class="act"><img src..... ></a>

$(".act").hover(function(ev){
clearInterval(timer);
}, function(ev){
timer = setInterval("change()", 5000);
});

双方で動かすためだけにクラスを設定していますので、
それ無しでどちらのアンカーも動作するように書き直す方法をご教示ください
宜しくお願いします

>>908
ベストは、サーバーからプッシュすることだけどね

サーバからプッシュだと、常にコネクション張ってないといけないかな？

常時数秒単位でサーバへ問い合わせとかマジやめてほしい
最低でも問い合わせの停止ができるようにしといてくれ

>>912
だから、サーバからプッシュの方がましなのよ

コネクション維持し続けるのも勘弁。それもOFFできるようにしといてくれ。

ツイッターとかもオンオフ出来ないでしょ
嫌ならjs切っとけよ

Twitterは1分毎ぐらいにGETするだけだなあ

>>914
>コネクション維持し続けるのも勘弁
何か勘違いしていない？
サーバプッシュは、サーバでイベントが発生しない限り通信も発生しないんだが

>>917
サーバでイベントが発生したら、クライアントにどうやって接続するの？

JqueryMobileのフッタに関してお聞きしたいのですが、

<div id="home" data-role="page">

<div data-role="header" data-position= "fixed">
<a href="#menu" data-role="button″ data-icon="gear">Menu</a>
<h1>TEST</h1>
<a href="#now" data-role="button" data-icon="check">check!</a>
</div>

<div data-role="content">
<div id="title">
</div>
</div>

<div data-role="footer" data-position= "fixed">
<a href="#menu" data-role="button" data-icon="gear">Menu</a>
<h3>TEST</h3>
<a href="#now" data-role="button" data-icon="check" class="ui-btn-right">check!</a>
</div>
</div>

とした場合に、ヘッダの方は1行で表示されるのに対して、フッタの方はボタンと文章の間に強制的に改行が入ってしまいます。

ボタンも左右で微妙に位置がずれてしまうようです。 googleで検索してみましたが、それらしい理由が見当たりません。 これは何が原因でしょうか?解決する方法はありま すでしょうか?

jQuery Mobileを投げ捨てろ
俺はそうした

>>918
サーバからクライアントにプッシュする。通常の逆パターン

>>921
だからサーバからクライアントへデータをプッシュするためには、何らかのプロトコルで接続しないとだめだろ？
どういうプロトコルを使って接続するんだって聞いてるんだよ
コネクション維持しないでいきなりサーバからクライアントに接続する方法を教えてくれ。

>>922
>コネクション維持しないでいきなりサーバからクライアントに接続する方法を教えてくれ。
いつも、いきなりクライアントからサーバに接続しているでしょ。
それの反対をやればいいだけ。
ググればたくさん情報検索できると思うけどな。

>>923
インターネットの仕組みでは、いきなりサーバに接続するのは可能でも
いきなりクライアントに接続するのは難しいと思います
ググって出てくるPush技術では、クライアント側から接続して作った
コネクションを維持するものが多いようです
調べてみたいので、サーバからいきなりクライアントに接続するための
プロトコルを教えてもらえないですか？

クライアントからのリクエスト一切無しで
サーバからいきなりクライアントに接続する方法なんて存在しないよ。
いったんクライアント(ブラウザ）からサーバに接続して
コネクション張ったままにする以外の手段は無い。
>>921と>>923は、何か勘違いしているな。

現実解としては、Comet+ajaxって感じだろうな。

jqmはあと2世代スペックないとな

line とか skype の仕組みとか研究してみたら？

Skypeではプライベートアドレスを持つノード(Webならばクライアントに相当)から、
グローバルアドレスを持つノード(Webならばサーバに相当)へ、
UDPパケットを定期的に投げることでコネクションを維持するようだよ

UDP通らない場合はクライアントに相当するノードから擬似的なサーバへTCP接続するみたいだな

サーバ側でクライアントの携帯電話番号を把握しておいて
繋ぐように電話をかけるってのはどうですかね？

>>928
それはlong polling方式だね

wikiでも読んでみるといい
http://ja.wikipedia.org/wiki/Push%E6%8A%80%E8%A1%93

ともあれ、JavaScriptで実現できる技術の話に戻ろうよ

>>931
結局、クライアント側からの接続で開始する方法を用意しておく必要があると
言ってるんだけど伝わってるかな？

下記のコードを実行すると、div要素が縮んで消えてしまいます。
これはなぜですか？toggle()を使用すると消えてしまうようなのですが。
使用しているブラウザはChromeです。
ご存知の方、教えてください。お願いいたします。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
$(document).ready(function(){

$("#test").toggle(
function() {
},
function() {
}
);
});
</script>
</head>
<body>
<div id="test">
Hello!!
</div>
</body>
</html>

>>934
1.9からtoggle(function,function)の機能は削除された
引数に関数を指定しないtoggle()と同じ動作をすることになる

>>935
返信ありがとうございます！
toggle()廃止なんですね。凄い便利そうなので、ずっと使えるものだと思ってました。
なぜ廃止になってしまったんでしょうか。
これからは、下記の様に、自分でクリックイベントを処理しなければならないのでしょうか？
もっと良い書き方はありますか？

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
$(document).ready(function(){

var state = 1;
$("#test").on("click", function () {
if(state == 1) {
} else if(state == 2) {
}
});

});
</script>
</head>
<body>
<div id="test">
Hello!!
</div>
</body>
</html>

>>936
同じ名前の別機能のメソッドがあるからややこしいってことらしい。
jQuery Migrate plugin を入れればまた使えるようになる。(未確認)

あと、自分で実装するんなら、そんな風に変数を使うんじゃなくて、
.data() を利用するほうがいいと思うよ。
対応する要素が複数になったことを考えてみるんだ。

IEは産廃

IEは産廃

この世から消え去ってしまえよ

>>937
返信遅れてしまって申し訳ないです！！

data()、はじめて知りました。toggleさせたい要素が増えたときにstate変数も沢山作らなくていいので助かります！困ってました！
これからdate()を使って書いてみます！

こんにちわ　よろしくお願いします。
OS win mac
ブラウザ　モダンブラウザ



スクロールバーでwindowをスクロールしたときに
CSSのposition:fixed;で位置を固定した要素（div)との相対的な距離をとる方法はないですか？

たとえば、横に長い要素をスクロールバーでスクロールさせたとき
position:fixed;させた要素からどれくらい離れたかを知りたいときなど

スクロール量＋fixedで設定した値ではダメなのかな？

ページが読み込まれたとき、要素の初期設定を行いたいのですが、下記の様に書いても、alert()が呼ばれません。

$('.test').load(function () {
alert('ここで初期設定を行います！');
});

それと、後処理も行いたいのですが、ページが閉じられたとき、要素それぞれに割り当てられたイベントを実行するにはどのようにすればよいのでしょうか？
ご存知の方、いらっしゃいましたら教えてください。お願いいたします。

$(document).on("ready", function(event) {
　// ここに初期化処理を実装
});

>>943
返信ありがとうございます！
この方法って、$(this).xxxを使って、要素それぞれに初期化処理をほどこすにはどのようにすればよいのでしょうか？

ページが閉じられたときの処理の方も、ご存知の方いらっしゃいましたら宜しくお願いいたします！

thisが何を意味するのか、基礎をもう一回確認しろ

call辺りを調べたら良いのかも。
イベントもあまり理解してない？

閉じられた時の処理は、あまりしない。
クロスブラウザ考えるとコストに合わない。
そもそもイベントも必ず拾えるのかわからない。

IE切り捨てた

笑

>>945
>>946
そうなんです。C++とかJava出身で、最近ドットインストールさんのJavaScriptとjQueryの動画見たり、いくつかサイトを見たり、それ以外はサンプル見ながらなんとなく使ってるレベルなんですよね。
一応、thisはそれを保持しているjavascriptのインスタンス自信で、
$(this)は、現在イベントが起きたインスタンスを表すjQueryオブジェクトみたいなものかなって思ってます。
call()はきちんと理解しているつもりです。
ですが、

$(document).on("ready", function(event) {
　$(this).xxx();
});

と書いたときの、$(this)が何を表すのかが解りません。
一応、特定のIDを持ったHTML要素や、特定のclassを持ったHTMLに対して、ページがロードされた時点で初期化処理をほどこしたいのです。
一応ここでのfunction()は、ページが全て読み込まれたあとに発生するイベントなのだという事は解ります。

もう、知識が満遍なく浅すぎて、自分が何が解っていないのかも解らなくて・・・

なぜ thisにこだわるのか

>>950
もしかして、getElementsByXxxx()とか使うって事でしょうか？？
てっきり、jQueryのクリックイベントなどと同じようにプログラムできるものだと・・・

いや特定のクラスや要素に対して処理をしたいなら、セレクタでクラスや要素を指定して処理をかけばいいだけだと思うけど…

$(document).ready(function(){
$(this).xxx();
});
のthisならdocumentのことじゃないの？

もしどうしても各要素の初期化処理をイベントで処理したいんなら

$(function () {
　$('.test').on('hoge', function () {
　　alert('ここで初期設定を行います！');
　});
　$('*').trigger('hoge');
});

こんな感じなんかねえ。'hoge'は適当なイベント名にして。

とりあえず、loadイベントは要素がloadされたときに発火するわけではないよ。

◆じゃあのさん来た◆
178:名無しさん＠１３周年[]
2013/05/12(日) 20:54:52.39 ID:VA7SdRMg0
ふーーーんｗｗｗｗ
民主党調子こいてんなあｗｗｗｗ
ようおまいらｗｗｗ元気ぃ？ｗｗｗよろしくやってたかい？ｗｗｗ
--- 以下スレ情報 ---
【政治】「自民が反対したから」「官僚が抵抗したから」　民主党の『大反省会』、反省どころか、言い訳や責任転嫁がほとんど★3
http://uni.2ch.net/test/read.cgi/newsplus/1368355843/

javascriptのthisは呼び出し元なので、セレクタなどで指定した方が組みやすいと思います。
どうしても必要なら、callを使うことで、呼び出し元を指定できるので、それもありかと。
javaのイメージで作るなら、functionにメンバーを定義して、newする様になると思いますが、ソースが大きくなりますし、イベントフックするのはえらい大変だったかと。

ちなみにjavascript自体で、onloadイベントが発生するのは、img、iframe、window辺りだったかな？

よくあるsmoothscroll系のプラグインを入れたんですが
他にIDにリンクして作動するプラグインと干渉してしまいます。

<a href="#hogehoge"></a>っていうのを使うプラグインと
ページ内リンク系は同居できないんでしょうか？

id変えりゃ良いじゃん？

ID変えても#が付くことに変わりないんじゃないですか？

<a href="#hogehoge">OPEN</a>
ってのをクリックしたら開くメニューを作ってて
それをクリックするとメニューは開くんだけど同時にSmoothScrollも動いて
メニューじゃないメインページのほうがビクビクするんだけど

たぶんsmoothscrollでa href=#って付いてるやつに反応してビクるってなってるのかな？

あーすんません、他のsmoothScrollを試したらちゃんと回避法が用意されてました。

アコーディオンメニューにページ内アンカーを使う意味がよくわからない
<div id="#foo">OPEN</div>
<div id="#bar">MENU内容</div>
<script>
$("#foo").click(function(){
$("#bar").show();
});
</script>
みたいなのじゃダメなの？

idじゃなかったかすまんな
#見てidだと思い込んでしまった

震災ビジネスといえば被災地の砂浜で新入社員の顔を社長のおっさんが一人一人
1mgタバコ「ＮＥＸＴ」のＣＭのおっさんみたいな顔で１分ぐらい覗き込んで
思わずジャパニーズスマイルをかましてしまった若者が
「おぉうあ！（バァン）おぉうああ（ﾊﾞﾝﾊﾞﾝﾋﾞﾋﾞﾝﾋﾞﾋﾞﾋﾞﾝﾋﾞﾋﾞﾋﾞﾋﾞﾝﾊﾞﾝﾊﾞﾝﾊﾞﾊﾞﾊﾞﾊﾞﾊﾞﾊﾞﾊﾞﾊﾞｧﾝ）！」といきなり横っ面張られて
「お前ここどこや思とるんｙ＄＆＃？！＆＠Ｏうし分け無いと思わんのか＄＃＆」
とかいって胸倉掴まれておそらく１００回以上、およそ３０秒間に渡って往復ビンタされ続けてたのにはワロタ
おっさんはこの会社の社長かと思ったら企業の新人研修を請け負ってる自称コンサルタントなんだそうだ
こんな研修に金払う社長も社長だが１００連ビンタをノーカットで放送した某ローカル局の英断を評価したい
「当選者：セシウムさん」なんかよりよっぽど地元の人に見て欲しい内容だと思った

スクリプト高速化したいんだけど良い方法教えて

全部idで指定する

被る要素が多い場合とかはどうするのさ
1個1個IDつけたほうが重くなりそう

>>966
無知なくせに無礼な言い草だなｗ。氏ね。

初っ端からクラス指定するのが一番重い
一つだけならid指定
それがムリならdiv.classのようにタグ名から始める
それもダメならclassで指定する

あとは#id div.classみたいな書き方も良い

>>968
＞初っ端からクラス指定するのが一番重い

そうなんだ〜

javascriptの重さなんて気にしたこと無かったけど低スペPCにはjqueryの処理も時間掛かったりするのかな

PCではなく、スマホとかだろうな
端末によってはヒドイありさま

ｊQueryで、htmlのタグをIDを使わずに変数に指定するにはどう書けばいいでしょうか？

ジェジェ

クラスで指定しろ

>>973
$("tagname")
$("tagname.classname")
$(".classname") 等
てかお前なんもググってねーだろ

おまえら、クチは悪いのに優しいなｗ

てめえは細々こづかい稼いでろ

現在、次のようなソースでid=sendのFormにて、
Win7のIE8以下でcomment欄で発言した後、Enterを押すと、ページをリロードしてしまうようです。
発言ボタンを押すと問題ないようです。
FireFox、Chromeなどでは問題なく動くようです。
どのようにしたら、IE8以下でEnterを押しても、他のブラウザと同じようにページがリロードしないように出来ますか？

【JS部分】
$(document).ready(function(){
$('#send').click(function(){
jQuery . post(
'send.php',
{ comment: $('#comment').val() },
function( data, textStatus ) {
jQuery( '#container' ) . html( data );
}
,'html'
);
$("#comment").focus();
this.reset();
return false; //サブミット後、ページをリロードしないようにする
});
});

【HTML部分】
<form id="send" method="post">"
<INPUT id="comment" TYPE="TEXT" NAME="comment" SIZE="50">"
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="発言" onclick="return false;">"
</form>"

>>979
$('#send').keypress(function(e){
if (e.which == 13) return false;
});

こんな風にエンターキーイベントが来たら
false返すようにすればいいんでないの？

http://www.nicovideo.jp/watch/sm20893630
頼むーｗｗｗ

あー

hosyu

次スレまだか

>>780
規制でお礼遅れてすみません
いけました！

安価ミスするようなクズはいらん