12/03/24 14:58:24.97
>>166,173
このあたりのカキコミに触発されてdefferedを使いたいと思うんですが
理解が中途半端なせいでどうしてもイメージが湧きませんfunction
function get(){
$('.list').each(function(i){
$.ajax({
url: ajaxURL ,
dataType: "jsonp",
data: data,
success: function(data) {
$.ajax({....});;
}
});
}
例えば上記のようなネストした$.ajaxがあったとして
1っこめの結果を2こめに渡すにはどう記述したらいいんでしょうか?
それと、$('.list').each({...});で連鎖的に$.ajax()が呼び出されるのですが
一番最後の要素から呼び出された$.ajax()で呼び出した$.ajax()が終了したことを
知るにはどうしたらいいでしょうか?
251:Name_Not_Found
12/03/24 16:37:18.30
.pipe()
.when()
252:Name_Not_Found
12/03/24 18:10:54.06
>>250
このページの解説がわかりやすいかも
URLリンク(d.hatena.ne.jp)
253:250
12/03/25 15:17:59.32
単純なものはなんとかわかるんですが
$('.list').each({...});で連続させたときのすべての終了がどうやって取得できるかよくわかりません。
function get(){
$('.list').each(function(i){
$.ajax({
url: ajaxURL ,
dataType: "jsonp",
data: data,
success: function(data) {
$.each(data,function(){
$.ajax({....});;
}
});
}
254:250
12/03/25 15:18:49.69
すみません。途中で送信してしまいました。
function get(){
$('.list').each(function(i){
$.ajax({
url: ajaxURL ,
dataType: "jsonp",
data: data,
success: function(data) {
$.each(data,function(){
$.ajax({....});;
}
});
}
255:Name_Not_Found
12/03/25 15:22:59.82
function get(){
var a = [];
$('.list').each(function(i){
a[a.length] = $.ajax({
url: ajaxURL ,
dataType: "jsonp",
data: data,
success: function(data) {
$.each(data,function(){
a[a.length] = $.ajax({....});
}
}
});
});
}
256:250
12/03/25 15:33:54.88
あ・・修正ありがとうございました。
という感じでループ処理で取得したデータで逐次ajaxを起動し
戻り値のデータから更にループを回してajaxを起動
すべてが終わったときに別の処理をやりたいのです。
var dfd = $.Deferred();
$('.addresssetlist').each(function(i){
dfd=$.ajax({})
.then({
$.each(data,function(i,item){
$ajax({});
})
})
});
dfd.when(function(){})
ああああ 意味わからん
257:250
12/03/25 15:41:51.78
>>255
var a = []を最終的にどうやって利用するのですか?
258:Name_Not_Found
12/03/25 16:14:37.46
それは>>252に載ってるだろ……
分からんならdeferredは忘れたほうがいい。背伸びするな。
259:250
12/03/25 16:18:33.14
おお
$.when(a).ten();ですね! わかった!
260:Name_Not_Found
12/03/25 17:09:24.06
フラグ渡してフラグ監視するってそんなに難しい発想なのか?と思ってしまう
261:Name_Not_Found
12/03/25 17:19:09.77
250死亡フラグ
262:250
12/03/25 18:32:07.74
紆余曲折あったけどできました
ありがとうございました
263:250
12/03/25 20:53:56.60
動いたけど終了待たずに$.when(a).then(functiion(){});が走ってしまいます。
function get(){
var a = [];
$('.list').each(function(i){
a[a.length] = $.ajax({
url: ajaxURL ,
dataType: "jsonp",
data: data,
success: function(data) {
$.each(data,function(){
a[a.length] = $.ajax({....});
}
}
});
});
$.when(a).then(functiion(){});
}
うむむ・・・
264:Name_Not_Found
12/03/25 21:37:50.82
functiion
265:250
12/03/25 21:41:26.98
そこ? orz
266:Name_Not_Found
12/03/25 22:00:25.22
megamenuで上から下にサブメニューが現れるのではなく、
下から上にサブメニューを表示させたいと思っていますが、megamenuで実現は可能でしょうか?
267:Name_Not_Found
12/03/25 22:05:11.18
あ?
268:Name_Not_Found
12/03/26 00:32:34.74
ある程度知識がある方用のスレに初心者が質問してしまって申し訳ない
269:Name_Not_Found
12/03/26 01:10:38.76
明らかにそんなこと想定してなさそうなプラグインだし
改造すりゃ出来るだろうがするためには代わりにソースみてやらなきゃいけないし
メリット無いのにそこまでしてやるのは面倒臭い、ということを「あ?」の一言で済ましたんだろう
気にするなよ
270:250
12/03/26 01:30:42.96
書きなおすしかなさそうです
271:Name_Not_Found
12/03/26 01:42:41.42
もっと端的にいうと知識がない人があおっただけだから気にすんなと。
しいていうならライブラリへのアンカーも書いとくといいんでない
272:Name_Not_Found
12/03/26 19:01:42.79 YXOW/hcV
リストあるたびに 外部リクエストいちいちかますとか、ちょっとキチガイみたいなサイトやな
273:Name_Not_Found
12/03/26 19:36:54.83
var KickWhen = function (size, callback) { ~ };
KickWhen.prototype = {
countUp: function() { if (++this.count_ > this.size_) this.callback(); },
~
的なオブジェクトを作るだけだわな。
deferred?知るか、んなもん
274:250
12/03/27 10:13:53.14
結局カウンタつけました
くやしい
ちなみに外部リクエストの先はデータ共有のためのAPIサーバです
275:Name_Not_Found
12/03/27 10:33:32.63
whenの引数に配列は渡せるのか?
276:Name_Not_Found
12/03/27 17:16:55.86 fRAdL598
prototype 構文含んでるコードは美しくない
277:Name_Not_Found
12/03/27 17:50:43.51
はあ、Deferredも内部でカウンタ持ってるんだが。
お前の悔しさなんか知るかよカス。
278:Name_Not_Found
12/03/29 16:03:07.17 gjubpzhQ
jQueryを使っています。
ajax通信でHTTP Headerを設定しようと思って以下のように設定しました。
サーバ側の値を確認してみると、「access-control-request-headers」という所にkeyがあるだけで値を取得することができませんでした。
どのように設定するのが正しいのでしょうか?
環境は、クライアント側jQuery 1.6.4とサーバ側はTomcat7です。
設定してみた値
$.ajax({
headers: {'hoge':'1'}
略
});
279:Name_Not_Found
12/03/29 16:12:29.45
ヘッダじゃなくてデータじゃダメなの?
280:Name_Not_Found
12/03/29 16:15:45.64
しかもそれはjsじゃなくて
servlet側の処理だろ
スレチ
281:Name_Not_Found
12/03/29 16:29:19.54 gjubpzhQ
>>279
Headerに設定したいんです。
dataなら自由なフォーマットでできるのはわかってます。
282:Name_Not_Found
12/03/29 16:47:51.30
サーバ側ですべてのヘッダを出力することはできる?
283:Name_Not_Found
12/03/29 16:51:17.23
まずはクライアントで正しくヘッダが設定されているか確認してみろ。
それでも取れないなら、>>280 が言うようにサーバ側の問題だ。
284:Name_Not_Found
12/03/29 17:09:38.93
>>278 のためにわざわざプログラムを書いて確認してやったが
jQueryでヘッダを設定できるしサーバ側で取得もできる
略っていったい何を略してるんだよ
プログラムもヘッダも省略せずに全部書けよハゲ
285:Name_Not_Found
12/03/30 13:07:19.20 zrLqubiV
まずパケット見てみろ 話はそれからだ
286:Name_Not_Found
12/03/30 19:01:23.26 UaakoA8D
あらかじめCSSが読み込まれてて
あとからjQuery.load("hoge.html");でHTML読み込んだ時ってCSS適用される?
287:Name_Not_Found
12/03/30 19:05:33.30
実際に試したか?
288:Name_Not_Found
12/03/30 19:08:13.41
大丈夫だよ
289:Name_Not_Found
12/03/30 19:35:01.78
どうでもいい
死にはしない
290:Name_Not_Found
12/04/01 23:27:33.66 4KXxjB0d
もしかしてと思ったのですが、jQueryのcloneでコピーしても
その要素のイベントハンドラはコピーできても子要素や孫要素のイベントハンドラまでは
コピーができないのでしょうか?
291:Name_Not_Found
12/04/02 01:14:13.85
1.4まではshallow-copyなんだっけか
1.5からは第二引数でdeep-copyの可否も指定出来るようになった
292:Name_Not_Found
12/04/02 04:56:17.17
バグもあるしやってみて出来なかったらできないってこと
293:Name_Not_Found
12/04/02 13:08:49.01
テスト
294:Name_Not_Found
12/04/02 13:46:38.18
jqueryのclickから追加したものでないとどちらにしてもイベントのコピーまでできなかったりで
少しハマったりはありましたがうまくできました
ありがとうございました
295:Name_Not_Found
12/04/02 16:38:23.68
jqueryがあるのにわざわざclick以外で設定することがあるのか??
296:Name_Not_Found
12/04/02 17:00:44.45
今までjQueryは使わずにやっていました
やっぱり使いやすいですね
297:Name_Not_Found
12/04/03 05:10:36.99
ajaxのリクエストヘッダの一部を除去することってできますか?
消したいのはX-Requested-Withなんですけど・・
298:Name_Not_Found
12/04/03 05:37:15.34
ソースを弄ればよさそうですね
すみませんでした
299:Name_Not_Found
12/04/03 06:54:22.30
どういじったか書いてよ
せぅかくだから
300:Name_Not_Found
12/04/03 07:35:31.73
1.7.1minで悪いけどjQueryが追加する
&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest")
を削除して念の為、次のtryで追加しないようにした
try{for(j in e) { if(j !== 'X-Requested-With') { h.setRequestHeader(j,e[j]) } }
下だけでもいいんだろうけど
301:Name_Not_Found
12/04/03 08:08:33.48
なるほど
本体のソースか
302:Name_Not_Found
12/04/03 08:54:39.25
jqueryさん達勝手に追加するからなー
303:Name_Not_Found
12/04/03 10:37:43.24
// Override mime type if needed
if ( s.mimeType && xhr.overrideMimeType ) {
xhr.overrideMimeType( s.mimeType );
}
// X-Requested-With header
// For cross-domain requests, seeing as conditions for a preflight are
// akin to a jigsaw puzzle, we simply never set it to be sure.
// (it can always be set on a per-request basis or even using ajaxSetup)
// For same-domain requests, won't change header if already provided.
if ( !s.crossDomain && !headers["X-Requested-With"] ) {
headers[ "X-Requested-With" ] = "XMLHttpRequest";
}
304:Name_Not_Found
12/04/03 20:16:31.78
jQuery Mobileを使ったサイトがFirefoxのサイドバーで表示できないんだけど、何とかならない?
305:Name_Not_Found
12/04/03 20:24:59.59
どのように表示されない?
306:Name_Not_Found
12/04/03 20:33:04.24
試したら表示できたので終了
URLの具体例や症状がないので終了
307:Name_Not_Found
12/04/03 20:46:02.49
jquery mobileで、同時に複数ファイルを
画面遷移せずにajax使ってアップロードする方法はありますか?
308:Name_Not_Found
12/04/03 20:46:38.74
Firefox 11+All-in-One Sidebar(初期設定)で
表示されない(背景色だけ)
URLリンク(jquerymobile.com) (1.0.1)
URLリンク(dev.screw-axis.com) (1.0.1)
URLリンク(jquery-ui-map.googlecode.com) (1.0)
URLリンク(dev.screw-axis.com) のHello world (1.0.1)
表示される
URLリンク(yst.web.infoseek.co.jp) (1.0a2)
URLリンク(yst.web.infoseek.co.jp) (1.0a3)
URLリンク(kachibito.net) (1.0b2)
URLリンク(salaciashape.com) (1.0a4.1)
All-in-One Sidebarを消すと表示される
309:Name_Not_Found
12/04/03 21:52:09.85
All-in-One Sidebarのことを最初から書かないのは何故だ?
310:Name_Not_Found
12/04/04 09:30:00.55
thickboxで子ウインドウを中クリックでスクロールして、子ウインドウがそれ以上スクロールしない状態で
更に中クリックでスクロールしようとすると、親ウインドがスクロールされてしまいます。
モーダルウインドウが表示中は親ウインドウを完全固定したいんですが、どうすればよろしいですか?
311:Name_Not_Found
12/04/04 10:08:10.33
body {
position:fixed;
overflow:hidden;
}
312:Name_Not_Found
12/04/04 14:52:04.35
親固定されるとWindowサイズが限定されてうざいけどな
下が切れてしまってどうやったて見れないサイトとか結構ある
313:Name_Not_Found
12/04/04 15:24:41.90
通常時から固定したくないんです。
オーバーレイしている時だけ固定したいなぁ・・と
314:Name_Not_Found
12/04/04 15:29:42.63
そうすればいいのでは…?
315:Name_Not_Found
12/04/04 17:49:12.86
つまりだな
オーバーレイしている時だけ>>311を・・・おっと誰かが来たようだ
316:Name_Not_Found
12/04/04 18:26:12.24
311だけにな
317:Name_Not_Found
12/04/04 19:12:42.34
if (overlay) {
body {
position:fixed;
overflow:hidden;
}
}
318:Name_Not_Found
12/04/04 19:43:48.51
311だけにな
319:Name_Not_Found
12/04/04 19:58:08.65
審議中
320:Name_Not_Found
12/04/05 10:03:44.61 bXXd6Pdo
jquery mobileで質問です。
単純化して説明すると、親ページが1つ、子ページが5つあって、親ページから子ページ1へ遷移して、後は子ページの1~5にそれぞれボタンによって遷移できるサイトです。
各子ページではajaxでmysqlの検索結果を表示しています。
遷移には基本<a>リンクを使っています。
ajaxを行うインターバルのセットとリセットは、onload,onunloadまたはpageview,onbeforeunloadを試しました。
親ページから始めるときは正常に動作しています。
しかし子ページから始めたり、子ページにいるときにリロードすると、他の子ページからその子ページへ遷移するときに、上記のonloadなどのイベントがどれも拾えません。
例えば子ページ2でリロードすると、他のページから2への遷移のときだけイベントが拾えません。
おそらくiquery mobileの仕組みの問題でリロードしたページへの遷移はonloadなどのイベントが発生しないのだと思うのですが、javascriptについては表面的なことしか理解していないので行き詰ってしまいました。
上記の状況で、上手く解決する方法はあるでしょうか?
321:320
12/04/05 10:17:31.89 bXXd6Pdo
自己解決です。
リンクの<a>タグにrel='external'としてajax遷移を抑制したらイベントが拾えました。
322:Name_Not_Found
12/04/05 19:05:06.24
セレクタで、名前に[ ] のついたのを検索するにはどうしたらいい?
$("input[name=unko["+chinko+"]]").attr("disabled",manko);
みたいなことをしようとしたらエラーになった
323:Name_Not_Found
12/04/05 19:15:08.81
$('input').each(function() {
if ($(this).attr('name') ==
324:Name_Not_Found
12/04/05 20:47:42.05
>>322
値を'か"でクォートしろ
325:Name_Not_Found
12/04/06 00:52:20.03
クェーーー-!!
326:Name_Not_Found
12/04/06 03:55:36.55
喰おうとしろ
327:322
12/04/06 09:47:23.61
>>324
おまえ天才だな。ありがとう。
328:Name_Not_Found
12/04/09 04:29:16.23 OQ1GIweq
テンプレートとなるHTMLがあって
jQueryのloadかなんかで複数箇所にテンプレートHTMLを挿入するとき
テンプレート内のidがユニークになるように置換しないといけないと思うんだけど
そういうことしてる人いる?
ユニークになるようにidにprefixかなんか付けて置換するのはいいとしても
セレクタで指定するとき全体的に置換したidを使わないといけないのは面倒なことになると思うんだけど。
329:Name_Not_Found
12/04/09 06:05:02.24
何が言いたいのかよくわからんな
わざわざHTMLでidを重複させてるんならよっぽどの理由があるんだろうし
スクリプト動作に支障が出るのは百も承知ってことだろう
330:Name_Not_Found
12/04/09 06:44:25.35
classとともに暮らすことだな
331:Name_Not_Found
12/04/09 07:31:25.92 OQ1GIweq
「idがユニークになるように置換しないといけない」って言ってるのに
なんで「わさをさわidを重複させてる」って解釈がでてくるんた?
332:Name_Not_Found
12/04/09 07:35:38.12
日本語が理解出来ないんだろ
333:Name_Not_Found
12/04/09 07:37:21.17
わさをわさ
もな
334:Name_Not_Found
12/04/09 07:39:36.27
テンプレート内にidがあるのがおかしい
狂ってる
335:Name_Not_Found
12/04/09 08:50:56.33 qkXxWnOq
idが振られてないテンプレートHTMLから目的の要素を探してid振るより
テンプレートHTMLにidを振っておいて
$(セレクタ)で目的の要素を取得してidを置換する方が楽だと思うんだが
336:Name_Not_Found
12/04/09 10:10:28.08
>>335
scriptタグとか使えよ
337:Name_Not_Found
12/04/09 10:25:07.66
>>335
楽を求めるな
正しさを求めろ
338:Name_Not_Found
12/04/09 10:54:40.15
>>330が言ってるがclassを使えよ
複数箇所に同時に挿入するようなテンプレートにあらかじめidを振るのが間違ってる
口は上下で二つ、いや場合によってはそれ以上あるかもしれんが、ちんこは一本しか無いだろ
339:Name_Not_Found
12/04/09 13:23:00.76
どう間違ったら「わざわざ」が「わさをさわ」になるんだ
340:Name_Not_Found
12/04/09 13:42:41.26
もしもしならできるかもしれない
341:Name_Not_Found
12/04/10 01:07:30.45
ああ
$("#挿入先要素のid テンプレート内のclass")
とかすればいいのか
サンクス
342:Name_Not_Found
12/04/12 16:38:28.28
1)サムネイルにオンマウスで画像変更
2)クリックで拡大画像を別ウィンドウで出す
上記2つを同時に実行しているサンプルがあったら教えてください。
自力で見つけることができませんでした。レベルの低い質問でごめんなさい。
343:Name_Not_Found
12/04/12 17:41:39.40
そういうときは小さな問題に分割するといいよ
・オンマウスで何かの処理をする
・ある画像を別の画像に変更する
・クリックで何かの処理をする
・別ウィンドウに拡大画像を表示する
分割して考えられないならいつまで経っても応用が利かないし上達しないよ
344:Name_Not_Found
12/04/13 18:07:43.44
onclick.load でページを更新表示させているのですが、
3-4ページ表示させると(クリックすると)
やたら重くなって更新に時間がかかるようになってしまいます。
なぜでしょうか
345:Name_Not_Found
12/04/13 19:07:46.82
HTMLとロジック晒せよ糞が
346:Name_Not_Found
12/04/13 19:29:17.20
>>344
馬鹿だからです
347:Name_Not_Found
12/04/13 20:13:45.50
>>344
ロードした分だけ「ロード」がいっぱい動いていると思う
348:Name_Not_Found
12/04/13 20:37:52.09
ロード第13章
349:Name_Not_Found
12/04/13 23:54:59.25
なんでもないようなコードが~
幸せだったとおもう~
350:Name_Not_Found
12/04/15 17:21:54.66 xvwnM/Pz
このサイト( URLリンク(www.tim-barber.com) )の、
フォトギャラリーのサムネ表示・非表示切り替えはjqueryで再現可能?
351:Name_Not_Found
12/04/15 20:57:04.40
jQueryでできないことなんかないよ
352:Name_Not_Found
12/04/16 00:30:53.78
よし、jQueryでブラウザが起動しているPCのMACアドレス取得する方法教えてくれ
353:Name_Not_Found
12/04/16 00:46:39.13
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.network.js"></script>
<script type="text/javascript"><!--
$(function() {
var mac = $.net().inetaddr(0).hwaddr().toString();
$('#output').html(mac);
});
//--></script>
<p>MACアドレス: <span id="output"></span></p>
354:Name_Not_Found
12/04/16 00:51:35.83
jquery.network.jsって、どこで配布しとるん?
355:Name_Not_Found
12/04/16 01:06:27.35
それって要は、いったんサーバにアクセスして
サーバからクライアントのMACアドレスの情報返してもらう方法じゃね?
ローカルのJavaScriptだけでMACアドレス取得する方法って確か無いよね。
356:Name_Not_Found
12/04/16 01:21:50.56
SSIDとセットにして自宅特定が捗るな
357:Name_Not_Found
12/04/16 06:51:05.60
>>355
サーバにアクセスしてMACアドレスを取得する方法について詳しく
358:Name_Not_Found
12/04/16 09:22:27.71
どう考えてもネタ
359:Name_Not_Found
12/04/16 11:51:41.65 gSnd5kd+
jqueryセレクタについて相談です。
<tr>
<td>項目タイトル1</td>
<td>内容1内容1内容1<script>$(function(){$("一つ前のtdを選択").attr("bgcolor","red")});</script></td>
</tr>
<tr>
<td>項目タイトル2</td>
<td>内容2内容2内容2</td>
</tr>
<tr>
<td>項目タイトル3</td>
<td>内容3内容3内容3</td>
</tr>
.
.
.
こういうテーブルで、「内容内容内容」の<td>の中身だけjspで動的に出せるようになっています。
特定の条件を満たした場合に上記のように<script></script>を出力し、
その行のタイトルの背景色を変えるようなことをしたいです。
"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。
初めからJSP側で、条件を満たした際に「bgcolor = "red"」を付ければいいのでは?と言われてしまうかもしれないですが、
モジュールの分担上、内容のtd以外触れないため、
スマートな方法ではないですが、DOM表示されてから表示直後のreadyで動くJSでどうにかするしか無いです。
360:Name_Not_Found
12/04/16 12:29:44.46
条件を満たしたことを示すspanとか入れとけば?
361:Name_Not_Found
12/04/16 13:37:49.26
仕事なんだから自分でやれよ
<td>
内容1内容1内容1
<span id="hoge"></span>
<script>
$(function(){
$('#hoge').【省略】.attr("bgcolor","red")
});
</script>
</td>
362:Name_Not_Found
12/04/16 13:50:07.75
条件を満たすことをJSで検知すれば一個で済むだろ
363:Name_Not_Found
12/04/16 14:51:24.53
>>361
なんで>>360のコード例をあげてるフリをして中途半端なの?
> 仕事なんだから自分でやれよ
この行だけにするか、レスをしなかったほうがマシだって思わなかった?
364:Name_Not_Found
12/04/16 14:56:40.67
正しいコードを教えてほしいならそう言った方がいい
365:Name_Not_Found
12/04/16 16:09:51.75
省略の部分はキモじゃないからな。不親切だとは思うが…
366:Name_Not_Found
12/04/16 18:17:22.13
>>364
全然そんなことない。なぜなら俺>>360だから。
367:Name_Not_Found
12/04/16 18:25:45.86
$(function(){
$('#hoge').【省略】.attr("bgcolor","red")
});
ここの部分は1個で十分だしidにする必要が無い
368:Name_Not_Found
12/04/16 18:44:35.59
>>363>>366
キモい奴だな
<span>はお前の専売特許か?
これを使ってたら何でも実装例なのか?
>>361が<span>を使ったからって何の問題があるんだ?
369:Name_Not_Found
12/04/16 19:47:50.00
これはひどい。被害妄想か
370:Name_Not_Found
12/04/16 19:51:10.27
span特許に引っかからないようにしたよ
<td>
内容1内容1内容1
【省略】
<script>
$(function(){
$(【省略】).【省略】.attr("bgcolor","red")
});
</script>
</td>
371:Name_Not_Found
12/04/16 20:30:40.75
<省略>
内容1内容1内容1
【省略】
<省略>
$(省略(){
$(【省略】).【省略】.省略("省略","省略")
});
</省略>
</省略>
372:Name_Not_Found
12/04/16 20:44:21.67
元のコードも省略するなんてひどい
373:Name_Not_Found
12/04/16 20:50:27.84
<span>Rという文字は、>>363 氏の著作物であるとともに扶桑社、及び>>363 氏の所有する商標です。
374:Name_Not_Found
12/04/16 20:51:09.58
<span>(R)、な
375:Name_Not_Found
12/04/17 14:17:47.38
ファビョりすぎだろwwwwwwwwwwwwwwww
流れるまでしばらくこのスレ開けねーんだろうなwwwwwwwwwwwww
376:Name_Not_Found
12/04/17 14:43:17.17
なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。
なぜなら俺>>360だから。
こんなこと主張して何の意味があるんだよw
377:Name_Not_Found
12/04/17 14:53:18.01
>>361がおっきした模様
378:Name_Not_Found
12/04/17 15:11:41.35
>>376
>>364がキモかったからじゃない?
379:Name_Not_Found
12/04/17 15:31:09.09
これはひどい
380:Name_Not_Found
12/04/17 15:32:23.07
このスレって、得るものがないから過疎る一方だと思うよ
381:Name_Not_Found
12/04/17 15:39:13.51
>>359
>"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。
これが質問だよね?
var $this = 「今、内容を出力する<td>」
$this.prevAll("td").first();
必ず直前にあるなら「$this.prev();」で
382:Name_Not_Found
12/04/17 16:03:24.32
ああ、一つ目はほぼありえないDOM構造への対策で意味ないな。変更。
$this.prevAll('td:contains("項目タイトル1")');
383:Name_Not_Found
12/04/17 16:09:54.83
$this?
384:Name_Not_Found
12/04/17 16:17:55.45
<script>this</script>
これのthisはグローバルさしちゃうし
var td = $("あれな部分のtd")
このあれな部分のtdが弄れないわけで
>$this.prevAll('td:contains("項目タイトル1")');
こんなうんこな事するならまだ>>361のにした方がましなレベル
385:Name_Not_Found
12/04/17 16:40:07.24
tableがいくつもあるかもしれないし
特定の条件を満たすセルもたくさんある可能性もあるよな
それに対応できてるか?
386:Name_Not_Found
12/04/17 16:43:05.59
$thisはただの変数名。
var $this = $("「今、内容を出力する<td>」 ");
こう書くべきだったな。
>>384はそろそろ黙った方がいい。
とりあえず>>361を実行してみたらどうだろうか。
387:Name_Not_Found
12/04/17 16:45:36.74
spanじゃなくてscriptタグにidつけるほうがわかりやすくね?
388:Name_Not_Found
12/04/17 17:00:24.90
SPANの家元に手本を見せてほしいところだな
389:Name_Not_Found
12/04/17 17:02:19.90
> 特定の条件を満たした場合に上記のように<script></script>を出力し、
この「特定の条件」をJS側で判定できるとも限らない
390:Name_Not_Found
12/04/17 17:14:54.65
>>386
まずthisがJSで使われてるんだから$thisなんてつけんなよ
あと「今、内容を出力する<td>」ここのセレクタどう書くつもりしてんだよ
ここのセレクタ書けるなら
>$this.prevAll('td:contains("項目タイトル1")');
こんなうんこな事しなくても取れるだろうが
>初めからJSP側で、条件を満たした際に「bgcolor = "red"」を付ければいいのでは?と言われてしまうかもしれないですが、
>モジュールの分担上、内容のtd以外触れないため、
ってあるんだからtdの内容に出力できる範囲の事で考えるべき
391:Name_Not_Found
12/04/17 17:29:50.55
とりあえず家元じゃないけどSPAN使った奴貼っとくわ
URLリンク(jsfiddle.net)
>>373
どうでも良いけど商標は登録制なので<span>と書いたからといって
商標が発生するわけではないよ
392:Name_Not_Found
12/04/17 17:36:25.71
どうでも良いけど>>373の元ネタは「ゆるキャラ」、な
URLリンク(ja.wikipedia.org)
> ゆるキャラ(R)という文字は、みうらじゅん氏の著作物であるとともに扶桑社、及びみうらじゅん氏の所有する商標です。
393:Name_Not_Found
12/04/17 17:39:24.20
それだったか(´・ω・`)
394:Name_Not_Found
12/04/17 18:18:04.61
なんか凄いのがいついちゃったな。
>>359
>"一つ前のtdを選択"というセレクタの指定方法があったら教えて下さい。
だから答えは、「.prev()」だけでよかったな
jspで出力するDOMオブジェクトは当然取得できる(できてる)だろ
そっちはjavaの範疇だから質問者はわかってるはず
395:Name_Not_Found
12/04/17 19:52:37.27
>モジュールの分担上、内容のtd以外触れないため、
解る解らない取得できる取得できない以前の問題
396:Name_Not_Found
12/04/17 20:06:20.25
同僚とや上司と会話しないやつなんだろうな
与えられた分担を鵜呑みにしてるし
397:Name_Not_Found
12/04/17 20:30:53.46
まぁ普通はtdとかを出力してる人とか
チームとかでやってるならチームリーダーとかに相談すれば
悩むような内容じゃないからな
398:Name_Not_Found
12/04/17 20:32:51.45
>>397
相談した結果、触れないことがざらだった時代もあったね
399:Name_Not_Found
12/04/17 20:51:41.59
本当にそこ以外触ってはいけないんだったら他の場所の色変えはアウトだな
400:Name_Not_Found
12/04/17 21:08:59.63
勝手に色を変えやがってってなるよな
401:Name_Not_Found
12/04/18 01:57:49.58
そういう分担をしているなら、スクリプト自体動かせない気もするんだけれど。
402:Name_Not_Found
12/04/19 12:20:26.51
<a href="#">Link1</a>
HogeHoge
<a href="#">Link2</a>
というHTMLがある場合に、「HogeHoge」のみを取得する方法ってありますか?
取得対象がある場合は、spanとかで囲んでしまうべきなんでしょうか。
403:Name_Not_Found
12/04/19 12:42:56.75
HTMLを変更できるなら囲むべき
404:402
12/04/19 14:06:29.29
了解です。やっぱそうですよね。
HTML変更して文字列囲むことにします。
405:Name_Not_Found
12/04/23 18:26:16.94 e0a+bt9e
スクロールを固定したメニューコンテナに
ページ内用のハッシュリンクを置いているのですが、
ページの位置をリンクに反映させる手法が既にあったら教えてください。
たとえば、話題2を2/3ほど読んでいるときに、
話題2のリンクが2/3の明るさ、話題3のリンクが1/3の明るさになるなどの
効果を探しているのですが、なかなか見つかりません。
よろしくお願いします。
406:Name_Not_Found
12/04/23 20:04:19.84
ソースを示しなさい
407:405
12/04/23 21:16:11.70
失礼しました、ソースは大体こんな感じです。
html:
<div id="container">
<div id="nav">
<ul>
// 以下のリスト項目のcolorなどを読んでいる場所に応じて変化させたいです
<li><a href="#article1>Article1</a></li>
<li><a href="#article2>Article2</a></li>
<li><a href="#article3>Article3</a></li>
</ul>
</div><!--nav-->
<div id="content">
<h2 id="article1">Article1</h2>
...
<h2 id="article2">Article2</h2>
...
<h2 id="article3">Article3</h2>
...
</div><!--content-->
</div><!--container-->
css:
#container { width: 960px; }
#nav { width: 300px, float; left, position: fix; }
#content { width: 660px; float: right; }
408:Name_Not_Found
12/04/23 21:25:56.98
>>405
ソース見てないけど、スクロールイベント検知して、
どのくらいスクロールしているかに応じて明るさを変えればいいんでない?
>>406がもっとちゃんとしたの書いてくれるかも。
409:Name_Not_Found
12/04/23 21:28:37.44
横から失礼するがjsfiddleか何かに
ソース全体を動く状態で公開したら
何をしたいか理解しやすいし
みんなが回答してくれるんじゃないか?
410:405
12/04/23 23:07:52.27
jsfiddleに書きましたので、よろしければ確認お願いします。
URLリンク(jsfiddle.net)
411:Name_Not_Found
12/04/23 23:21:28.67
動作見てないけど、スクロールイベント検知して、
どのくらい…
412:Name_Not_Found
12/04/24 08:13:32.97
見てきた
何をしたいかはっきり分かるじゃないか
そんなマニアックな既製品はないだろう
ホイールでのスクロールでも色を変えるなら
・右側のスクロール位置を取得
・スクロール位置をもとにリンクの色を計算
これらも必要だろう
413:Name_Not_Found
12/04/24 18:03:33.71
リンクの明るさ変えるとかただわかりづらいだけじゃね
どうせやるならnotepad++のDocument Mapのような機能を作っておくれ
414:Name_Not_Found
12/04/24 19:07:45.97
どれが選択されてるかはっきり分かれば十分だよな
明るさを変える必要などない
415:405
12/04/24 19:28:46.10
414さんが言っている機能を持つプラグインを見つけたのでとりあえずこれを
使うことにします。ありがとうございました。
URLリンク(trevordavis.net)
416:Name_Not_Found
12/04/24 19:35:51.43
使ってみてどうだったか教えてね
417:Name_Not_Found
12/04/24 23:37:15.61 4ZEbcc7t
URLリンク(www.giuliandrimba.com)
このプラグインを使ってノベルゲームっぽいものを作ろうとしています。
<h2 id="title01" >This is the example animating the opacity property</h2>
<input type="submit" name="animate" id="btnTitle01In" value="Intro" />
<script>
$(document).ready(function() {
$("#btnTitle01In").click(function() {
$("#title01").lettering().animateLetters({opacity:0},{opacity:1},{randomOrder:false,time:500,reset:false});
});
});
</script>
ここで、既に表示されている文字ではなく、非表示の状態から文字が出てくる
ようにしたいのですが、cssの対象要素にopacity: 0;とかvisibility: hidden;と
してしまうとプラグインのアニメーションが反映されません。
どのようにすれば良いでしょうか。お願いします。
418:Name_Not_Found
12/04/25 06:12:49.05
>>417
こういう場合は、ソースを追っかけてみるといいぜ。そんなに長くないし。
.lettering() - 文字列をspanで区切ってる
.animateLetters() - そのspanにアニメーションさせてる
だから $("#title01").find('span').css('opacity', 0); のようにしておいてから
$("#title01").animateLetters() すればいい。
419:418
12/04/25 06:15:15.78
最初に .lettering() させるのが抜けてた。まあ、わかるよね。
420:Name_Not_Found
12/04/25 12:33:47.92
最初に一瞬だけテキストが見えてしまうんですがって展開になりそ
421:417
12/04/25 13:00:53.13
>>418
サンプルのoutroを参考にやってみましたが、>>420さんの言うとおり一瞬出ちゃいますね。
1文字ずつ書き出していくようなプラグインなら他にもありますが、表示の綺麗さからこれを使えないかなと考えてます。
422:Name_Not_Found
12/04/25 13:07:57.67
そうなるからもうちょい工夫が必要だよって意味で書いたんだけどね。
考えてるようだから、あと少しがんばれー
423:Name_Not_Found
12/04/25 16:30:16.08
>>421
document.styleSheets を書き換えればいい
424:417
12/04/25 20:44:44.92
いろいろと誤解してました。
CSS
h2#title01 { opacity: 0; } //あらかじめtitle01は透明に
HTML
<h2 id="title01" >This is the example animating the opacity property</h2>
<input type="submit" name="animate" id="btnTitle01In" value="Intro" />
<script>
$(document).ready(function() {
$("#btnTitle01In").click(function() {
$("#title01").lettering(); //title01をletteringで1文字ずつspanに切り出す
$("#title01").find('span').css('opacity', 0); //切り出したspanをそれぞれ透明に
$("#title01").css('opacity', 1); //全体にあたるtitle01を非透明に
$("#title01").lettering().animateLetters({opacity:0},{opacity:1},{randomOrder:false,time:500,reset:false});
//spanが1文字ずつ透明→非透明にアニメーションする
});
});
</script>
プラグインをよく理解せずに使ってましたが、ソース読む大切さを思い知りました。
皆様アドバイスありがとうございました。
425:Name_Not_Found
12/04/25 21:10:54.69
頑張って便利なプラグインを作ってみてよ
426:Name_Not_Found
12/04/26 00:37:33.88
> $("#title01").lettering().animateLetters({
ここの .lettering() はいらないんじゃね? これあっても(想定通りに)動いた?
あと .end() をつかうとその4行は一つの連鎖にまとめることができる。
が、まあ、それはもっとわかってからでもいいかも。分けとくほうがわかりやすいかもしれないし。
427:Name_Not_Found
12/04/26 03:16:23.68
ライブラリ読んでないけど、動きそうな気はする
428:Name_Not_Found
12/04/26 03:18:41.73
ああ、それはさておき、>>417おめでとう。
429:Name_Not_Found
12/04/26 06:32:16.91
:eq(0) と .eq(0) の使い分けって
チェーンを繋げるときは .ea(0)を使ってそれ以外は:eq(0) がいいと
URLリンク(www.atmarkit.co.jp)
ここに書いてあったんですが、皆さんはどう分けてますか
430:Name_Not_Found
12/04/26 09:50:49.07
.eq(0)しか使いませんが何か困ることはありますか?
:eq(0)でしかできないこととか
431:Name_Not_Found
12/04/26 10:01:23.83
.eq(i)のように変数を入れたいときか
432:Name_Not_Found
12/04/26 10:11:11.00
iしかないならeachですむ話だよな
433:Name_Not_Found
12/04/26 10:11:40.94
>>431
なるほど
確かに:eq(" + i + ")より見やすいですね
434:Name_Not_Found
12/04/26 10:12:41.37
実行時間が格段に違うわけじゃないだろうから、
どっちでもいいんじゃね?
435:Name_Not_Found
12/04/26 13:14:18.38
マイナスの値が使える使えない。
と
querySelectorAllがある環境では、実行速度が違ってくる。
てなことがマニュアルに書いてある。
436:Name_Not_Found
12/04/26 13:40:44.64
よかったら、書いてあるURLと内容を教えて
どっちにマイナスが使えるかとか
あとで必ず見に行くから
437:Name_Not_Found
12/04/26 14:35:09.91
>>436
URLリンク(api.jquery.com)
マイナスが使えるのはメソッドの方。
eqのセレクタはquerySelectorAll が理解できないので、他のセレクタと分けたほうがいいってこと。
438:Name_Not_Found
12/04/26 15:34:15.85
>>437
おお、いつもありがとう
読んだ結果、今後eq()はメソッドの方を使うことにした
マイナスを使ったことはなかったが便利そうだな
439:Name_Not_Found
12/04/26 16:20:03.39
$('a').[0].tagName;
これが動く理由が分かりません。
$('a')[0]が返すのはjQueryのオブジェクトですよね?
440:Name_Not_Found
12/04/26 16:39:40.60
$('a')[0]を自分なりに探ってみたら?
どんなメソッドがあるかとか
typeofしてみるとか
$('a').eq(0)との違いとか
441:Name_Not_Found
12/04/26 16:57:47.71
やってみます!
442:Name_Not_Found
12/04/26 17:12:56.24
構造みたら納得しました!
443:Name_Not_Found
12/04/26 17:22:35.16
.get() もあわせて覚えておこう。
444:Name_Not_Found
12/04/26 20:24:36.88
<h1 id="id"></h1>
<a href="">ここを取得したい</a>
var n = $("#id").next();
if (n.is('a') == true) {
alert(n.text());
}
これをチェーンで繋げることってできますか? is()以外に自身のtagを取得できるメゾットなど・・
445:Name_Not_Found
12/04/26 20:36:27.89
>>1を読んでやり直し
446:Name_Not_Found
12/04/27 01:05:32.30
next('a')だな
447:Name_Not_Found
12/04/27 02:40:52.82
そして、if文のところは each() でいけそうかな。
448:Name_Not_Found
12/04/28 00:28:31.76
jquery mobileみたいなデザインやリストのアニメーションを、
iモードブラウザ2.0で表現することは可能でしょうか?
もしくはFALSH LITEで表現することは可能でしょうか?
449:Name_Not_Found
12/04/29 08:21:32.54
質問の意図や前提をくみ取れない糞質問
が多い。それで回答者が逆質問をしたり
悪口を言ったりする。それを前もって思
い描く力が絶望的に欠如してるに違いない。
スーパーハッカーだけが意図を理解できる。
レアなそういう神が颯爽と登場する予感。
450:Name_Not_Found
12/04/29 09:32:21.15
コピペとか
451:Name_Not_Found
12/04/29 22:55:39.24
<h1><span>あああ</span>いいいい</h1>
ここから"いいいい"の部分だけ取り出す場合↓この書き方で正しいんでしょうか?
alert($("h1").eq(0).clone().find("span").remove().end().text());
それともhtml()で取得して<span>を除去すべきですか
452:Name_Not_Found
12/04/29 23:15:37.11 SVggwLmH
画像のクリックとNEXT、BACKボタンで画像がフェードするギャラリーを作成してます。
サムネイルはいらず、ひたすらボタンと画像クリックで画像が変わるシンプルなものを作りたいのですが、
うまくいきません。
URLリンク(lab.komadoya.com)
このスライドのような状態で、自動再生されず、クリックで次画像に移動及びNEXT、BACKボタンの実装は可能ですか?
プラグインを使った事はあるのですが、カスタムスキルがないので、困っています。
ご指導頂けたら幸いです。
453:Name_Not_Found
12/04/30 02:20:12.56
>>451
こういう手も。
alert(?$('h1').contents().eq(1).text());???
454:453
12/04/30 02:21:39.87
なんか化けた…。
alert($('h1').contents().eq(1).text());
455:Name_Not_Found
12/04/30 02:55:02.69
>>453-454
そんな方法があったのですね
contents()とnot()をよく勉強してみます
ありがとうこざいました!
456:Name_Not_Found
12/04/30 10:04:35.25
解説サイトにあった↓これが動作しないのが気になるんですが
$('h1').contents().not("[nodeType=1]").text(); // なぜか<span>あああ</span>の方が拾われる
$('h1').contents().eq(1).text(); // いいいい
$('h1').contents().filter(function() {
return this.nodeType == Node.TEXT_NODE;
}).text() // いいいい
で無事できました
457:Name_Not_Found
12/04/30 10:16:17.19
not("[nodeType=1]")
は正しい書き方?
458:Name_Not_Found
12/04/30 10:35:01.54
>>457
ここ見たので正しいのかなと思ったんですが
URLリンク(semooh.jp) (v1.3.2)
それで今↑これをv1.7で試したら真逆の結果になってました
ということは正しくない書き方だったみたいですね。。
459:Name_Not_Found
12/04/30 16:14:40.08
>>458
そのサイト、ロクに更新されてなくて内容が古すぎるから使わないほうがいいよ
公式のリファレンスを読んだほうがずっといい URLリンク(api.jquery.com)
あと、Node.TEXT_NODE はIE6~IE8だとエラーになる(Nodeオブジェクトがグローバルオブジェクトに定義されてない)
だからマジックナンバーとして書いちゃったほうが無難
さらに言うなら == なんか使うな、=== を使え
return 1 === this.nodeType;
460:Name_Not_Found
12/04/30 19:19:17.32
>>452
自動再生ってことは、setTimeoutやsetIntervalなどのタイマー関係の関数が使われているはず。
まずは、そこをコメントアウトして、タイマー関数が呼び出している関数を自分で呼び出せないか考えてみよう。
461:Name_Not_Found
12/04/30 19:32:30.70
>>458
URLリンク(jsfiddle.net) でしらべると 1.4.4 から逆転するね。
そのへんのリリースノートをみるとわかるかも。
462:Name_Not_Found
12/04/30 19:51:50.14
>>461
乙
さすがだな
463:Name_Not_Found
12/05/01 00:48:53.61
>>459>>461
皆様、ありがとうこざいましたm(_ _)m
464:Name_Not_Found
12/05/01 20:10:11.55 yHeAOkzL
>>457
それで何をさせたいのか、ちょっと説明してみ?
465:Name_Not_Found
12/05/01 20:11:24.64
質問者の態度?
466:Name_Not_Found
12/05/02 16:39:16.03 qe2yUU4S
$(function () {
var e = $('div#north_box');
var b = e.parent().offset();
e.offset({top: b.top + 312, left: b.left + 712 });
e = $('div#south_player');
e.offset({top: b.top + 230, left: b.left + 17 });
e = $('div#north_player');
e.offset({top: b.top + 20, left: b.left + 736 });
});
-- css でスタイルするのが難しいので jquery でレイアウトしようと思うのですが、
しかし、これではリロードしないとレイアウトしてくれないのですね。jquery で
レイアウトするのにいい方法ないでしょうか
467:Name_Not_Found
12/05/02 17:09:25.74
window.onload = function () {
以下だとどう?
468:467
12/05/02 17:11:56.59
$(window).load(function () {
こっちか
469:Name_Not_Found
12/05/02 17:23:35.91
実行したいタイミングで実行したらいいんじゃないの?
470:Name_Not_Found
12/05/02 19:49:28.01
一回リロードすれば次からは大丈夫だよ、、、という話ではないと思いたいが。
471:Name_Not_Found
12/05/02 19:52:17.17
質問がよく分からないんだよな
コンソールで実行しろ
とでも言っておこうか
472:452
12/05/02 21:32:47.00 6wubSLvc
>>460
ありがとうございます!
setIntervalをコメントアウトしたら自動再生は止まりました。
ですが、ボタンの実装でつまづいています。。
このリンク(URLリンク(lab.komadoya.com) )の最下部の基本パターン#fader5に以下のコードを足したのですが、起動しません。。、
$("#nextButton").click(function(){
var oldIndex= imageIndex;
imageIndex= ++imageIndex % $("#fader5>img").size();
$("#fader5>img:eq("+oldIndex+")").fadeOut("slow");
$("#fader5>img:eq("+imageIndex+")").fadeIn("slow");
})
$("#prevButton").click(function(){
var oldIndex= imageIndex;
if( --imageIndex<0 ) imageIndex=$("#fader5>img").size()-1;
$("#fader5>img:eq("+oldIndex+")").fadeOut("slow");
$("#fader5>img:eq("+imageIndex+")").fadeIn("slow");
})
見よう見まね過ぎてほとんどわかってない現状です。
アドバイスして頂けたら幸いです。
473:Name_Not_Found
12/05/02 22:24:04.49
コードをよく読むように、というアドバイスじゃだめ?
読みにくければ作ってもいいんだよ。流用するときはライセンスに気をつけて。
474:Name_Not_Found
12/05/02 22:27:46.38
念のため著作権侵害として報告しときます
475:Name_Not_Found
12/05/02 22:28:05.65
ボタン押して数字を表示させたいんだけど、それをアニメーションさせながら
各桁が決まっていくように見せるライブラリってありますか?
簡単にいうと、なんでも鑑定団の鑑定額の表示みたくしたいです。
(あれそのものじゃなくてもよいです)
476:475
12/05/02 22:34:38.28
見つけました。灯台もと暗しというやつです。
477:Name_Not_Found
12/05/02 23:37:31.22
>>472
URLリンク(lab.komadoya.com)
のコードをよく読もう。
次の画像を選んで、透明にして、最前面にして、不透明になるようアニメーションさせてるだけだ。
(このコードはjQueryのプラグインになるように書いてあるからややこしいかもしれないが)
z-indexの操作はclassの付加削除でおこなってるから、cssファイルもみるのをわすれずにな。
478:Name_Not_Found
12/05/05 12:08:40.32
Greasemonkeyで、他人のサイトで動作するスクリプトを書いています
<div id="a">送信</div> をクリックするとjQueryでPOSTして次のページになるサイトなんですが
jQueryを別に取り込んでいる自分のスクリプトから $("#a").click();とすると2回POSTしてしまうのです。
(コンソールで確認しました。)
この情報だけで申し訳ないのですが、原因で考えられることって何かありませんか?
479:Name_Not_Found
12/05/05 12:13:52.75
サイト名を晒したら?
480:Name_Not_Found
12/05/05 13:07:32.95
サイトはちょっと晒せないのですが、やはりサイト側が特殊なんですかね > <
とりあえず送信部分は座標クリックツールで代用してみます
481:Name_Not_Found
12/05/05 13:18:58.08
自分でPOSTすればいいんだが。
482:Name_Not_Found
12/05/05 15:08:49.26
>>478
デバッガで追いかけてみたら?
483:Name_Not_Found
12/05/05 19:20:32.20
皆様ありがとうこざいます。
>>481
POST後にも続けて処理させたいことがあるので、どうしてもクリックさせないといけないのです。。
>>482
ブレークポイント?は使ったこと無いので勉強してみます
484:Name_Not_Found
12/05/05 19:22:16.99
続きの処理も自分ですればいい
485:Name_Not_Found
12/05/05 19:31:25.47
あれじゃないの?バブルとかいうやつ。
486:Name_Not_Found
12/05/05 19:37:10.65
連鎖とか全消しだろ
487:Name_Not_Found
12/05/05 22:29:17.27
イベントバブリング?
488:Name_Not_Found
12/05/05 23:21:32.19
input の checkboxとradioを取得したいのですがどのように書けばよろしいでしょうか'
$('#form-area input[type="checkbox",type="radio"]').each(....)
こんな感じでできませんか・・
489:478
12/05/06 00:46:09.44
すみませんどうやら↓こんな感じのソースで、#aをクリックしてたのが問題だったようです。。
<div id="container" onclick="next()">
<div id="a">送信</div>
</div>
お騒がせしました(T_T)
490:Name_Not_Found
12/05/06 01:06:13.57
やっぱりバブリンだったろ?俺天才
491:Name_Not_Found
12/05/06 03:11:18.23
>>485>>487>>490
まさにこれでした > <
492:あげ
12/05/06 20:40:05.99 7p1E5H+a
す、すみません。2ちゃんねる初心者なのですが、こちらで質問してよろしいでしょうか。
jQuery プラグインjquery.vector-map.js
を使用しまして、国をクリックしたときに指定したURLに飛ばしたいのですが、
どうもうまくいきません。。
マニュアルサイト
URLリンク(jvectormap.owl-hollow.net)
onRegionClick←このパラメータをうまく使えば、リンクが設置できるのかなと思っているのですが、
そもそもそんなカスタマイズは難しいのでしょうか?
493:Name_Not_Found
12/05/06 20:54:05.62
自分で書いてみたソースを公開してみてよ
494:あげ
12/05/06 20:57:26.99 7p1E5H+a
$(function(){
$('#map').vectorMap({hoverColor: '#f00', onRegionOver : function (event, code ){}});
});
#mapに地図を読み込みまして function (event, code )ここでなにかできるのかと、悩んでおります。
495:Name_Not_Found
12/05/06 23:03:12.27
リンク先にこう乗ってるよ。
$('#map-events').vectorMap({
onLabelShow: function(event, label, code){},
onRegionOver: function(event, code){},
onRegionOut: function(event, code){},
onRegionClick: function(event, code){}
});
クリックしたときだけでいいなら
$('#map-events').vectorMap({
onRegionClick: function(event, code){ alert("クリックした国の国コード=" + code; }
});
とかで出来るんでない
496:あげ
12/05/06 23:38:08.84 7p1E5H+a
あ、ありがとうございます!!
$(function(){
$('#map').vectorMap({onRegionClick:function (event, code){
alert("クリックした国の国コード=" + code);
if(code == "us"){
alert("アメリカ");
}else if(code == "ca"){
alert("カナダ");
}else{
alert("その他");
}
}
});
});
なんだかこれで、アラートをリンクに変更できれば、うまくいきそうなきがします。
ご教授ありがとうございますm(__)m
ちょっと自分でやってみたいと思います。
497:Name_Not_Found
12/05/07 15:11:21.90
質問です。
jQueryを使って、リンク先のページタイトルをA要素の末尾に追加しようとしています。
読み込む所まではうまく行くのですがタイトルだけ抜きだすところでつまづいています(findが動いていない?)。
ローカルで動かす予定です。お願いします。
<script type="text/javascript">
$(function(){
$(".sakiyomi").each(function(){
var kore =$(this);
var link =kore.attr("href");
$.ajax({
type : "GET",
url : link,
success : function(html){
var title = $(html).find("title").text();
kore.append("<b>:"+title+"</b>");
}
});
});
});
</script>
498:Name_Not_Found
12/05/07 15:13:14.81
単純ミスでした。
解決しました。
499:497
12/05/07 15:23:40.50
>>498は、私ではないです。
よろしくお願いします。
500:497
12/05/07 15:26:54.05
>>499
こちらこそよろしくお願いします。
501:Name_Not_Found
12/05/07 16:49:47.21
>>497
もし、htmlを取ってくるならば、successの関数に渡るのは stringです。
それを $(html)とすると、jQueryがパースするわけだけど、titleなどは取り除かれてしまいます。
URLリンク(api.jquery.com) のへんに書いてある。
正規表現で抜き出すのがいいんじゃない?
502:497
12/05/07 17:16:19.51
>>501
ご指摘ありがとうございます。
> var title = $(html).find("title").text();
の部分を、
var title = $(html).find("h1").text();
とすれば、とりあえずこちらの要望に近いものになるかと思ったのですが、、、どうもうまく行きません。
条件に合致する要素を抜き出すのは、find()関数では駄目なのでしょうか。
よろしくお願いします。
503:497
12/05/07 18:08:45.53
連投すいません。
問題自体は、
var title = html.match(/<title>([^<]*)<\/title>/i)
kore.append("<b>:"+title[1]+"</b>");
で解決しました。
また>>502の、
>var title = $(html).find("h1").text();
を、
var title = $(html).filter("h1").text();
とすることで、期待通りに動きました。
この、find()とfilter()の違いがわからずモヤモヤしています。
どなたかわかる方いらっしゃったらよろしくお願いします。
504:Name_Not_Found
12/05/08 02:17:50.96
>>503
URLリンク(api.jquery.com) にあるように、複雑なHTML文字列をDOMにするときには
innerHTMLをつかうみたい。
だからブラウザによると言うしか無いね。
filterで<h1>が出てくるのも、$(html)の段階で h1が選択されているからとしか言えねえ。
(chromeだとhead直下,body直下が選択状態になってるから $(html).filter('title')でtitleが取れそう)
505:Name_Not_Found
12/05/08 02:40:53.95
ある要素の属性全てを取得したいのですが
<div id="test" style="background;:red">内容</div>
というものをブラウザで表示させて
内容
となって、内容をクリックしたら「 test background:red」と表示させたいのですが
どのようなコードを書けばいいでしょうか
event.target.id などは使わず、ループで回して全ての属性を取得したいです。
お願いします
506:Name_Not_Found
12/05/08 12:01:10.38
>>505
element.attributes
507:Name_Not_Found
12/05/09 12:37:08.66 Dmkmiup2
すみません。出来る範囲で調べまくって、どうにも手詰まりになってしまい書き込みました。お助けください…
今手がけているサイトで、背景に写真を全面表示させて、自動でスライドショーにしようとしています。
ページがロードされると、写真がフェードインしてきて、以降フェードアウト、フェードインしながら複数の写真が切り替わる感じです。
クロスフェードではなく、フェードアウトして、一瞬背景色が見えた後次の写真がフェードインしてくるようにしたいと思っています。
あと、ページの右上にはナビゲーションがついていて、クリックのタイミングで写真が切り替わります。
それで色々とググってみて「supersized3.2.7.js」というプラグインを見つけたのですが
このプラグインだと写真の切り替わりがクロスフェードになっていて、期待する動きと違うのです。(それ意外は求める機能が全部ついていて良いのですが)
その他 全画面表示のギャラリー用プラグインをいくつか調べてみたいのですが、どれも欲しい機能のどれかが欠けている感じです。
Smooth fullscreen background slideshow in jQuery(URLリンク(www.jasperrooswinkel.com))
jquery.vegas.js(URLリンク(vegas.jaysalvat.com))← これ、軽くて良い感じでした。クロスフェードでしたが…
などなどを確認しました。
何か上記のスライドショーを実現させる良いプラグインはありませんでしょうか?
または、supersized3.2.7.js のカスタマイズの方法などを教えてはいただけないでしょうか?
508:Name_Not_Found
12/05/09 13:07:32.09
jQueryで自作するのが早い
509:507
12/05/10 01:03:08.24 br3Uyk+P
レスが遅れてすみません!
お返事ありがとうございます。
確かに自作できれば早いですよね…
ですが、僕は自作できるほどjQueryが使いこなせていないのです…orz
510:Name_Not_Found
12/05/10 01:44:33.75
jQueryのvalidation系プラグインで
入力フォームに対してまとめてvalidation実行した際に
validだったらフォームの値をかき集めて自動的にJSON化してくれるような
機能をもったものってありますか?
511:Name_Not_Found
12/05/10 02:06:17.45
>>509
背景色のイメージを間にはさめば?
512:Name_Not_Found
12/05/10 09:58:51.47
>>507
URLリンク(www.twospy.com)
513:507
12/05/10 10:59:24.38 vHEDa+JW
>>511
!!! なるほど。確かにその通りです。
なんで気づかなかったんだ、オレ…orz
ありがとうございます!
514:507
12/05/10 11:05:36.07 vHEDa+JW
>>512
情報ありがとうございます!
こまかく設定ができてよさそうです。
これから色々と触ってみます!
515:Name_Not_Found
12/05/10 12:04:47.30
過疎化したスレに書き込んでしまいましたので、こちらでお尋ねしたいと思います。
分かる人がいれば教えてくだちい。
Google+の「+1」の数だけ取得したくて、以下のようなコードを書いてみました。
$.ajax({
type : 'get',
url : 'URLリンク(plusone.google.com)' + targetURL,
dataType : 'jsonp',
success: function( data, textStatus ) {
//読み込み成功
},
error: function( XMLHttpRequest, textStatus, errorThrown ) {
//読み込み失敗
}
});
で、実行させると、必ず失敗するんですが、Firebug(1.9.1)でチェックすると、レスポンスの欄には、ちゃんと目的のHTMLが届いていました。
いろいろ試してみると、dataType : 'script'では成功しますが、レスポンスには何らかの関数のコードが届いていました。
どうすれば、Google+の「+1」の数だけ取得できるでしょうか?!
FacebookやTwitterみたいには行かないんですかね?!
(Ajax以外の方法でも構いません)
516:Name_Not_Found
12/05/10 12:18:01.89
形式がjsonpではないからでしょ?
517:Name_Not_Found
12/05/10 12:22:19.81
他のホストのHTMLを取得するのは無理
518:Name_Not_Found
12/05/10 13:38:51.59
Boilerplateっていう、プラグイン作成用のテンプレがあるけど
URLリンク(jqueryboilerplate.com)
これにパブリックな関数を実装するにはどんな記述になるのでしょうか?
519:Name_Not_Found
12/05/10 13:41:43.32
>>516
dataType : 'HTML' でも失敗するんですよ。。。
>>517
PHPと組み合わせてなら、取得できるって人もいました。
520:Name_Not_Found
12/05/10 13:53:10.35
>>519
PHPと組み合わせるって話はいま初めて書いただろ?
情報を後出しするなハゲ野郎
521:Name_Not_Found
12/05/10 14:34:18.92
公式に情報あった。。。
URLリンク(docs.jquery.com)
Boilerplateでうまく動きました。
522:Name_Not_Found
12/05/10 14:57:36.28
ハゲが図星だったか
523:Name_Not_Found
12/05/10 15:08:34.77
そもそもPHPのサーバ指してないしな
524:Name_Not_Found
12/05/10 15:10:48.49
>>520
こちらも知ったのは>515を書き込んだ後だから、後だしになってしまうのは仕方ないでしょ。
しかし、「ハゲ野郎」の部分は間違っていないので、そこは認めるw
その後も、いろいろと調べてみたところ、dataTypeは「SCRIPT」が正しいようです。
具体的には、通常の方法でGoogle+ボタン(iframe)を置いた後、$("#aggregateCount").htmlを確認しました。
すると、>515に書いたとおり、関数「function(a) = {...}」の内容が見られました。
つまり、URLリンク(plusone.google.com) で返るのはスクリプトで、それが実行されてGoogle+のインラインフレームとなるようです。
インラインフレームが吐き出された後なのに、スクリプトとしてしか参照できないのは腑に落ちないけど、そうなんだから仕方ない(動的に差し込まれたソースだから?)。
PHPと組み合わせると取得できるのは、HTMLソースとして取得できるからじゃないかと推測しています。
なんかよい方法があるといいのだが。。。
525:Name_Not_Found
12/05/10 15:26:30.22
いや、dataTypeがSCRIPTなんて、そんなバカな話はないな。
>>524は忘れてくださいまし。
526:Name_Not_Found
12/05/10 15:33:48.60
えっと>515については、↓のような対処しかないみたいなので、質問を撤回します。
URLリンク(www.muratayusuke.com)
527:Name_Not_Found
12/05/10 15:41:08.09
php使うってのがよくわからん。phpサーバを一回通すってこと?
528:Name_Not_Found
12/05/10 15:53:56.86
PHPスレに行けと言いたいところだが。
普通はHTMLやJSってサーバ上に設置するよな?
これで分からないならセンスがないんだろう。
529:Name_Not_Found
12/05/10 15:57:05.12
>>527
>517での指摘どおり、Ajaxでは他のサイトのドキュメントを取ってこれない(昔は出来てたみたい)ので、
PHPのソケット通信でHTMLを取ってきて、Access-Control-Allow-Origin ヘッダーをつけたあと、Ajaxで取得する
って方法ですな。
たしかに、これなら他のサイトのドキュメントも取ってこられます。
530:Name_Not_Found
12/05/10 16:00:09.59
PHPでJSONに変換すればいいじゃない
531:Name_Not_Found
12/05/10 16:01:32.63
サーバーサイドjQuery
532:Name_Not_Found
12/05/10 16:33:26.62
ああそうか。User.jsばっかり触ってたから鯖にうpしてるって認識がなくなってたわ。
533:Name_Not_Found
12/05/10 18:58:59.25
jsonp使えば何とかならん?
534:Name_Not_Found
12/05/10 19:10:23.22
形式がJSONPじゃなかろうもん
535:Name_Not_Found
12/05/10 20:09:16.09
GoogleだからなんかAPIあんじゃねーの?
そっちの方向で調べたほうが良いと思う
536:Name_Not_Found
12/05/10 20:33:20.41
>515です。
みなさん、レスありがとうございました。
あれから色々と試行錯誤を繰り返した結果、↓のプラグイン(PHP+JQuery)で実現できますた。
URLリンク(creatorish.com)
>>530-531, >>533-534
この問題に付き合ってくれてあざーす m(__)m
>>535
そう思って、しばらく調べてみたのですが、今のところはAPIは準備されてないっぽいですね。
537:Name_Not_Found
12/05/11 12:57:10.03
jQuery Mobileのテキストインプットで、
ラベルと入力フィールドを横並びの一行で表現すべく
<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
</div>
と書いて、inputタグに対するcssのwidthを小さめに設定したのですが、
どれだけ小さくしてもラベルと入力フィールドが改行されて2行で表示されてしまいます。
これを1行にまとめる方法はありますか?
538:Name_Not_Found
12/05/11 13:22:02.82
改行を禁止すれば良い
539:537
12/05/11 13:44:17.61
>>538
ありがとうございます。
下記のような感じで試してみたのですが、スマホ実機だと変化無し、
chrome,ffではinputタグ自体が表示されなくなってしまいました。
<div data-role="fieldcontain" class="nowrap">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" class="width20px"/>
</div>
css側:
.nowrap{
white-space: nowrap;
}
.width20px{
width:20% !important;
}
自分でもググってみます。
540:Name_Not_Found
12/05/11 17:47:14.84
>>539
jQuery Mobile知らないけど、実際どういうhtmlになってるか確認してみたらどうかな。
htmlは直接書いてるみたいだがJS側で何か加えているかもしれないし。
あとCSSの話で言えば、labelやinputにdisplay:blockの指定があるとそういう表示になるんで、
確認してみては(指定ナシまたはdisplay:inlineに)
541:Name_Not_Found
12/05/11 21:58:04.52
jqeryプラグインどうやってダウンロードするの?
サイト行ってもどこにもファイルが無い
URLリンク(archive.plugins.jquery.com)
このプラグインをダウンロードしようとしたけど一体どこにファイルがあるのかさっぱり
542:Name_Not_Found
12/05/11 22:00:58.53
工事中の英文に書いてある
543:Name_Not_Found
12/05/12 10:31:45.54
jQueryが原因かわからないけど
モーダルにしてダイアログボックスを出しても、裏に隠れている部分が反応してしまい
操作できない
これはブラウザ側のバグ?
544:Name_Not_Found
12/05/12 10:34:16.80
ソースを示したら?
545:Name_Not_Found
12/05/12 15:41:05.38
>>542
機械翻訳しても意味が…
どなたか教えてくだされば助かります
546:Name_Not_Found
12/05/12 18:59:21.54
新しいサイト用意するからしばし待てってことじゃないのかな。
とりあえずProject Homeからダイレクトに入手しちゃうのも手かも。
URLリンク(www.protofunc.com)
547:Name_Not_Found
12/05/12 20:00:05.91
>>546
そういうことですか…
しかし大分前からこの表示あるような…
それと、リンクありがとうございます助かりました
548:Name_Not_Found
12/05/13 21:04:50.27
スライド表示させたメニュー領域の外をクリックして、メニューを閉じたい。
・メニューボタンを押すと slideDown / slideUp でメニュー開閉
・表示されたメニューの枠外をクリックした場合はメニューを閉じる
(メニュー枠内をクリックした場合は無視)
上記の事がやりたいのですがうまく行きません。
.not を使って下記のようにすれば良いのかと思ったのですが、
枠内でも反応してしまいます。
$("div").not("#menuframe").click(function(){
$("#menuframe:not(:animated)").slideUp("200");
});
上記の修正・補足または、
別の方法が分かる方がいらっしゃいましたらお願いします。
549:Name_Not_Found
12/05/13 21:18:55.28
DOMの構造を公開しないと答え出ないと思うよ。たぶんイベントバブリングだと思うけど。
550:Name_Not_Found
12/05/14 00:14:55.32
ありがとうございます。
HTML 的には親子関係になく、
単純にボタン用の画像クリックで、別の場所の div を表示させているのですが、
やっぱり、親子関係にしないとそのあたりの処理はできないみたいですね。
event.stopPropagation あたりもあわせて、もう少し頑張ってみます。
551:Name_Not_Found
12/05/14 17:19:18.41
HTML側に
<div id="hoge"><span class="foo"></span></div>
とあった場合、spanが属性class="foo"を持つかどうかを判定する方法って、
if($("#hoge .foo").length > 0){
// spanが属性class="foo"をもっていた場合の処理
}
みたいにやるしかないですか?
それとも他に方法あります?
552:Name_Not_Found
12/05/14 17:59:40.40
自己解決しました
553:Name_Not_Found
12/05/14 18:57:31.01
>>551ですがまだ解決しておりません
現在ググり中&試行錯誤中です。。
554:Name_Not_Found
12/05/14 19:16:28.72
>>551
URLリンク(api.jquery.com)
555:Name_Not_Found
12/05/14 19:46:01.63
if ($("#hoge span").is(".foo") === true)
とか
556:Name_Not_Found
12/05/14 20:16:21.24
>>554>>555
ありがとうございます。hasClassなんてのがあったのか。。
両方検証して、>>555さんの方法が合ったので使わせてもらいます。
重ね重ねありがとうございました。
557:Name_Not_Found
12/05/15 15:36:40.52 bLJR5Jlc
jQueryが携帯電話(フルブラウザ)とPSPで動きません。
そういうものなのでしょうか。
スマホでも動かないのでしょうか?
jQuery Mobileというのを使わないと駄目なのでしょうか。
558:Name_Not_Found
12/05/15 15:41:39.95
そういうものですJSの勉強して下さい
559:Name_Not_Found
12/05/15 15:42:01.98
試せばいいだろ?
560:Name_Not_Found
12/05/15 15:47:44.98
jQuery Mobileはもっと動きません
諦めましょう
561:557
12/05/15 15:56:42.40 bLJR5Jlc
>>559
スマホ持ってないから試せません。
ナビゲーションメニューのhtmlファイルを
load関数で全ページにインクルードしているのですが、
携帯で見たら全ページでナビゲーションメニューが表示されず。
致命的です。
562:Name_Not_Found
12/05/15 15:57:46.73
スマホを買いなさい
563:Name_Not_Found
12/05/15 16:16:42.11
>スマホ持ってないから試せません。
知らんがな。必要なら買うしかないだろ。
564:Name_Not_Found
12/05/16 20:58:29.58
携帯コンテンツを制作するならいくつかの機種はもっているのが必須。
ただ場合によってはシミュレータでも可能。
XcodeのiPhoneシミュレータはおすすめ。
ただしSafariだよ。
565:Name_Not_Found
12/05/17 09:36:39.78
>>561
ケータイのフルブラウザはJavaScriptエンジン自体が
jQueryの稼働要件を満たしてないでしょ。
それに、モバイルで使うならjQuery Mobileだけど
サポートしているプラットフォームはコレ。
URLリンク(jquerymobile.com)
当然、日本のガラケーなんて含まれないからあきらめて
スマホに移行すべき。
スマホに移行できないなら、おとなしくガラケーのフルブラウザで
動くレベルのものを作る以外の選択肢は無いよ。
566:Name_Not_Found
12/05/17 10:12:00.15
Accessも余計な新背品作ってないで、真面目にnetfront 保守してくれたら良いのに
567:Name_Not_Found
12/05/17 14:08:49.28
PSPは仕様が公開されている。
URLリンク(www.jp.playstation.com)
これ見ると、かなり絶望的。
ajaxはiframeで真似事ができるが、DOMの操作関連が…
568:Name_Not_Found
12/05/17 17:39:20.85
インターネットブラウザは、Java Script 1.5 の一部と ECMAScript 3rd
Edition に対応しています。
って書いてあるけどDOM関連の操作ってquerySelector使えないだけじゃないの?
ついでに言えばajaxはあるんじゃないの?
全くって程みてないので知らんがw
569:Name_Not_Found
12/05/17 17:53:08.19
じっくり見るとDOMcoreは2の一部迄なのか
570:Name_Not_Found
12/05/17 18:03:52.76
対応してないタグ、属性、CSS、関数があるから、
jQueryの動作に必要なものが足りないんじゃない?
571:Name_Not_Found
12/05/17 18:32:29.30
教えて下さい。
<a href="URLリンク(example.com)"></a>
このアンカーリンク以降(#bbb)を取っ払う方法がわかりません。
自分なりにこんな感じまではやってみたのですが。
$(function(){
var clearanchor = $("a[href*='example.com']").attr("href");
clearanchor.str.replace(/#.*$/i, "");
});
すみませんが、教えてもらえると助かります。
572:Name_Not_Found
12/05/17 18:41:10.60
正規表現で置換しろ
573:Name_Not_Found
12/05/17 18:41:50.92
clearanchorの内容を置換しただけじゃhrefに反映されんだろ
574:Name_Not_Found
12/05/17 18:58:22.12
574です
$(function(){
var clearanchor = $("a[href*='example']").attr("href");
document.writeln(clearanchor.replace(/#.*$/i, ""))
});
こんな感じまではがんばってみました。
未だ期待する動作しませんが。
ヒントを下さい優しい人。
575:Name_Not_Found
12/05/17 19:05:43.34
ヒントも何も
clearanchorは<a>タグと関係ないただの変数
それだけ
576:Name_Not_Found
12/05/17 20:07:33.42
すいません、ちょっと質問させてください。
jqueryの$.ajax()で外部htmlを取得したのですが、リアルタイム更新になりません。
具体的には以下のソースで同ディレクトリのnews.htmlを読み込み、news.htmlが更新されると
表示も切り替わるようにしたいのです。
<p id="news">ロード中...</p>
<script type="text/javascript">
$.ajax({
url: 'news.html',
dataType: 'html',
async: true,
success: function(html) {
$('#news').html(html);
},
error: function(html){
alert('データの読み込みに失敗...');
}
});
</script>
知識が乏しくお手数おかけしますが、詳しい方教えてください。
577:Name_Not_Found
12/05/17 20:29:44.43
news.htmlが更新されたことをどうやって検出するか
だけだな。頑張れ。
578:Name_Not_Found
12/05/17 21:06:44.01
>574の心の声を意訳してみた。
「努力したことにすれば誰かが教えてくれるかもしれないと思って頑張りました。
JavaScriptは全然知らないので出来ないとは思っていましたヵ、案の定出来ませんでした。」
579:Name_Not_Found
12/05/17 21:39:58.50
思っていましたヵ
580:Name_Not_Found
12/05/17 21:41:37.65
思っていましたョ
581:Name_Not_Found
12/05/17 22:50:39.24
$.ajaxでデータタイプがJSONPの場合なんですけど、
ほぼ同じタイミングで幾つかのリクエストをサーバーに投げたら非同期並列通信
として処理してくれるんでしょうか? それとも同期処理になっちゃいます?
582:Name_Not_Found
12/05/17 22:55:50.31
asyncの値に依る
583:576
12/05/17 23:42:41.92
orz
584:Name_Not_Found
12/05/18 00:19:46.84
データタイプがJSONPの時は非同期だけだよ。
585:Name_Not_Found
12/05/18 23:48:55.24
>>576
setTimeoutとかうまくつかって一定時間でポーリングして
その中で、ajax使ってnews.htmlのlast-modifiedをチェック、
新しければロードするって方法でいけるだろ。
586:Name_Not_Found
12/05/18 23:56:29.85
>>574
とりあえず、こんなんでどうだ。
<a href="URLリンク(example.com)" id="link_1">example.com</a>
<script>
var clearanchor = $("#link_1").attr("href");
clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
alert(clearanchor);
</script>
Aタグ個別にidやclass振れないなら、divで囲ってこんなんとか。
<div id="links">
<A href="URLリンク(example.com)" >example.com</a>
</div>
<script>
var clearanchor = $("#links A").attr("href");
clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
alert(clearanchor);
</script>
587:Name_Not_Found
12/05/18 23:58:25.10
あー、そうか。
リンクのhrefの内容自体を書き換えるってことか。
じゃあちがうな。。
588:Name_Not_Found
12/05/19 00:04:54.94
こんな感じでどう?
<div id="links">
<a href="URLリンク(example.com)" >example.com/aaa</a>
<a href="URLリンク(example.com)" >example.com/aaa</a>
</div>
<script>
$.each($("#links a[href*='example']"), function(){
var clearanchor = $(this).attr("href");
clearanchor = clearanchor.substring(0, clearanchor.indexOf("#"));
$(this).attr("href", clearanchor);
});
</script>
589:Name_Not_Found
12/05/19 02:46:44.77
.replace(/#.*$/i, "")
なんでコレ使わないんだ?
590:Name_Not_Found
12/05/19 08:47:37.64
あとはそれを組み込めばよかろうもん
591:Name_Not_Found
12/05/19 09:07:51.02
clearanchorを書き換えるだけじゃ反映されないって話だろ
replaceのままでいい
592:Name_Not_Found
12/05/19 09:40:02.22
じゃあこれだ
<div id="links">
<a href="URLリンク(example.com)" >example.com/aaa</a>
<a href="URLリンク(example.com)" >example.com/aaa</a>
</div>
<script>
$.each($("#links a[href*='example']"), function(){
var clearanchor = $(this).attr("href");
document.writeln(clearanchor.replace(/#.*$/i, ""))
);
</script>
593:Name_Not_Found
12/05/19 10:02:09.81
> <a href="URLリンク(example.com)"></a>
> このアンカーリンク以降(#bbb)を取っ払う方法がわかりません。
って書いてあるんだから×
594:Name_Not_Found
12/05/19 10:14:28.01
じゃあ、これでひとつよろしく
<div id="links">
<a href="URLリンク(example.com)" >example.com/aaa</a>
<a href="URLリンク(example.com)" >example.com/aaa</a>
</div>
<script>
$.each($("#links a[href*='example']"), function(){
var clearanchor = $(this).attr("href");
$(this).attr("href", clearanchor.replace(/#.*$/i, ""));
});
</script>
595:Name_Not_Found
12/05/19 10:17:15.26
変数に代入する必要すらないがその辺はお好みで
で、clearanchorという変数名が用途と合ってないし意味不明
596:Name_Not_Found
12/05/19 10:17:17.65
$("a[href*='example']").each(function(){
$(this).attr("href", $(this).attr("href").replace(/#.*$/i, ""));
});
誰だよ#links必要とか言い出した奴
597:Name_Not_Found
12/05/19 10:24:12.98
俺だよ俺
だって誰もコード書いてやらないんだものw
って何回もなにやってんだろうな俺
自分の仕事しよう。。。
598:Name_Not_Found
12/05/19 10:25:09.32
回答者同士で添削しあうスレになったなw
599:Name_Not_Found
12/05/19 10:38:39.39
それもまたいいと思うw
600:Name_Not_Found
12/05/19 10:53:14.49
はじめから釣り質問だから誰も答えなかったんだよ。
601:Name_Not_Found
12/05/19 14:07:14.77
>>585
ありがとうございます!!
ググってみます!!
602:Name_Not_Found
12/05/20 17:55:10.93
質問させてください。
jquery.flatheights.jsというスクリプトを利用させて頂いてます。
URLリンク(www.akatsukinishisu.net)
このスクリプトでは指定した要素の高さを合わせるという処理をしてくれます。
(要素にcssでコンテンツの高さに合わせたheight要素を追加してくれる)
このスクリプトでウィンドウサイズを変えた時、
すでに指定した要素に挿入されたheightの値をリセットしたいんです。
(特定のウィンドウサイズ以下になった時にリセットしたいため)
良い方法はないでしょうか?
603:Name_Not_Found
12/05/21 00:34:33.34
ライセンス的にOKみたいだから、ソース変更しちゃえば?
ウィンドウのリサイズイベントに、希望の処理をbindすればいいっしょ。
604:Name_Not_Found
12/05/21 12:05:13.08
input の range で発生するイベントをJQでハンドリングしたいとおもっております。
スライダーを手放した直後に発生するイベントを探して
Bindしたいのですがどうも見つかりません。
changeイベントで対応するしかないのでしょうか?
605:Name_Not_Found
12/05/21 13:19:26.77
changeでできるならそれでいいじゃない
606:Name_Not_Found
12/05/21 13:25:20.66
>>603
レス有難うございまうす。
希望の処理を加えたいのは山々なんですが、初心者のため方法がわからず・・・。
特定のウィンドウサイズ(○ピクセル)以下になった時に、
cssに追加したheight属性を消して並び替えたいんですが、
どういった変更を加えたらいいでしょうか?
参考になるサイトなどあったら教えていただけますでしょうか?
607:Name_Not_Found
12/05/21 13:48:54.28
・ウィンドウサイズが特定のサイズ以下になったか判定
・CSSのheightを削除
・並び替える
この3つをやるだけだろ?
ソースを変更する必要すらないだろう
3つのやり方が全く分かってないのに、それを1から教えるだけの紙面はない
608:Name_Not_Found
12/05/21 13:51:42.49
jQuery経験者の皆様に質問ですが
クロスブラウザ問題はどのくらいあるもんなんでしょうか?
古いIEやスマホでもそこそこちゃんと動きますか?
609:Name_Not_Found
12/05/21 14:02:02.48
どのくらい古いIEかによるけど
610:Name_Not_Found
12/05/21 17:15:49.93
>>605
レスありがとうございます。
頻繁にアップデートを行いたくないため、
確定した最後の1回だけ処理できたらとおもっています。
rangeで発生するイベント一覧などご存知でしたら、
紹介していただけたらと思っております。
611:Name_Not_Found
12/05/21 18:17:39.29
イベントのたびに更新するんじゃなくて
間引く処理を自分で書くといいよ
俺ならそうする
・イベントが発生しても前回から1秒経ってなかったら更新しない
・1秒間イベントが発生しなかったら「確定した最後の1回」と見なして更新する
例えば、テキストボックスの入力文字数(や残り文字数)を数える奴も同様だな
612:Name_Not_Found
12/05/21 18:28:12.17
>>608
特にCSS制御が絡むと、古いIEは死ねる
IE6はサポート外にすべし
IE7もできればサポート外にすべし
サポートして良いのはIE8以降にしないと
開発&保守コストがかさむだけで、誰も幸せになれない
スマホ対応前提なら、jQuery Mobileあたりでラップしちゃえ
独自にゴリゴリやるとこれまた大変
613:Name_Not_Found
12/05/21 19:45:23.27
URLリンク(jquery.com) の Cross-browser のところにマウスカーソルをもっていくと、IE 6.0+ とはでるが…
614:Name_Not_Found
12/05/21 20:01:19.46
OSとべったり融合してる糞ブラウザで動作確認しようとは思わないな
標準的な方法では他のバージョンをインストールできないし
615:Name_Not_Found
12/05/21 21:25:52.77 2W7l5GQ7
初2チャンネルなので緊張してますw
jQueryでアニメーションさせたところでおかしな挙動をしていてギブアップな状態です。
皆様のお力添えをよろしくお願いします。
【環境】win7のGC、FFなど全てのブラウザで
【何をしたのか】小さい画像を大きい画像の上にドラッグアンドドロップをすると
フォームの親要素のサイズ(height)を変える処理をしているのですが、その際にきれいに終わってくれない。
heightを280pxにすると書いてあるのですが、280→275→285→280という感じで変動してしまいます。
【期待する結果】D&Dをするとheightがきれいに元のサイズ→280pxになって処理完了させたい。
【サンプルコード】URLリンク(www.geocities.jp)
JSのみURLリンク(www.geocities.jp)
サーバーにアップしました。
よろしくお願いします。
616:Name_Not_Found
12/05/21 22:32:47.55
>>615
"opacity":"0" のアニメーションは何箇所かに対して動くので、
それぞれの完了時に height: 280 にするアニメーションを発動させてしまっている。
617:Name_Not_Found
12/05/21 23:28:18.25
>>616
615です。
ありがとうございました!
確かにあの指定だと複数の箇所にanimateがかかっていてその分アニメーションしていますね。
理由もわかって解決できました。
ありがとうございました!
618:Name_Not_Found
12/05/22 00:07:15.10
>>611
なるほど、自力で間引いてみます。
619:Name_Not_Found
12/05/22 00:49:08.70
>>607
正しいコードかどうかはさておき、
とりあえず希望通りにうごくようになりました。
ありがとうございます
620:Name_Not_Found
12/05/24 11:16:06.86
$("#id1").load(url)
のようにページの一部を取得した後、取得したページに含まれている要素を$("#id2")のように取り出そうとしましたができません(空っぽの要素が返ってくる)
loadで取得したDOMは操作できない仕様ですか?
621:Name_Not_Found
12/05/24 11:54:25.11
取得したページに対して操作してないのが原因じゃないか?
ソースを示してみろ
622:Name_Not_Found
12/05/24 12:01:43.58
.load() の次の行で取り出そうとしてるんじゃね?
623:Name_Not_Found
12/05/24 12:03:56.29
どんな形であれ、DOM木に挿入されていれば取得できるはずだけどね。
DOM木に#id2があるか確認してるのか?
624:Name_Not_Found
12/05/24 12:10:35.19
$("#id1").load(url);
console.log($("#id1")); // 確認その1
console.log($("#id2")); // 確認その2
確認その1ではちゃんとid1の内側にid2が入っている
確認その2の出力が空っぽ
urlで取得するDOM
<div id="id2">
うんたらかんたら
</div>
みたいな感じ
です
625:Name_Not_Found
12/05/24 12:23:25.54
やっぱり次の行で見てたか。.load()は非同期で動くんだよ。
626:Name_Not_Found
12/05/24 12:35:45.41
そうだったか。調べたらコールバックが指定できたのでそれで解決しました。㌧
627:Name_Not_Found
12/05/24 17:04:12.77
どのUIライブラリーを使うのが無難かアドバイスを下さい。
C++や.NET系でそれなりに開発経験は上から下まであるんですが、HTML、javascriptなど素人なのにプロトタイプを作るというムチャぶりが来ました。
株式の値段のように、変更があったところをブリンクさせるとかグラフとかポータルのようなパネルレイアウトとかがいるようなんですが、UI周りのライブラリーとしてどのへんを使うべきかのご意見を頂きたいです。
グラフ周りは別物っぽいのでベースとなるもの?について特に頂ければ。
一つ候補に上がっているのはJQueryEasyUIです。
628:Name_Not_Found
12/05/24 17:04:28.04
途中で送信してしまった・・・
629:Name_Not_Found
12/05/24 17:05:00.71
また・・・
リンクです。
URLリンク(www.jeasyui.com)
630:Name_Not_Found
12/05/24 17:39:59.23
グラフはこのへんから見繕ってみれば
URLリンク(www.1stwebdesigner.com)
631:Name_Not_Found
12/05/24 21:06:32.64
jQuery.getJSONについて質問です。
ドキュメント URLリンク(api.jquery.com) によると
$,getJSON("URL", function(){ ... }).error( function(){ ... } );
でエラー時のコールバックを書けることになっていますが、不正なJSONを返すURL、そもそも404なURLなどを指定してもerror時コールバックが呼ばれません。
これはどのような時に呼ばれるのでしょう?
632:Name_Not_Found
12/05/24 21:33:54.12
JS自身にエラーを検出する方法がないから?
633:Name_Not_Found
12/05/24 21:45:20.10
>>631
んー。再現しないが。404で.error()が呼ばれた。
バージョンは最新かい? 古いとついてないよ。
あと、1.8では deprecatedになるらしいから failを使うのが賢明。
実際に取り除かれるのは 1.9以降になるだろうけど。
634:Name_Not_Found
12/05/25 10:55:20.67
jQuery Mobileで動く、本のページをめくるようなアニメーションのプラグインってありますか?
これは試してみたんですが、ちょっと重たいのでより軽いものがいいのですが。
URLリンク(www.turnjs.com)
635:Name_Not_Found
12/05/26 16:59:37.26
お手上げなので質問です。
現在jQueryプラグインの、「lofslidernews」というスライドショーを使っています。
これをautoで使ってるのですが、マウスオーバーで一時停止するようにしたいです。
そこで、pauseOnHove:trueや、pause:trueを追加してみたのですが、機能しません。
どこをコードのどこをいじればよいでしょうか?
よろしくお願いします。
$(document).ready( function(){
var buttons = { previous:$('#main_slide .lof-next') ,
next:$('#main_slide .lof-previous') };
$obj = $('#main_slide').lofJSidernews( { interval : 6000,
direction : 'opacitys',
easing : 'easeOutBounce',
duration : 1200,
auto : true,
isPreloaded : false,
maxItemDisplay : 3,
navPosition : 'horizontal', // horizontal
navigatorHeight : 32,
navigatorWidth : 80,
mainWidth:714,
buttons : buttons} );
});
636:Name_Not_Found
12/05/27 15:39:32.84
jQueryからCSS3のlinear-gradientを操作できません。
そういうものなのでしょうか?
$('#'+id).css('background', 'linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-webkit-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('background', '-moz-linear-gradient(top,rgb(175,175,238),rgb(94,99,222))');
$('#'+id).css('visibility', 'hidden');
テストとして入れてる4行目は効いてるので
1~3行目も通過してるはずなのですが。
637:Name_Not_Found
12/05/27 15:54:25.44
>>636
関数を文字列として扱うの?
638:636
12/05/27 16:10:11.03
>>637
$('#'+id).css('border', 'solid 1px rgb(255,0,0)');
こういうふうにrgb()も効くので
linear-gradient()も効くと思ったのですが
639:Name_Not_Found
12/05/27 16:19:15.70
>>637
関数じゃないし
640:Name_Not_Found
12/05/27 16:20:58.60
なりすましのおっさんが湧いてくるからID出した方がいいよ
641:636
12/05/27 16:21:12.28
すんません・・・ちょろミスでした。
説明しにくいのですが、上で引用しているところ以外で
ちょろミスがありました。
jQueryでlinear-gradientは操作できました。
642:Name_Not_Found
12/05/27 23:08:19.51
もう解決してしまっているようだけど、
こういう時はjQuery使わず書いてみると、どこが悪いのかわかるよ。
643:Name_Not_Found
12/05/28 12:49:34.65
UIをSencha Touchで構築して、DOM操作とかその辺をjQueryでやる、
という共存は可能ですかね?
644:Name_Not_Found
12/05/28 17:23:40.11
Sencha Touchのdivとかに付加されるidって自動採番か。。。
jQueryと共存できても、Sencha touchで生成されるUIに対して
jQuery用のvalidationプラグインとかを適用するのは無理っぽいな
645:Name_Not_Found
12/06/02 12:07:34.68
find('.title').each()
のようにして検索してループにかけるとき、
自分自身の要素名が div なのか p なのかとか判断するにはどうしたら良いのでしょうか?
646:Name_Not_Found
12/06/02 12:15:58.20
すみません。解決しました。
get(0).tagName で取得できました。
647:Name_Not_Found
12/06/04 13:15:02.80
>>645, 646
each()のループ内なら、"this.tagName"もOKみたい。
"$"つけてjQueryオブジェクトにすると"undefined"って言われるけど。
$('.hoge').each(function(idx, obj) {
alert($('.hoge').get(idx).tagName);
alert(this.tagName); //これもOK
alert(obj.tagName); //これもOK
});
648:Name_Not_Found
12/06/04 20:26:59.21
もし DOMを直接さわらないというこだわりがあるなら、
if ($(this).is('div')) {
~
}
なんてのもいいのでは。
649:Name_Not_Found
12/06/10 12:30:59.13
jQuery Mobileにて、検索フォームの初期値をJavaScriptで書き換えたいのですが、typeをsearchにするとできません。
//HTML
<input type="search" id="hoge" value="">
//JavaScript
document.getElementById("hoge").value="ほげ";
typeをtextなどにすると変更されるのですが、searchだけ変更されないのはなぜでしょうか?
650:Name_Not_Found
12/06/10 12:49:39.11
input 要素自体を append/after/html などで出力じゃダメなの?
651:Name_Not_Found
12/06/10 13:26:40.56
普通はできるからその特定のサイトの仕様上の問題だろう
652:Name_Not_Found
12/06/10 14:42:55.72
innerHTMLでできました。
しかし.valueだとなぜかできない
653:Name_Not_Found
12/06/10 15:02:25.58
たまにあるよね。そういうときはdom本来のvalueでなくもうひとつvalueがつくられてたりする。
654:Name_Not_Found
12/06/12 13:47:46.63
jquery mobileでマップ&マーカー表示させるものを作ってます。
$('#page-home').live("pageshow", function(){
$('#map_canvas').gmap({ マップ表示&マーカーをjsonで読み込んで複数配置 });
});
<div data-role="page" class="gmapbg" id="page-home">
<header data-role="header" data-position="inline" data-theme="a">
<h1>Test</h1>
<a href="#options" data-icon="gear" class="ui-btn-right" data-inline="true" data-rel="dialog" data-transition="pop">Options</a>
</header>
<div data-role="content">
<div class="ui-bar-c ui-corner-all ui-shadow" id="map_item">
<div id="map_canvas"></div>
</div>
</div>
<div data-role="dialog" class="gmapbg" id="options">
<div data-role="content">
<a href="#page-home" data-role="button" data-theme="a" id="saveBtn">設定する</a>
</div>
</div>
page-homeを表示する際にマップとマーカー配置を行ってます。
optionsのダイアログを表示して、マーカーで表示するカテゴリみたいなのを選択させて、
page-homeに戻ってきたときに、カテゴリを絞ってマーカーを再配置させてやりたいのですが、
gmap({});の中に入ってくれず更新させられません。
対応策がありますでしょうか。
655:654
12/06/12 14:29:49.20
数時間なやんだけど・・自己解決しました。
$('#map_canvas').gmap({})
と
マーカ作成処理を外出しで分離してやればできました。
スレ汚しすみません。
656:Name_Not_Found
12/06/13 22:33:18.32
やっぱりjqmで決まりなのかな?
jqtouchとかどうなんだろ
657:Name_Not_Found
12/06/14 00:37:53.70
jqmは「モバイルサイト」作るのにはいいけど、「モバイルアプリ」には
ちょいと厳しい。モバイルアプリには、Sencha Touchあたりがいいと思う。
ところで、jqmの
$.mobile.changePage( url,{
type : "POST", data : "param=ABC"
}
);
を使って、POSTでページ遷移させた場合に
遷移先ページでparamの値を取得するにはどうしたらいいのん?
GETだったら、URLのクエリパラメータに付加されるから
遷移先ページでのpageshowイベント内で
$(this).data("url")
で取得できるんだけど、POSTの場合のやりかたがわからん。
658:Name_Not_Found
12/06/14 01:28:49.44
質問。下記のふたつのコードは、意味は同じでしょうか?
$(document).ready(function(){
//うんたらかんたら
});
$(function(){
//うんたらかんたら
})
いずれもjQueryスクリプトの記述方法としてよく見かけます。
自分の勝手な想像ですが、「元々は1つ目の記法だったけど、
あるバージョンのjQueryから2つめの簡略記法が可能になった」とか?
659:Name_Not_Found
12/06/14 01:37:47.43
同じ
660:Name_Not_Found
12/06/14 04:20:04.48
サーバ側で出力したらいい
両方書いて比較したらいい
661:Name_Not_Found
12/06/14 09:28:12.49
jqmobiというのも出て来た。
ややこしいな
662:Name_Not_Found
12/06/14 09:47:49.89
>>658
1.0でも簡略記法があるようだよ。ソースを見ただけだけど。